body {
	font: 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #dafefe url(images/common/background.jpg) repeat-x;
	margin: 0;
	

/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;


/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

* {
}

#brandbar {
	background: #2d4a5c none no-repeat;
	width: 100%;
	height: 156px;
	padding-top: 0;
	padding-bottom: 0;
}

#logobar {
	background: none no-repeat;
	width: 1000px;
	height: 154px;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	float: left;
}

#address {
}

#container {
	width: 960px;
	/

* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	background: white url(images/common/cont_bg.jpg) repeat-x;
}

#containerEnd {
	width: 960px;
	/

* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	

/* the auto margins (in conjunction with a width) center the page */
	border: 1px solid white;
	text-align: left;
}

#upArrow {
	width: 18px;
	height: 28px;
	position: fixed;
	right: 10px;
	top: 10px;
}

#menubar {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-image: url(images/common/common_banner.png);
	height: 276px;
	padding-top: 0;
	padding-bottom: 0;
}

#header h1 {
	margin: 0;
	text-indent: -1200px;
	padding-right: 0;
	padding-left: 0;
}

#sidebarleft {
	float: left;


/* since this element is floated, a width must be given */
	width: 250px;
	background: none repeat-y;
}

#sidebar1 {


/* since this element is floated, a width must be given */
	width: 240px;
	background: url(images/common/sideba1Edge.jpg) repeat-y;
	float: left;
	font-size: 11px;
	padding-left: 15px;
}

#patientinfo {


/* since this element is floated, a width must be given */
	width: 220px;
	background: none repeat-y;
	font-size: 11px;
}

#patientinfo p {


/* since this element is floated, a width must be given */
	width: 220px;
	background: none repeat-y;
	font-size: 11px;
	text-align: left;
}

#sidebar1 h3 {
	background: #2d4a5c none repeat-y;
	color: white;
	font-size: 16px;
	height: 24px;
	padding-top: 2px;
	padding-left: 15px;
	margin-left: -15px;
	width: 225px;
}

#sidebar1 img {


/* since this element is floated, a width must be given */
	width: 248px;
	background: none repeat-y;
	float: left;
	font-size: 11px;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-left: -15px;
}

#sidebar1End {
	height: 53px;
	float: left;
}

#sidebar1 a:link {
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20p

x;
	color: black;
	margin-right: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
}

#sidebar1 a:visited {
	float: left;
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20p

x;
	color: black;
	margin-right: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#sidebar1 a:hover {
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20p

x;
	color: red;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#sidebar3 {


/* since this element is floated, a width must be given */
	width: 110px;
	text-align: center;
	margin-left: 60px;
}

#mainContent h1 {
	text-align: left;
	font: 25px/23px Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
	color: #2d4a5c;
}

h2 {
	text-align: left;
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1px;
	margin-top: 15px;
	color: #2d4a5c;
}

h3 {
	text-align: left;
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #2d4a5c;
}

#mainContent h4 {
	text-align: left;
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
	color: #2d4a5c;
	margin-bottom: 1px;
}

#sidebar3 img {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: auto;
}

#reference {
	border-top: 1px solid gray;
	padding-top: 10px;
}

#reference p {
	font-size: 10px;
	line-height: 11px;
}

#reference li {
}

p {
	color: gray;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 5px;
	text-align: justify;
}

#mainContent li span {
	font-weight: bold;
	color: #2d4a5c;
}

ul {
	color: gray;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

li {
	color: gray;
	list-style-position: inside;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

li li {
	color: gray;
	list-style-position: inside;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: circle;
}

ol {
	color: gray;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-position: outside;
	margin-top: 5px;
}

#mainContent ul {
	color: gray;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-left: -15px;
}

#mainContent li {
	color: gray;
	list-style-position: outside;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
	margin-left: -5px;
}

.indent {
	color: gray;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
	margin-left: 30px;
}

li strong {
	color: #2d4a5c;
	list-style-position: inside;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#links li {
	color: gray;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-position: outside;
}

li a:link {
	color: #2d4a5c;
	font: bold 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-position: inside;
}

#sidebar2 {
	width: 180px;
	float: right;
	margin-left: -200px;
	position: relative;
	margin-right: 15px;
	margin-top: 30px;
}

#sidebar2 img {
	float: right;
	position: relative;
	margin-top: 20px;
}

.important {
	float: right;
	position: relative;
	background-color: red;
	color: white;
	clear: right;
	margin-top: 20px;
}

.important p {
	float: right;
	position: relative;
	background-color: red;
	color: white;
	clear: right;
	margin-top: 20px;
	text-align: left;
}

#container #sidebar2 .important p a {
	color: #fff;
}

#diagram {
	width: 180px;
	color: white;
	float: right;
}

.navLink10 {
	font-weight: bold;
	color: #2d4a5c;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
}

#diagram img {
	color: white;
	float: right;
	clear: left;
	padding-top: 20px;
}

.important p {
	float: right;
	position: relative;
	color: white;
	font-weight: bold;
	margin: 10px;
}

#sidebar4 {

/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB

;
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20p

x;
	float: right;
}

.researchCallout h4 {
	text-align: left;
	font: 14px/16px Georgia, "Times New Roman", Times, serif;
	color: orange;
	margin-bottom: 10px;
	margin-top: 10px;
}

.researchCallout {
	float: right;
	position: relative;
	background-color: #2d4a5c;
	color: white;
	clear: right;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.researchCallout li {
	float: right;
	position: relative;
	background-color: #2d4a5c;
	color: white;
	clear: right;
	font-size: 11px;
	line-height: 16px;
}

.researchCallout p {
	position: relative;
	background-color: #2d4a5c;
	color: white;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
}

.researchCallout p.highlight {
	position: relative;
	background-color: #2d4a5c;
	color: yellow;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
}

.researchCallout p a {
	position: relative;
	background-color: #2d4a5c;
	color: yellow;
	font-size: 11px;
	line-height: 16px;
}

.researchCallout p span {
	position: relative;
	background-color: #2d4a5c;
	color: aqua;
	font-size: 11px;
	line-height: 16px;
}

.researchCallout ul {
	position: relative;
	color: yellow;
	font-size: 11px;
	line-height: 12px;
}

.researchTerms p strong {
	position: relative;
	color: #2d4a5c;
	font-size: 11px;
	line-height: 16px;
}

#mainContent {
	

/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px;
	width: 450px;
	margin-bottom: 0;
	margin-top: 15px;
	margin-left: 255px;
	height: auto;
}

#mainContent a:link {
	color: #2d4a5c;
	font-weight: bold;
}

.pubtitle {
	color: #2d4a5c;
	font-weight: bold;
	line-height: 8px;
	margin-bottom: 0;
	margin-top: 10px;
}

#mainContent table th {
	color: #2d4a5c;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#mainContent table {
	color: gray;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

p strong {
	font-weight: bold;
	font-size: 12px;
	color: #2d4a5c;
}

#mainContentFull {
	

/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px;
	width: 650px;
	margin-bottom: 0;
	margin-top: 15px;
	margin-left: 255px;
	height: auto;
}

#mainContent img {
	border-style: none;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#footer {
	width: 900px;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#footer p {
	margin: 0;


/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	font-size: 10px;
	text-align: center;
}

#footer  a {
	margin: 0;


/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	font-size: 10px;
}

.floatrt {


/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}

.floatlft {
	margin-right: 8px;
	float: left;
}

.clearfloat {


/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

 
</style>[if IE 5]>
<style type="text/css"> 


/* place css box model fixes for IE 5* in this conditional comment */
#sidebar1 {
	width: 180px;
}

</style>
<![endif][if IE]>
<style type="text/css"> 


/* place css fixes for all versions of IE in this conditional comment */
#sidebar2, #sidebar1 {
	padding-top: 30px;
}

#mainContent {
	zoom: 1;
}

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

#pageTop {
	width: 30px;
	height: 140px;
	position: fixed;
	left: 1px;
	bottom: 1px;
	background-image: url(images/common/pagetop.png);
}

#map_canvas {
	width: 400px;
	height: 500px;
	margin-bottom: 30px;
}

#indexvideo {
	width: 330px;
	height: 230px;
	float: right;
	margin-left: 10px;
}

.bodyleft {
	text-align: left;
	font-size: 11px;
}


.eyelightlink {
	color: #3a758c;
	text-align: center;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.eyelightlink a:link {
	color: #3a758c;
	text-align: center;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

.eyelightlink a:visited {
	color: #3a758c;
	text-align: center;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}