* 		{ margin:0; padding:0;}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background:#FFF;
	padding:30px 0;
}

img				{ border:none;} 

p, .list, td	{ color:#333; line-height:1.5em; font-size:1em;}
p				{ margin-bottom:1.1em; }

blockquote		{ font-size:1.5em; margin-left:60px; border-left:1px solid #003275; padding-left:15px; }
blockquote p	{ color:#003275}

.list			{ margin:0 0 1.2em 1.5em; }
.list li 		{ padding:.2em 0;}
.list ul,
.list ol		{ margin-left:2em;}

a					{ color:#003275;}
a:hover				{ text-decoration:none;}
a:visited			{ color:#326497;}


h1							{ width:409px; height:96px; background:url('../images/logo.png') no-repeat 0 0; display:block; text-indent:-999em; margin-bottom:1.25em }
h1 span						{ text-indent:-999em; display:block; width:409px; height:96px; position:absolute; cursor:pointer; left:0; top:0; }
h2							{ font-size:1.2em; color:#003275; font-weight:normal; margin:0 0 .75em 0;  }


/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-uppercase		{ text-transform:uppercase; }

.txt-darkGrey		{ color:#666}
.txt-black			{ color:#000}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ margin:0 auto; width:770px; position:relative; text-align:left; background-color:#FFF; }
#content-container			{ background:#d5fefe url('../images/bkgd.png') repeat-x 0 0; margin-top:15px; }
#header						{ position:relative; background:url('../images/header-pic.jpg') no-repeat top right; padding:0 40px; min-height:298px; height:auto !important; height:298px; }
#header	p					{ font-size:1.2em; color:#003275; margin-right:325px;}
#content					{ padding:40px}
#footer						{ position:relative; height:45px;}
#footer p					{ font-size:.8em; margin-right:240px;  }
#footer a.supplied-by		{ display:block; width:203px; height:27px; background:url('../images/logo-footer.png') no-repeat 0 0; text-indent:-999em; position:absolute; right:0; top:11px;}


/* Home */
/* ---------------------------- */
#hospital-col,
#document-col					{ width:310px; float:left; min-height:225px; height:auto !important; height:225px; }
#hospital-col					{ float:left; }
#document-col					{ float:left; margin-right:70px; }

ul.content-list					{ margin-bottom:15px}
ul.content-list li				{ list-style:none; color:#545454; background:url('../images/blue-dot-horiz.png') repeat-x left bottom;  }
ul.content-list	li a,
ul.content-list	li a:visited	{ color:#326497; text-decoration:none; display:block; }
ul.content-list	li a:hover		{ background-color:#003275; color:#FFF}

#hospital-col ul li				{ clear:both; padding-bottom:5px; margin-top:5px }
#hospital-col ul li	a			{ padding-bottom:5px}
#hospital-col ul li img			{ margin-bottom:5px; border:1px solid #FFF}
#hospital-col ul li	a span		{ margin:0 5px; display:block;}
#hospital-col ul li	a:hover img	{ border:1px solid #003275; }

#document-col ul li				{ padding-bottom:5px; margin-top:5px }
#document-col ul li	a			{ background-image:url('../images/pdf-icon-small.gif'); background-repeat:no-repeat; background-position:5px center;  padding:5px 5px 5px 35px; position:relative; font-size:.9em }
#document-col ul li	a span		{ display:block;  }


/* About */
/* ---------------------------- */
#col-left						{ padding-right:260px; position:relative;}
img.surgeon-pic					{ position:absolute; right:0; border:1px solid #cdcdcd;}



/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ background:#cccccc url('../images/bkgd-col.png') repeat-x 0 0; padding:25px; }
form fieldset							{ border:none; border-top:1px solid #545454; margin-bottom:20px; padding-top:10px; }
form fieldset legend					{ color:#545454; font-size:1.2em; font-weight:bold; padding-right:10px; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:7px; position:relative; }
form fieldset ul li	span.star			{ position:absolute; font-size:1.4em; font-weight:bold; left:155px; color:#000}
form fieldset ul label					{ color:#545454; display:block; float:left; width:155px; margin-right:15px; }
form fieldset.checkboxes ul label		{ width:370px; line-height:1.1em }
form fieldset.textarea ul label			{ display:inherit; float:none; width:inherit }

form select,
form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#000; font-size:.9em; padding:2px 2px 2px 2px; border:1px solid #999; width:244px; }
form textarea							{ height:100px;}
form select								{ width:259px;}
form option								{ padding:0 4px;}
form li.salutation select				{ width:110px;}

form input.submit						{ font-size:1.3em; font-weight:bold; margin-left:168px; width:92px; height:36px; border:none; text-align:center}


div.validation-advice					{ color:#FFF; background-color:red; margin-left:170px; padding:3px 7px; font-style:italic; font-size:.8em;}
input.validation-failed,
textarea.validation-failed 				{ border:1px solid red;}



/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
ul#nav		 					{ margin-left:40px; }
ul#nav li 						{ list-style:none; float:left; position:relative; margin-right:10px; }
ul#nav li a,
ul#nav li a:visited				{ text-decoration:none; padding:5px 10px; border:1px solid #05b9f0; font-size:.9em; color:#003275; display:block }
ul#nav li a:hover,
ul#nav li.active a,
ul#nav li.active a:visited		{ background-color:#003275; border:1px solid #003275; color:#FFF}



/* Footer-nav */
/* ---------------------------- */
#footer-nav						{ text-align:left; font-size:.8em; padding-bottom:35px; color:#263f60; z-index:9999999; position:absolute; top:60px; margin-left:35px }
#footer-nav ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #263f60; padding-left:10px;}
#footer-nav ul li.first			{ padding-left:0; border-left:none;}
#footer-nav ul li a				{ text-decoration:none; color:#263f60}
#footer-nav ul li a:hover		{ color:#FFF}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
