@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font:0.8em Arial, Helvetica, sans-serif; margin:0; padding:0; color:#2d2d2d; background-color:#fff; text-align:center; min-height:100%; background:url(../images/body-bg.jpg) repeat-x;}
#container{margin:0 auto; width:923px; position:relative; text-align:left; background-color:#fff; background:url(../images/faux-column-bg.gif) repeat-y left;}/*centers main content*/
#content{width:635px; padding:10px 10px 10px 25px; color:#2d2d2d; float:left; background-color:#fff;}
#minheight {height:400px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ 
#header h1 a {background:url(../images/logo.jpg) no-repeat; width:683px; height:183px; display:block;}
#header {display:block; background:url(../images/body-bg.jpg) repeat-x; height:190px; position:relative;} 
#appointment {background:url(../images/appointment-button.jpg) no-repeat; height:71px; width:292px; position:absolute; right:0; bottom:3px;}
#appointment a {background:url(../images/appointment-button.jpg) no-repeat; width:232px; height:31px; display:block; color:#626262; padding:40px 0 0 50px; font-size:1.3em; font-weight:bold; text-decoration:none;}
#appointment a:hover {background:url(../images/appointment-button-over.jpg) no-repeat;}
.topsentence{font-size:.8em; color:#ccc; text-align:center; position:absolute;}
.clear {clear:both;}
#blue-box {width:235px; height:200px; background:#162a51; border:solid 3px #202231; position:absolute; left:0; bottom:0;}
#rounded-corner {background:url(../images/right-block-rounded-corner.gif); width:16px; height:13px; display:block; position:absolute; left:0; bottom:0;}
img.biophoto {border:2px solid #162a51; float:left; margin:0 10px 10px 0;}
h2.biophoto {clear:both;}
.shots {text-align:center; width:600px; margin:0 auto}
.shots img {border:2px solid #162a51;}
.shots td {padding:5px; vertical-align:top;}
/***************** Skip **************/
#skip a, #skip a:hover, #skip a:visited{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#skip a:active, #skip a:focus{position:static; width:auto; height:auto;}

/***************** Headers *****************/ 
#content h1 {font-size: 1.8em; font-weight:bold; color:#543f37; font-family:"Times New Roman", Times, serif; padding:10px 0 5px 0;}
#content h2 {font-size: 1.5em; font-weight:bold; color:#543f37; font-family:"Times New Roman", Times, serif; padding:10px 0 5px 0;}
#content h3 {font-size: 1.33em; }
#content p {padding:5px 0 10px 0;}
#content .column {float:left; width:305px;}
#content ul {margin:0 0 0 30px;}
#content ul li {padding:2px;}
.highlight img {float:left; margin:15px 10px 15px 0;}
.highlight {background:url(../images/highlight-divider.jpg) no-repeat bottom; padding:10px 0 0 0; clear:both; font-size:.9em;}
.highlight p.clear {height:2px; margin:0; padding:0;}

/***************** Basic Links *****************/
a:link, a:visited{color:#90671d; text-decoration:none;}
a:hover{color:#90671d; text-decoration:underline;}
.hidden {position:absolute; left:-9999px;}
/***************** Menu *****************/
/*style containing menu div*/
#menu {width:238px; float:left; margin:0; padding:0 0 200px 0; text-align:left; font-size:1.4em;}
/*style first tier navigation ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul {margin: 0; padding: 0 0 20px 0; width: 237px;}
#menu li {position: relative; list-style: none; margin: 0; background:url(../images/nav-li-bg.jpg) bottom no-repeat; width:237px; padding:0}
#menu li a:hover, #menu li a.active {background:url(../images/nav-a-hover-bg.jpg) no-repeat bottom; text-decoration:none;}
#menu li a, #menu li a:link, #menu li a:visited {width:auto; display:block; padding:10px 20px 15px 20px; margin:0; color:#504930;}/*IE7 fix*/
/*Sub Navigation Styles*/
#menu ul li ul { font-size:.8em; padding:0 0 20px 0; margin:0 0 0 50px; width:187px;}
#menu ul li ul li { background:none; width:187px; list-style:circle;}
#menu ul li ul li a:hover, #menu ul li ul li a.active { background:none; text-decoration:underline;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited { padding:3px;}
.imgright {float:right; padding:0 0 10px 15px; clear:right;}
/***************** Footer *****************/
#footer {width:900px; margin:0 auto; background:url(../images/footer-gradient.jpg) no-repeat 250px 0px;}
#footer ul{display:block; margin:15px; padding:0pt; width:870px; float:left;}
#footer ul li {display:inline; float:right; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none;}
#footer ul li a:link, #footer ul li a:visited{color:#343645; text-decoration:none; padding:0 10px 0 10px;}
#footer ul li a:hover{color:#343645; text-decoration:underline;}
#footer ul li.copyright {background-image:none; float:left; padding:0pt;}
#footer ul li.footerHome {background-image:none;}

/***************** Credit *****************/
#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#87888e; text-decoration:none;}
#credit a:hover {color:#343645; text-decoration:none;}
table td {vertical-align:top;}