/* -----------------------------------------------------------------------

   Project Name: Dr. Curtis Haddad

   Filename: screen.css

----------------------------------------------------------------------- */

@import url("reset.css");
/* -------------------- General Selectors ----------------------------- */

body { font-size:0.75em; color:#000000; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; line-height: 1.4em; background-color: #4f4845; }
p { margin-top: 0; margin-right: 0; margin-bottom: 2em; margin-left: 0; }
a { color:#7E7E7E; text-decoration:underline; }
a:focus, a:hover { text-decoration: underline; color: #000000; }
h1 { font-size:1.8em; line-height:1.1; margin-bottom:0.8em; font-weight: 500; color: #669999; }
h2 { font-size:1.5em; margin-bottom:0.75em; color: #889594; font-weight: 500; line-height: 1.1em; }
h3 { font-size:1.2em; line-height:1; margin-bottom:1em; color: #666666; font-weight: 500; }
h4 { font-size:1.1em; line-height:1.25; margin-bottom:1.25em; height:1.25em; font-weight: 500; color: #000000; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; background:#C3D9FF; }
th, td { padding:4px 10px 4px 5px; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
/* -------------------- Layout ---------------------------------------- */

#wrapper { width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #fff; padding-bottom: 2px; }
#masthead { height: 115px; background-image: url(../images/masthead.gif);/* -------------------- Navigation ------------------------------------ */ }
#banner { height: 300px; background-image: url(../images/banner.jpg); margin: 0px; padding: 0px; width: 900px; }
#content-main { width: 490px; margin-top: 36px; padding-right: 47px; float: right; min-height:400px;/* -------------------- Sidebar --------------------------------------- */ }
#sidebar { float: left; width: 289px; margin-top: 36px; padding-left: 24px; }
#sidebar .callout { height: 98px; margin-bottom: 18px; }
#sidebar .callout img { float: left; margin-right: 7px; }
#sidebar .callout p { vertical-align: middle; font-weight: bold; color: #7E7E7E; padding-top: 32px; font-size: 1.2em; }
#sidebar .callout .link a { float: right; color: #7E7E7E; margin-top: -10px; }
#sidebar .callout a:hover { text-decoration: underline; color: #000000; }
/* -------------------- Form ---------------------------------------- */

input.txt, input.phone, input.phone_ac, input.date { color: #889594; background-color: #EFEFEF; width: 300px; margin:0 0 0 1px }
input.phone { width: 70px; }
input.phone_ac { width: 30px; }
input.date { width: 70px; }
input.btn { color: #889594; background-color: #EFEFEF; width: 100px; }
form div { clear: left; margin: 0; padding: 0; padding-top: 5px; }
form div label { color:#000000; display: block; width: 70%; font: bold 0.9em Arial, Helvetica, sans-serif; }
fieldset { margin-top: 1.4em; padding: 0.6em; }
legend { font: bold 1.3em Arial, Helvetica, sans-serif; color: #889594; background-color: #FFFFFF; }
legend2 { font: bold 0.8em Arial, Helvetica, sans-serif; color: #889594; background-color: #FFFFFF; }
input { color: #889594; background-color: #FFFFFF; font: 0.9em Arial, Helvetica, sans-serif; padding: 0.2em; width: 30px; }
textarea { width: 300px; height: 80px; color: #889594; background-color: #EFEFEF; }
select { width: 250px; color: #000000; background-color: #EFEFEF; }
/* -------------------- Footer ---------------------------------------- */

#footer { clear: both; background-color: #AABAB7; height: 24px; padding-top: 6px; }
#footer ul { color: white; text-align: center; margin: 0; padding-bottom: 0px; text-transform: uppercase; padding-top: 0px; }
#footer ul li { display: inline; margin-left: -4px; }
#footer ul li a { color: white; text-decoration: none; border-right: 1px solid #fff; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; font-size: 1.1em; }
#footer ul li a:hover { color: #000000; }
#footer #current { color: black; }
#footer #last a { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#masthead h1 { font-size: xx-small; text-indent: -9999px; overflow: hidden; position: absolute; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
#masthead h1 a { display: block; width: 351px; height: 115px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: right; }
#footer-links { text-align: center; width: 900px; margin-top: 8px; margin-right: auto; margin-left: auto; color: #FFFFFF; }
#footer-links a { color: #FFFFFF; text-decoration: none; }
#footer-links a:hover { text-decoration: underline; }
/*------------------ Misc Classes ----------*/

.blue-text { color: #336699; font-weight: bold; }
.larger { font-size: 12pt }
.left-image { padding: 1px; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #AABAB7; }
.right-image { padding: 1px; float: right; margin-bottom: 10px; margin-left: 10px; border: 1px solid #AABAB7; }
.standard-image { padding: 1px; margin-bottom: 10px; border: 1px solid #AABAB7; }
#print-header, #print-footer { display: none; }
/*--------------------- Drop down Menu ------*/


#nav { background-color: #AABAB7; width: 900px; margin: 0px; padding: 0px; height: 30px; position: relative; z-index: 999999; }
/*** ESSENTIAL STYLES ***/.sf-menu, .sf-menu * { margin:			0; padding:		0; list-style:		none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position:		absolute; top:			-999em; width:			10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:			100%; text-transform: capitalize; }
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:			left; position:		relative; text-transform: uppercase; }
.sf-menu a { display:		block; position:		relative; text-decoration: none; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:			0; top:			2.7em; /* match top ul list item height */ z-index:		99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:			-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:			-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }/*** DEMO SKIN ***/
.sf-menu { float:			right; padding-right: 10px; }
.sf-menu a { border-left:	1px solid #fff; border-top:		1px none #CFDEFF; padding: 		.75em 1.5em; text-decoration:none; font-size: 12px; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:			#FFF; }
.sf-menu li { background:		#AABAB7; }
.sf-menu li li { background:		#AABAB7; }
.sf-menu li li li { background:		#304895; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:		#4F4845; outline:		0; }/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-shadow ul { background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
.sf-menu li.first a { border-left-style: none; border-left-width: 11px; }