/* CSS - 2008 by Bob Moyce for Phoenix Studios Productions - http://www.yearofthephoenix.com  */		

/* Global Settings  */		
	body, html {background: url("../graphics/backdrop-main-body.jpg") center top repeat-y; background-color: #e5effa;
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif; color: #444444;
  		text-align: center;
  		margin: 0px 0px 0px 0px;
  		padding: 0px 0px 0px 0px;		
		border: 0px;
  	}
	body {font-size: 70%;}
/* END Global Settings  */		

/* Image Handling */
	.image-border {margin: 5px 5px 5px 5px; border: 1px solid #444444;}
	.image-no-border {margin: 5px 5px 5px 5px; border: 0px solid;}
	.image-left {border: 0px; margin: 5px 20px 5px 5px; border: 0px; float: left;}
	.image-left-border {border: 0px; margin: 5px 20px 5px 5px; border: 1px solid #444444; float: left;}
	.image-right {margin: 5px 5px 5px 20px; border: 0px; float: right;}
	.image-right-border {margin: 5px 5px 5px 20px; border: 1px solid #444444; float: right;}
/* END Image Handling */

/* HR Breaks */
	div.hr-grey-line {height: 1px; border-bottom: 1px solid #555555; margin: 15px 0px 15px 0px;}
	div.hr-grey-line hr {display: none;}	
	div.hr-grey-dots {height: 1px; border-bottom: 1px dotted #555555; margin: 15px 0px 15px 0px;}
	div.hr-grey-dots hr {display: none;}	
/* END HR Breaks */

/* Main Container */		
	#main-container {
			width: 100%;
			margin: 0 auto; 
			text-align: center;
		}
/* END Main Container */

/* Header */
	#header {background: url("../graphics/backdrop-header.jpg") center top repeat-x;
			width: 100%;
			height: 400px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
	#header-content {
			width: 960px;
			margin: 0 auto;
			padding: 25px 0px 0px 0px;
		}
	#header-content p {font-size: 1.2em; line-height: 1.7em; color: #025ba7; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}	
	#header-content p a {color: #025ba7; text-decoration: none;}	
	#header-content p a:hover {color: #888888; text-decoration: none; border-bottom: 1px solid #777777;}	
/* END Header */		

/* Main Menu */
	#main-menu {
			width: 900px;
			height: 55px;
			margin: 0px 30px 0px 30px;
			padding: 10px 0px 0px 0px;
			border-top: 1px solid #e1dfdf;
			border-bottom: 1px solid #e1dfdf;	
		}
	#main-menu ul {text-transform: uppercase;
			font-size: 1.3em;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
			list-style-type: none;
			width: 100%;
			text-align: center;
		}

	#main-menu li { display: inline; }
	#main-menu li a {
			color: #6699CC;
			text-decoration: none;
			padding: 2px 10px 2px 10px;
		}
	#main-menu li a:hover {
			color: #FFFFFF;
			background-color: #6699CC;
		}
		
	#section-menu {text-align: center; margin: 0px 0px 15px 0px;}
	#section-menu ul.section-menu {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	#section-menu ul li.supplemental-navigation {display: inline; margin: 0px 20px 0px 0px;}
	#section-menu ul li.supplemental-navigation a {color: #367acf; text-decoration: none; border-bottom: 1px solid #6699CC;}
	#section-menu ul li.supplemental-navigation a:hover {color: #888888; text-decoration: none; border-bottom: 1px solid #777777;}	
	#section-menu ul li.supplemental-navigation-last {display: inline; margin: 0px 20px 0px 0px;}
	#section-menu ul li.supplemental-navigation-last a {color: #367acf; text-decoration: none; border-bottom: 1px solid #6699CC;}
	#section-menu ul li.supplemental-navigation-last a:hover {color: #888888; text-decoration: none; border-bottom: 1px solid #777777;}	
/* END Menu */ 
	
/* Main Content */
	#main-content {
			width: 960px;
			min-height: 450px;
			margin: 0 auto;
			text-align: center;
		}
/* END Main Content */

/* Text Box */	
	#text-box {
			width: 820px;
			text-align: left;
			padding: 30px 65px 0px 65px;
		}
	#text-box p {font-size: 1.2em; margin: 5px 0px 10px 0px; line-height: 1.9em; text-align: justify;}	
	
	#text-box p a {color: #367acf; text-decoration: none; border-bottom: 1px solid #6699CC;}
	#text-box p a:hover {color: #888888; text-decoration: none; border-bottom: 1px solid #777777;}	
	
	#text-box p.center {font-size: 1.2em; margin: 0px 0px -5px 0px; line-height: 1.9em; text-align: center;}
	#text-box p.indent {margin: 0px 0px 0px 50px;}	

	#text-box p.certified {font-size: 1.2em; line-height: 1.5em; margin: 0px 0px 0px 0px; text-align: center; float: right; }	
	
	#text-box p.sub, p.sup {font-size: 0.9em; line-height: 0.1em;}

	a.off-site {color: #000000; text-decoration: none; border-bottom: 1px dashed  #6699CC;}
		
	#text-box p.top {background: url("../graphics/arrow-up.gif") no-repeat right 5px; margin: 10px 0px 25px 0px; padding: 0px 25px 0px 0px; text-align: right; border-bottom: 1px dotted #777777;}
	#text-box p.top a {color: #666666; text-decoration: none; border-bottom: 0px solid;}
	#text-box p.top a:hover {color: #000000; text-decoration: none; border-bottom: 0px}	
	#text-box .file-size {font-size: 0.8em; font-style: italic;}
	
	#text-box .column {width: 400px; margin: 5px 0px 5px 0px; float: left;}
/* END Text Box */		

/* Headings */	
	#text-box h1 {font-size: 2.0em; font-weight: normal; margin: 5px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #555555;}
	#text-box h2 {font-size: 1.8em; font-weight: normal; margin: 5px 0px 10px 0px;}	
	#text-box h3 {font-size: 1.6em; font-weight: normal; margin: 5px 0px 5px 0px;}	
	#text-box h4 {font-size: 1.4em; font-weight: normal; margin: 5px 0px 0px 0px;}	
/* END Headings */		

/* List Handling */	
	#text-box ul {font-size: 1.2em; line-height: 1.8em; margin: 5px 0px 5px 25px; padding: 5px 0px 5px 25px; }
	#text-box ul a {color: #367acf; text-decoration: none; border-bottom: 1px solid #6699CC;}
	#text-box ul a:hover {color: #888888; text-decoration: none; border-bottom: 1px solid #777777;}
	
	#text-box ul li.arrow-grey {list-style-image: url(../graphics/arrows-grey.gif);}

	#text-box ol {font-size: 1.2em; line-height: 1.7em;}
	
	#text-box ul.file {margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;}
	#text-box li.file-pdf {list-style-type:none; background:url(../graphics/icon-file-pdf.gif) no-repeat left 0px; min-height: 45px; padding: 0px 0px 0px 45px;}
/* END List Handling */	

/* Grey Box */	
	#white-box {
			margin: 10px 0px 10px 0px;
			padding: 5px 15px 5px 15px;
			background-color: #FFFFFF;
			border: 1px dotted #CCCCCC;
		}		
/* END Grey Box */
	
/* Photo Container*/
	.photo-container {
			text-align: center;
			width: 205px;	
			background-color: #FFFFFF;
			border: 1px solid #888888;
			float: right;
			margin: 5px 0px 5px 20px;
			padding: 5px 5px 5px 5px;
		}		
	.main-photo {border: 1px solid #888888; margin: 10px 0px 5px 105px;}
/* END Photo Container */		
		
/* Telephone & Voice Mail Table */ 
	.telephone-name {
			float: left; 
			width: 280px;
			min-height: 25px;
			margin: 0px 0px 0px 10px;
			overflow: auto;
			padding: 0px 0px 5px 0px;
			border-bottom: 1px solid #666699;
		}
	.telephone-extension {
			float: left; 
			width: 35px;
			min-height: 25px;
			overflow: auto;
			text-align: center;
			padding: 0px 0px 5px 0px;
			border-bottom: 1px solid #666699;	
		}		
/* END Telephone & Voice Mail Table */ 
			
/* Quote */ 
	#text-box p.quote {
			background: url(../graphics/backdrop-quote.gif) no-repeat;
			padding: 5px 15px 5px 15px;
			font-size: 1.2em; margin: 5px 0px 10px 0px; line-height: 1.6em; text-align: left;
		}		
/* END Quote */ 	

/* Patient Surveys */
	#survey-container {
			height: auto;
			margin: 0px 0px 0px 50px;
			overflow: auto;
		}
	#survey-container ul  {
			font-size: 1.0em;
			margin: 0px 10px 0px 5px;
			text-align: left;
		}
	.survey-capsule {
			text-align: center;
			height: 200px;
			width: 205px;	
			background-color: #FFFFFF;
			border: 1px solid #888888;
			float: left;
			margin: 5px 20px 5px 0px;
			padding: 5px 5px 5px 5px;
		}
/* Patient Surveys */

/* Footer */		
	#footer {background: url("../graphics/backdrop-footer.jpg") center top no-repeat; background-color: #98c6ea;
			width: 100%;
			height: 80px;
			margin: 0 auto;
			padding: 75px 0px 0px 0px;
			text-align: center;
		}

	#footer p a {color: #666666; border-bottom: 1px dotted #777777;}	
	#footer p a:hover {color: #000000; text-decoration: none; border-bottom: 1px dotted #000000;}	
/* END Footer */			

.clear { clear: both; }
.clearfloat {clear:both; height:0px; overflow:hidden;}