/* style.css

STRUCTURE

-------------------------------------------------------------------- header.html 
head
/head
body
    top
		/top
		wrapper
		    header
				    header_top
						/header_top
						title_box
						/title_box
						title_box_right
						/title_box_right
						header_bottom
						/header_bottom
        /header
---------------------------------------------------------------------- index.php
        breadcrumb
				/breadcrumb
				content
				    content_wrapper
---------------------------------------------------------------- index_left.html
                left_sidebar
								/left_sidebar
---------------------------------------------------------------------- index.php
								left
								/left
-------------------------------------------------------------------- footer.html
								right
								    search_box
										    search_engine
												/search_engine	
									  /search_box	
										bottom_right
										/bottom_right
							  /right
            /content_wrapper	
        /content
				footer
				/footer
    /wrapper
		bottom
		/bottom
/body				

================================================================================				


/* header.html ----------------------------------------------------------------- */

body {
     background: #444444 url(../images/bg.jpg) fixed;
     margin: 0px 0 0px 0;
     padding: 0;
     text-align: center;
     font-family: verdana, arial, sans-serif;
     font-size: 75%;
     color: #333333;
}

#top {
     width: 1000px;
     margin: 0 auto; 
     padding: 10px 0;
}

#top p {
     font-size: 1em;
     line-height: 1em;
     margin: 0;
     padding: 0;
     color: #CCCCCC;
}

#top a:link {color: #000; text-decoration: none;}   
#top a:visited {color: #FFFFFF; text-decoration: none;}  
#top a:hover {color: #FFFFFF; text-decoration: underline;}  
#top a:active {color: #FFFFFF; text-decoration: none;}  

#wrapper {
		 float: none;
     width: 1000px;
     padding: 0;
     margin: 0 auto; 
     border: 1px solid #222222;
     background-color: #FFFFFF;
     text-align: left;
}

#header {
     padding: 6px 5px 5px 5px;
		  height: 30px;
     margin: 5px 5px 0 5px;
     border: 0px solid #cccccc;
     background: #0066cc;
}

#header p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

#header a:link {color: #FFFFFF; text-decoration: none;}   
#header a:visited {color: #FFFFFF; text-decoration: none;}  
#header a:hover {color: #FFFFFF; text-decoration: none;}  
#header a:active {color: #FFFFFF; text-decoration: none;} 

#title_box {
     float: left;
     padding: 0;
     margin:  0px 5px 0px 5px;
}

#title_box h1 {
     font-size: 2.7em;
		 	line-height: 0.8em;
		 	color: #eee;
     margin: 0;
     padding: 0;
}

#title_box h2 {
     padding: 0;
     margin: 0;
     font-size: 1.2em;
     line-height: 1.4em;
     font-weight: bold;
     letter-spacing: 1px;
     color: #CCCCCC;
}

#title_box_right {
     float: right;
		 height: 20px;
     padding: 0;
     margin:  3px 5px 0px 10px;
}

#title_box_right h1 {
     font-size: 2em;
		 	line-height: 0.8em;
		 	color: #eee;
     margin: 2px;
     padding: 0;
}

.spacer { clear: both; }

/* index.html ------------------------------------------------------------------ */

#breadcrumb			  {
     margin: 0 5px 0 5px;
     padding: 0px 0 0 0px;
     border-bottom: 1px solid #cccccc;
     border-top: 0px solid #000;
				font-family: verdana, arial, sans-serif;
     font-size: 1.5em;
}

#breadcrumb p {
				width: 100%;
     font-size: 1em;
				font-weight: bold;
				color: #444;
				text-align: center;
     letter-spacing: -.06em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

#content {
     margin: 0 5px 5px 5px;
		 /* height: 440px; */
     padding: 0px 0px;
     border-bottom: 1px solid #cccccc;
     /*background: #ffffff url(../images/sidebarbg.jpg) top left;*/
}

#content p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0 0 15px 0;
     padding: 0;
}

#right ul, #bottom ul {
     margin-left: 0;
     padding-left: 0;
     list-style: none;
     font-size: 1em;
     line-height: 2em;
     margin: 0 0 0em 0;
}

#right li, #bottom li  {
     padding: 0 0 0px 18px;
				margin: 0px 0 0 0px;
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: 0 0.5em;
}

#content_wrapper{
     float: left;
     width: 100%;
				padding: 0 0 0 0px;
}

#left_sidebar {
				float: left;
				width: 195px;
				height: 470px;				
				padding: 5px 0px 5px 5px;
				background: #ffffff url(../images/sidebarbg.jpg) top left;
				border-left: 1px solid #cccccc;
}

#left_sidebar p {
				
}

#rating  { 
				width: 181px; 
				margin: 0px 0 0 0;
				padding: 10px 0px 0px 5px;
				line-height: .6em;
				background: #fff; /* Has to be white when star images aren't transparent */
				border: 1px solid #cccccc;
}

#read_button_box {
				width: 185px;
				height: 100px;
				border: 0px solid #f00;
}

#read_button_box a {
			display: block;
			padding: 5px;
			margin: 5px 0px 5px 0px;
			width: 176px;
			text-align: center;
			font-weight: bold;
			font-size: 120%;
			border: 1px solid #888;
			/* border: 1px solid #888; */
			background-color: silver;
			color: #333;
			font-family: Verdana, sans-serif;
}

#read_button_box a:link {background-color: silver; text-decoration: none;} 
#read_button_box a:visited {background-color: silver; text-decoration: none;} 
#read_button_box a:hover {background-color: #7c9bcf; color: white; text-decoration: none;}  
#read_button_box a:active {background-color: #7c9bcf; text-decoration: none;}  	

/*#read_button_box a {
				width: 100%;
				height: 50%;
				background-image: url(./images/ReadButtonBlue.jpg);
				text-align: center;
				border: 1px outset #cccccc;
}*/

#lsb_top {
		background-image: url(../images/CXR_small.jpg);
		float: none;
		height: 147px;
		width: 180px;
		margin: 10px 0px 5px 5px;
}

#lsb_mid {
		background-image: url(../images/surgery_small.jpg);
		float: none;
		height: 153px;
		width: 180px;
		margin: 10px 0px 5px 5px;
}

#lsb_bot {
		background-image: url(../images/holding_hands_small.png);
		float: none;
		height: 120px;
		width: 180px;
		margin: 10px 0px 5px 5px;
}

#write_left_title_box {
			padding: 5px 0px 0px 0px;
			margin: 7px 0px 7px 0px;
			width: 189px;
			text-align: center;
			border-top: 1px solid #888;			
}

#write_left_pulldown_box {
			padding: 0px;
			margin: 1px 0px 2px 0px;
			width: 190px;
			border: 1px solid #888;
}

#write_left_tickbox_box {
			padding: 3px 0px 0px 0px;
			margin: 7px 0px 7px 0px;
			width: 189px;
			text-align: left;
			border-top: 1px solid #888;	
}

#left_button {
			display: block;
			padding: 5px;
			margin: 5px 0px 5px 0px;
			width: 190px;
			text-align: center;
			font-weight: bold;
			font-size: 140%;
			border: 1px solid #888;
			background-color: silver;
			color: #333;
			font-family: Verdana, sans-serif;
}

#left_button:link {background-color: silver; text-decoration: none;} 
#left_button:visited {background-color: silver; text-decoration: none;} 
#left_button:hover {background-color: #7c9bcf; color: white; text-decoration: none; cursor:pointer}  
#left_button:active {background-color: #7c9bcf; text-decoration: none;}  	

#left {
     /*margin-right: 210px; /*240*/
				margin: 0px 0px 0px 0px;
				width: 564px; /*640*/
				height: 480px;
				float: left;
				padding: 0px 10px 0px 10px;
				line-height: 1.6em;
				background-color: #fff;
				border-left: 1px solid #cccccc;
				border-right: 1px solid #cccccc;
				/*border-bottom: 1px solid #cccccc;*/
}

#centre_half_line {
				margin: 0px 0px 0px 0px;
				text-align: left;
				width: 280px; /*640*/
				height: 20px;
				float: left;
				/*padding: 0px 00px 0px 00px;
				line-height: 1.6em;
				font-weight: bold;
				font-size: 140%;
				background-color: #fff;
				border: 0px solid #cccccc;*/
}

#centre_title_box {
				margin: 5px 0px 0px 0px;
				text-align: center;
				width: 540px; /*640*/
				height: 40px;
				float: left;
				padding: 0px 10px 0px 10px;
				line-height: 1.6em;
				font-weight: bold;
				font-size: 140%;
				background-color: #fff;
				border: 0px solid #cccccc;
}

#centre_keyword_box {
				margin: 10px 0px 10px 0px;
				text-align: left;
				width: 563px; /*640*/
				height: 20px;
				float: left;
				padding: 0px 0px 0px 0px;
				line-height: 1.6em;
				background-color: #fff;
				border: 1px solid #cccccc;
}

#centre_keyword_box_box {
			  width: 282px;
				padding: 0px 10px 0px 0px;
				margin: 0px 10px 0px 0px;
				float: left;				
				text-align: right;
				font-weight: bold;
				font-size: 130%;
				background-color: #ccc;
				border: 1px solid #cccccc;
}

#centre_TOC_box {
				margin: 0px 0px 5px 0px;
				text-align: left;
				width: 563px; /*640*/
				height: 57px;
				float: left;
				padding: 0px 0px 0px 0px;
				line-height: 1.6em;
				background-color: #fff;
				border: 1px solid #cccccc;
}

#centre_TOC_box_box {
			  width: 160px;
				padding: 0px 10px 0px 0px;
				margin: 0px 10px 0px 0px;
				float: left;				
				text-align: right;
				font-weight: bold;
				font-size: 130%;
				background-color: #ccc;
				border: 1px solid #cccccc;
}

#index_list {
	background:none;
	border:0px solid #0f0;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width:554px;
	height:30px;
	list-style:none;
}
#index_list li {
	border-top: 0px solid #999;
	border-left: 1px solid #fff;
	background: #555;
	float:left;
	width:20px;
	list-style:none;
}
#index_list ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#index_list a {
	color:#eee;
	display:block;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	font-size: 130%;
}
#index_list a:link {background-color: #666; text-decoration: none;} 
#index_list a:visited {background-color: #666; text-decoration: none;} 
#index_list a:hover {background-color: #7c9bcf; color: #444; text-decoration: none; cursor:pointer}  
#index_list a:active {background-color: #7c9bcf; text-decoration: none;}  	

#centre_pulldowns_box {
				margin: 5px 0px 0px 0px;
				text-align: left;
				width: 553px; /*640*/
				height: auto;
				float: left;
				padding: 0px 10px 0px 0px;
				line-height: 1.6em;
				background-color: #fff;
				border: 1px solid #cccccc;
}

#centre_pulldowns_box_box {
			  width: 50px;
				padding: 0px 10px 0px 0px;
				margin: 0px 10px 0px 0px;
				float: left;				
				text-align: right;
				font-weight: bold;
				font-size: 130%;
				background-color: #ccc;
				border: 1px solid #cccccc;
}

#find_pulldown_box {
			padding: 0px;
			margin: 1px 0px 2px 0px;
			width: 190px;
			border: 1px solid #888;
}

#find_field { 
     border: 1px solid #E4DF94; 
     padding: 10px 8px; 
     margin: 0px 0 10px 10px; 
     background: #FFFBC0; 
     color: #000;
}

#ff_label {
				width: 270px;
				padding: 0px 00px 0px 0px;
				margin: 0px 0px 0px 0px;
				float: left;				
				text-align: right;
				font-size: 100%;
				border: none;
}

/* footer.html ----------------------------------------------------------------- */

/*#right {
     float: none;
		 width: 200px;
		 height: 100%;				
		 padding: 0px 0px 0px 0px;
		 background: #ffffff url(../images/sidebarbg.jpg) top left;
		 border-left: 1px solid #cccccc;
}*/		 

#right {
     float: left;
     width: 190px; 
		 height: 480px;
     margin-left: -203px;
		 padding: 0px 0px 0px 12px;
		 background: #ffffff url(../images/sidebarbg.jpg) top left;
		 border-right: 1px solid #cccccc;*/
}

#search_box {
		  width: 190px;
     float: left;
     padding: 0;
     margin: 10px 0px 0px 0;
}

#search_box form {
     padding: 0;
     margin: 0;
}

.searchfield {
		 width: 89%;
     padding: 4px ;
     margin: 0px;
     border: 1px solid #666;
     background: #FFFFFF; /* url(../images/shadow.jpg) top left repeat-x; */
     font-family: verdana, arial, sans-serif;
     font-size: 1em;    
}

.searchbutton {
     height: 24px;
     width: 24px;
     margin-left: 0px;
		 	margin-top: 0px;
		 	padding: 0 0 0px 0;
     border: 0px solid #666;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
     background: url(../images/SearchArrowGrey.jpg);
		 /*onmouseover: url(../images/search-arrow-on.png);
		 onmouseout: document.searchbutton.src=url(../images/search-arrow.png);*/
		 cursor: pointer;
}

#bottom_right {
				width: 176px;
				height: 215Px;
				background: url(../images/happyfamily5croppedfaded.jpg);
				border: 1px solid #666;
				padding: 0 0 0 0px;
				margin: 15px 0 0 0px;
}

#bottom_right h1 {
			 font-size: 1em;
				line-height: 1.7em;
				font-weight: bold;
				color: #444;
     letter-spacing: 0.5px;
				padding: 0 0 0 0px;
				margin: 0 0 0 10px;
}

#footer {
     margin: 0 5px 5px 5px;
     padding: 5px 5px;
     border-top: 0px solid #cccccc;
     background-color: #0066CC;
}

#footer p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
     text-align: center;
     color: #CCCCCC;
}

#footer a:link {color: #FFFFFF; text-decoration: none;}   
#footer a:visited {color: #FFFFFF; text-decoration: none;}  
#footer a:hover {color: #FFFFFF; text-decoration: underline;}  
#footer a:active {color: #FFFFFF; text-decoration: none;}  

#bottom {
     width: 940px;
     margin: 0 auto; 
     padding: 10px 0;
     border: 0px solid #cccccc;
}

#bottom p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
     color: #CCCCCC;
}

#bottom a:link {color: #FFFFFF; text-decoration: none;}   
#bottom a:visited {color: #FFFFFF; text-decoration: none;}  
#bottom a:hover {color: #FFFFFF; text-decoration: underline;}  
#bottom a:active {color: #FFFFFF; text-decoration: none;}  





				









#menu p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

h1, h2, h3, h4, h5, h6 { 
     margin: 0  0 .6em 0;
     color: #222222;
     font-family: verdana, arial, sans-serif;
     letter-spacing: -.06em;
     line-height: 1.1em;     
}

h1 { font-size: 2.2em; }
h2 { font-size: 2em; color: #555;}
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }	


/* Image Replacement for Logo (Optional)
------------------------------------------------------------------ */

#logo h1 {
     margin: 0;
     padding: 0;
}

#logo h1 a {
     display:block;
     overflow: hidden;
     text-indent: -1000em;
     width:370px;
     height:90px;
     background:url(../images/logo.gif) no-repeat;
}


/* Hyperlinks
------------------------------------------------------------------ */

/*
a:link {color: #0066CC; text-decoration: none;}   
a:visited {color: #0066CC; text-decoration: none;}  
a:hover {color: #0066CC; text-decoration: underline;}  
a:active {color: #0066CC; text-decoration: none;}  
*/
a:link {color: #007; text-decoration: none;}   
a:visited {color: #007	; text-decoration: none;}  
a:hover {color: #a00; text-decoration: underline;}  
a:active {color: #007; text-decoration: none;}  

#menu a:link {
     color: #FFFFFF; 
     text-decoration: none;
     padding: 10px;
     margin:1px;
}   

#menu a:visited {
     color: #FFFFFF; 
     text-decoration: none;
     padding: 10px;
     margin:1px;
}  

#menu a:hover {
     color: #111111; 
     text-decoration: none; 
     background-color: #FFFFFF;
     padding: 10px;
     margin:0;
     border:1px solid #111111;
}  

#menu  a:active { 
     text-decoration: none;
}  

/* Unordered Lists
------------------------------------------------------------------ */


#page_links {
     text-align: center;
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

#page_links li {
     text-align: center;
     display: inline;
     list-style-type: none;
     padding: 0 10px;
     margin: 0;
}


/* Page Structure
------------------------------------------------------------------ */

/* This does not appear to refer to the search box - see below */

.search_field {
     padding: 8px ;
     margin: 0px;
     border: 1px solid #333333;
     background: #FFFFFF url(../images/shadow.jpg) top left repeat-x;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
}

.search_btn {
     height: 34px;
     width: 80px;
     margin-left: 2px;
     border: 1px solid #333333;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
     background: #EEEEEE;
}

#login_box {
				width: 200px;
     float: left;
     padding: 0;
     margin: 0px 0px 0px 0;
}

.loginfield {
				width: 50%;
     padding: 4px ;
     margin: 0px 0px 10px 0;
     border: 1px solid #666;
     background: #FFFFFF; /* url(../images/shadow.jpg) top left repeat-x; */
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
}			

.loginbutton {
     height: 20px;
     width: 80px;
     margin: 10px 0 0 0px;
		  padding: 0 0 2px 0;
     border: 1px solid #666;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
     background: #ccccff;
}

.writing_field_1_line {
			 width: 98%;
				height: 15px;
     padding: 4px ;
     margin: 0px 0px 5px 0;
     border: 1px solid #666;
     background: #FFFFFF; /* url(../images/shadow.jpg) top left repeat-x; */
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
}			

.writing_field_2_line {
			 width: 98%;
				height: 30px;
     padding: 4px ;
     margin: 0px 0px 5px 0;
     border: 1px solid #666;
     background: #FFFFFF; /* url(../images/shadow.jpg) top left repeat-x; */
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
}			

.longbutton {
     height: 25px;
     width: auto;
     margin: 10px 10px 0 0px;
		  padding: 0 0 2px 0;
     border: 1px outset #666;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
     background: #ccccff;
}

/*
#rating button {
				width: 150px;
				height: 25px;
				margin: 3px 0 5px 50px;
}
*/
#show_experience {
				width: 98%;
				height: 468px;
				overflow: auto;
				border: 1px solid #eee;
				padding: 2px 5px 5px 5px;
}

#show_minor {
				width: 98%;
				height: 35px;
				overflow: auto;
				border: 1px solid #eee;
				padding: 5px 5px 5px 5px;
}

/*
#btmrightshadow {
		 width: 176px;
     height: 15Px;
		 margin: 0 5px 0 5px;
     padding: 12px 0 0 10px;
     border-bottom: 0px solid #cccccc;
     border-top: 0px solid #000;
     background: #FFFFFF url(../images/shadow.jpg) top left repeat-x;
}		 
*/		 


/* Images		
------------------------------------------------------------------ */

.photo_frame {
     float: right;
     padding: 5px;
     border: 1px solid #f4f4f4;
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;  
     margin: 5px 0 10px 15px;   
}

.photo_frame img {
     margin: 0;
     padding: 0;
     border: 0;
}

/* sNews	
------------------------------------------------------------------ */
/* This appears to refer to the search box */

/*.searchbutton {
     height: 24px;
     width: 24px;
     margin: 0px 0 1px 0px;
		 	padding: 0px 0 3px 0;
     border: 2px outset #666;
     font-family: verdana, arial, sans-serif;
     font-size: 1.3em;
				/*line-height: 1.3em;
				font-weight: bold;
     background: #08c;
}*/

fieldset { 
     border: 1px solid #E4DF94; 
     padding: 10px 8px; 
     margin: 10px 0 8px 0; 
     background: #FFFBC0; 
     color: #000;
}

#inpt_box_size {
				width: 540px;
				height: 15px;
}

#large_box_size {
				width: 540px;
				height:152px; 
		 		line-height: 1.4em;
}

#email_msg_box {
				width: 513px;
				height:126px;
}

#small_box_size {
				width: 540px;
				height: 66px; 
		 		line-height: 1.4em;
}

/* reg_errors supposed to be box within fieldset to contain error messages */
#reg_errors {
		 border: 0px solid #f00; /*0px solid #E4DF94;*/
		 float: right;
		 height: 250px;
		 width: 230px; 
     padding: 0px 5px; 
     margin: 0px 0 5px 0; 
     /*background: #ccc; /*#FFFBC0;*/ 
     color: #000; 		 
}

input { 
				padding: 2px; 
				border: 1px solid #666;
}

textarea {
			 padding: 2px; 
				cols: 90;
				border: 1px solid #666;
				font-size: 1em;
				font-family: verdana, arial, sans-serif;
}

.comment { 
     background: #F5F6F6; 
     color: #666666; 
     padding: 10px; 
     margin: 0 0 10px 0; 
     border-top: 1px solid #ccc; 
}

.commentsbox { 
     background: #f4f4f4; 
     color: #666666; 
     padding: 10px; 
     margin: 0 0 10px 0; 
}

.date { 
     border-top: 1px solid #eee; 
     margin: 0 0 20px 0; 
     clear: both;
}