﻿/*******************************************************************************************
 Global Tags
/*******************************************************************************************/
    html { margin: 0; padding: 0; }
	body { width: 850px; margin-left: auto; margin-right: auto; margin-top:25px; font: .8em Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif  ; color: #555; background: #c7dbf0 url(images/background.gif) repeat-x top; }
	a { color: #9c8160; }
	a:hover { color: #333; }
	hr {width: 95%; margin: auto; color: #ccc; background: #ccc; border:0; height:1px;  }	
	img { border:none; }
	h2 { padding: 0; margin: 0; font-size: 12px; }
	h3 { font-weight: bold; }		
	h4 {font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;font-size:20px; text-align: right; color: #9c8160; font-weight:normal; padding:5px 20px 5px 0; margin:0;}
	h5 {font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;font-size:16px;  color: #555; text-align: right; font-weight:normal; padding: 0 20px 0 0; margin: 0;}
	fieldset { width: 95%; margin-left: auto; margin-right: auto; border: solid 1px #CCC; padding:0 5px 0 5px; }
	legend {  font-weight: bold; padding: 10px; color: #555; font-size:14px; }
	p { line-height:20px;}
	li {padding-bottom:8px;}

/*******************************************************************************************
 Header
/*******************************************************************************************/	
    #cornerTopLeft { float: left; background:  url(Images/cornerTopLeft.gif) no-repeat top left; width: 35px; height: 80px; margin: 0; padding: 0; border-bottom: solid 1px #FFF; }
    #logo { float: left; background: #5b83b0; width: 595px;  padding: 7px 10px 15px 0;  border-bottom: solid 1px #FFF; height: 58px; }
    #searchContainer { float: left; background: #5b83b0; width: 165px;  padding: 25px 0 5px 10px; height:50px;  border-bottom: solid 1px #FFF; vertical-align:top; }
    #searchContainer #searchTextBox { float: left; }
    #searchContainer #searchButton { float: left; padding: 3px 0 0 5px; }
    #cornerTopRight { float: left; background:  url(Images/cornerTopRight.gif) no-repeat top right; width: 35px; height: 80px; margin: 0; padding: 0;  border-bottom: solid 1px #FFF; }
    #banner { border-bottom: solid 1px #CCC;  float:left;}
    #slider { border-bottom: solid 1px #CCC;  float:left; padding:0;margin:0;height:300px;}

/*******************************************************************************************
 Master Page Content
/*******************************************************************************************/
   #bodyContainer { float:left; background-color:#d7e8f8; }
   #bodyContainer #eamcNav { width: 160px; margin:0; padding:0;  float:left;}
   #bodyContainer #contentContainer {  float:left; padding: 10px; width: 670px; background-color: #FFF; min-height:200px; }
   #bodyContainer #eamcNav  .menuItem { position: relative; height: 22px;  display: block; width: 145px; background: url(Images/button.gif) no-repeat top left; padding: 8px 0 0 15px; font-family:Arial,Helvetica,San Serif;font-size:14px; color:#456a85;}
   #bodyContainer #eamcNav  .menuItem:hover  { background-position: 0 -30px;  background-color: #636464;  color:#9c8160;}  
   #bodyContainer #eamcNav .menuItemLink {text-decoration:none; color:#456a85;}

    #bodyContainer #eamcNav .active .flyout { display: block; }
	#bodyContainer #eamcNav .flyout { position: absolute; top: 0.5em; left: 107px;  padding: 0 0 0 9px;  display: none; width: 18.25em; z-index: 2; } 

	.flyoutLinks  { list-style-image: url("Images/bullet.gif"); padding: 0 0 0 10px; margin: 0 0 0 10px;}
	.flyoutLinks a { text-decoration: none;}
	.flyoutLinks a:hover { color: #333; }
	.flyoutLinks li { padding: 5px 0 5px 0; }
	
    #bodyContainer #eamcNav #patients #flyoutInnerPatients { width:14em; background-color: #FFF; border: 1px solid #999; padding:  .5em; overflow: hidden; float:right; }
    #bodyContainer #eamcNav  #community #flyoutInnerCommunity { width:14em; background-color: #FFF; border: 1px solid #999; padding:  .5em; overflow: hidden; float:right; }
    #bodyContainer #eamcNav #faqLinks #flyoutInnerFAQ { width:14em; background-color: #FFF; border: 1px solid #999; padding:  .5em; overflow: hidden; float:right; }
    #bodyContainer #eamcNav #treatmentOptions #flyoutInnerTreatmentOptions{ width:14em; background-color: #FFF; border: 1px solid #999; padding:  .5em; overflow: hidden; float:right; }

/*******************************************************************************************
 Default News
/*******************************************************************************************/
    #newsContainer { width: 250px; float: right;  border: solid 1px #d7e8f8; }
    #newsHeader {font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;font-size:16px;  color: #9c8160; text-align:center;  padding:5px;border-bottom: solid 1px #d7e8f8; background: url(Images/button.gif) repeat-x top left;}
    #newsHeader img { text-align:right;}
    #newsContent { padding:5px; }
    .date {font-size:9px; text-align:right; padding:0; margin:0; font-style: italic;}
    .return { text-align: right; }
    
    #newsContainerEvents { width: 650px; float: right;  border: solid 1px #d7e8f8; }
    #newsHeaderEvents {font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;font-size:16px;  color: #9c8160; text-align:center;  padding:5px;border-bottom: solid 1px #d7e8f8; background: url(Images/eventsBG.gif) repeat-x top left;}
    #newsHeaderEvents img { text-align:right;}
    #newsContentEvents { padding:5px; }
    
/*******************************************************************************************
 Maps
/*******************************************************************************************/
 .topImage { padding-left: 8px; float: right; }
 .address { text-align:right; }
 .captionContainerMaps { float: right; padding:0; margin:0; width:300px; }
 .captionMaps { display:block; font-size: .8em; text-align: center;  caption-side:bottom; text-align:center;  }
 
 /*******************************************************************************************
 Physicians
/*******************************************************************************************/
    .physLeft {width: 100%; float:left; padding: 5px 0 25px 0; }
    .physLeftAlt {width: 100%; float:left; padding: 5px 0 25px 0; background-color:#EDEDED; }
    
    .physImage { width: 150px; padding-right:5px; float:left;}
    .physContent {float:left; width:500px}
    .physContent p { margin:2px 0 0 0;}
    .physName {font-size:18px; color:#666; border-bottom:solid 1px #ccc; width:100%; }
    .indent {padding-left: 10px;}
    .physCenter {border-bottom:solid 1px #ccc; text-align:center; width: 100%; font-weight:bold;}

/*******************************************************************************************
 Footer
/*******************************************************************************************/	
    #cornerBotLeft { float: left; background:  url(Images/cornerBotLeft.gif) no-repeat bottom left; width: 35px; height: 33px; margin: 0; padding: 0 0 0 0;   border-top: solid 1px #FFF; }
    #footerText { float:left; background: #5b82b0; color: #FFF; width:780px; height: 25px; text-align:center; padding-top:8px;  border-top: solid 1px #FFF; }
    #cornerBotRight { float: left; background:  url(Images/cornerBotRight.gif) no-repeat bottom right; width: 35px; height: 33px; margin: 0; padding: 0 0 0 0;   border-top: solid 1px #FFF; }
