﻿html 
{
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body 
{
    background-color:#FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:12px;
    color:#666666;
	margin:0px;
	padding:0px;
}

#wrapper 
{
	width:750px;
	margin:10px auto 20px auto;
	padding:0px;
}

#header 
{
    width:660px;
    height: 176px;
    vertical-align:top;
    text-align: right;
    padding-right: 90px;
	background: url("../images/header.gif") 0 0 no-repeat;
}

#header a 
{
	color: #FEFFEF;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
}

#header a:hover
{
    text-decoration: underline;
}

#menu 
{
    width:154px;
    height: 528px;
    margin-left: 15px;
    vertical-align:top;
    text-align: left;
	background: url('../images/bg_menu.gif');
}

#menu a {
	display:-moz-inline-block;
	display:-moz-inline-box;
    display:block;
    margin:4px 0px 0px 0px;
    width: 154px;
}

#menu a:HOVER {
    background-position: 0 -18px;
}

#menu a.home {
    height: 18px;
    background: url(../images/btn_home.gif) 0 0 no-repeat;
}

#menu a.home:HOVER {
    background-position: 0 -18px;
}

#menu a.program-overview {
    height: 18px;
    background: url(../images/btn_program-overview.gif) 0 0 no-repeat;
}

#menu a.program-overview:HOVER {
    background-position: 0 -18px;
}

#menu a.faculty {
    height: 18px;
    background: url(../images/btn_faculty.gif) 0 0 no-repeat;
}

#menu a.faculty:hover {
    background-position: 0 -18px;
}

#menu a.video-presentation {
    height: 18px;
    background: url(../images/btn_video-presentation.gif) 0 0 no-repeat;
}

#menu a.video-presentation:hover {
    background-position: 0 -18px;
}

#menu a.about-prehypertension {
    height: 18px;
    background: url(../images/btn_prehypertension.gif) 0 0 no-repeat;
}

#menu a.about-prehypertension:hover {
    background-position: 0 -18px;
}

#menu a.about-calpis-rd {
    height: 18px;
    background: url(../images/btn_about-calpis-rd.gif) 0 0 no-repeat;
}

#menu a.about-calpis-rd:hover {
    background-position: 0 -18px;
}

#menu a.resources {
    height: 18px;
    background: url(../images/btn_resources.gif) 0 0 no-repeat;
}

#menu a.resources:hover {
    background-position: 0 -18px;
}

#menu a.registration {
    height: 18px;
    background: url(../images/btn_registration.gif) 0 0 no-repeat;
}

#menu a.registration:hover {
    background-position: 0 -18px;
}

#menu a.evaluation {
    height: 18px;
    background: url(../images/btn_evaluation.gif) 0 0 no-repeat;
}

#menu a.evaluation:hover {
    background-position: 0 -18px;
}

#menu a.case-studies {
    height: 18px;
    background: url(../images/btn_case-studies.gif) 0 0 no-repeat;
}

#menu a.case-studies:hover {
    background-position: 0 -18px;
}

.hide {
    display: none;
}
.show {
    display: block;
}

#menu a.submenu 
{
    margin: 4px 0px 4px 20px;
    font-size: 11px;
    color: #52949C;
    text-decoration: none;
    font-weight: normal;
    width: 120px;
    overflow:visible;
}

#menu a.submenu:hover 
{
    color: #666666;
}

#menu a.current 
{
    margin: 4px 0px 4px 20px;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    width: 120px;
    overflow:visible;
}

#contents 
{
    width:750px;
    vertical-align:top;
    text-align: left;
	background: url("../images/bg_contents.gif") 0 0;
}

#main 
{
    width:490px;
    padding-left: 40px;
}
h1 
{
    color: #000000;
    font-size: 20px;
    margin: 0px 0px 8px 0px;
    font-weight: normal;
}

h2 
{
    color: #000000;
    font-size: 16px;
    margin: 0px 0px 8px 0px;
    font-weight: bold;
}

h3 
{
    color: #52949C;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 4px 0px;
}

h4 
{
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0px 2px 0px;
}

h6 
{
    color: #999999;
    font-size: 13px;
    font-weight: normal;
    margin: -2px 0px 0px 0px;
}

a.launch {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 79px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_launch.gif) 0 0 no-repeat;
}

a.launch:HOVER {
    background-position: 0 -18px;
}

#main p 
{
    line-height:1.4em;
}

#main li
{
    margin-bottom:2px;
}



#main sup 
{
    font-size: 9px;
    line-height:0;
}

#main sup.fixed 
{
    font-size: 9px;
}

.teal-text
{
    color: #52949C;
    font-size: 12px;
    font-weight: bold;
}

.caption
{
    color: #666666;
    font-size: 9px;
    font-weight: normal;
}

ol 
{
    padding:0px;
    margin: 0px 0px 8px 22px;
    text-indent: -0px;
}

ol.refs
{
    padding:0px;
    margin: 0px 0px 8px 22px;
    text-indent: -0px;
    font-weight: bold;
}

li span 
{
    font-weight: normal;
}

li span a
{
    font-weight: normal;
    color: #52949C;
    text-decoration: none;
}

li span a:hover
{
    color: #666666;
}

#main a.faculty 
{
    margin: 0px 0px 4px 0px;
    font-size: 12px;
    color: #52949C;
    text-decoration: none;
    font-weight: bold;
}

#main a.faculty:hover 
{
    color: #666666;
}

#main a.presentation-title 
{
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    color: #52949C;
    text-decoration: underline;
    font-weight: bold;
}

#main a.presentation-title:hover 
{
    color: #666666;
}

#main a.presentation-part 
{
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #52949C;
    text-decoration: underline;
    font-weight: bold;
}

#main a.presentation-part:hover 
{
    color: #666666;
}

a.to-case-study {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 91px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_to-case-study.gif) 0 0 no-repeat;
}

a.to-case-study:HOVER {
    background-position: 0 -18px;
}

a.part-one {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 79px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_part-one.gif) 0 0 no-repeat;
}

a.part-one:HOVER {
    background-position: 0 -18px;
}

a.part-two {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 79px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_part-two.gif) 0 0 no-repeat;
}

a.part-two:HOVER {
    background-position: 0 -18px;
}

a.part-three {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 79px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_part-three.gif) 0 0 no-repeat;
}

a.part-three:HOVER {
    background-position: 0 -18px;
}

a.part-four {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 79px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_part-four.gif) 0 0 no-repeat;
}

a.part-four:HOVER {
    background-position: 0 -18px;
}

ul 
{
    padding:0px;
    margin: 0px 0px 8px 16px;
    text-indent: -0px;
}

li.case-study 
{
    list-style-image: url('../images/icon_cs-li.gif');
    padding: 0px 0px 4px 0px;
}

img.cs-portrait 
{
    float: right;
    margin: 0px 12px 4px 12px;
}

a.choose-patient {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 124px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_choose-patient.gif) 0 0 no-repeat;
}

a.choose-patient:HOVER {
    background-position: 0 -18px;
}

a.take-test {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 79px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_take-test.gif) 0 0 no-repeat;
}

a.take-test:HOVER {
    background-position: 0 -18px;
}

a.evaluate-test {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 145px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_evaluate-test.gif) 0 0 no-repeat;
}

a.evaluate-test:HOVER {
    background-position: 0 -18px;
}

a.back-to-study {
    display:block;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    width: 124px;
    height: 18px;
    overflow:hidden;
    background: url(../images/btn_back-to-study.gif) 0 0 no-repeat;
}

a.back-to-study:HOVER {
    background-position: 0 -18px;
}

td.answer-label {
    width: 12px;
    text-align: left;
}

td.answer-percent {
    width: 24px;
    text-align: right;
}

td.answer-cell {
    width: 112px;
    text-align: center;
    vertical-align:middle;
    border:0px;
    margin:0px;
    padding:4px;
}

table.answer {
    background-color: none;
    border: 0px;
    margin:0px;
    padding:0px;
}
td.answer-bar {
    width:104px;
    padding:2px 2px 2px 2px;
    margin: 0px;
    border:0px;
    background-color: #52949C;
    vertical-align: top;
}

p.cs-question {
    color: #52949C;
    font-weight: bold;
}

table.cs-test 
{
    margin:0px;
    padding:0px;
    border:0px;
}

td.input-cell 
{
    vertical-align:middle;
    margin:0px;
    padding: 0px 2px 0px 6px;
}

td.input-label 
{
    width: 100%;
    vertical-align:middle;
    margin:0px;
    padding: 0px;
}

td.bp-header
{
    color: #FFFFFF;
    font-weight: bold;
    background-color:#52949C;
}

#footer 
{
    width:700px;
    height:57px;
	background: url('../images/bg_footerstrip.gif') no-repeat;
	text-align: right;
	color: #FEFFEF;
	font-size: 11px;
	padding: 5px 50px 0px 0px;
}

#footer a 
{
	color: #FEFFEF;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}
