/*
The following styles are used for KDMC.com.
This stylesheet was created by:
James Stout
Web Designer
King's Daughters Medical Center
*/

* {
font-family: verdana, helvetica;
font-size: 100%;
line-height: 160%;
margin: 0;
padding: 0;
}

body{
background: url(/images/body-bg.png);
font-size: 90%;
}

table{
}

img{ behavior: url(/styles/iefix/iepngfix.htc) }

td{
padding: 5px;
}

h1, h2, h3, h4, h5, h6{
margin: 1.3em 0 .5em 0;
color: #000;
}

#contentbody h1{
/*height: 32px;*/
padding-bottom: 3px;
}

p{
margin: 1em 0;
}

blockquote{
    margin-left: 3em;
    margin-right: 0;
    margin-top: .5em;
    margin-bottom: .5em;
}

.blockquote
{
    display: block;
    position: relative;
    background-color: #CDE9FB;
    border: 1px dashed #00529b;
    margin-left: 3em;
    margin-right: 3em;
    padding: 3px;
}

.name{
    font-weight: bold;
    color: #00529b;
}

.floatleft{
    float: left;
    margin: 5px;
}

.floatright{
    float: right;
    margin: 5px;
}

.caption
{
    font-weight:bold;
    font-size:75%;
}

.nowrap
{
    white-space:nowrap;
}

.error { color: Red; }

.grey, .gray {color: #555;}
.whiteFont {font-weight: bold; color: #fff;}
.italic {font-style: italic;}
.green {color: Green;}
.center {display: block; text-align:center; margin: 0 auto;}
.small {font-size: 90%;}

.PulledText {
float: right;
margin: 0 0 5px 5px;
padding: 5px;
border: 1px solid #555;
background-color: #efefef;
width: 35%;
}

.width50 { width: 50%; }

.nopadding { padding: 0; margin: 0; }

.required{font-weight: bold;}

h1{font-size: 180%;}
h2{font-size: 160%;}
h3{font-size: 150%;}
h4{font-size: 140%;}
h5{font-size: 130%;}
h6{font-size: 120%;}

ul, ol{padding-left: 40px;}

a:link, a:active{
color: #00529b;
}

a:visited{
color: #666;
}

a:hover{
color: #fff;
background-color: #00529b;
text-decoration: none;
}

.highlight
{
    color: #00529b;
    background-color: Yellow;
}

#pagewrapper{
position: relative;
}

div#header{
color: #fff;
width: 100%;
}

#memberbar{
/*display: none;*/
color: #00529b;
width: 100%;
background: white;
font-size: 80%;
height: 25px;
position: relative;
}

#memberbarrestriction{width: 760px; position: relative;}
#Login, #LostPassAccount{float: right; padding: 3px;}
#RegisterWelcome{float: left; padding: 3px;}

#topbarcontainer{
width: 100%;
background-color: #000;
}

#topbar{
position: relative;
height: 30px;
width: 760px;
background-color: #000;
}

#topphone{
font-size: 10pt;
font-weight: normal;
position: absolute;
left: 10px;
top: 3px;
}

#sitesearch{
position: absolute;
right: 10px;
top:3px;
font-size: 8pt;
}

#banner{
background: url(/images/bg.jpg) top left;
height: 120px;
position: relative;
}

#toplinks{
position: absolute;
top: 0px;
left: 551px;
width: 200px;
font-size: 10pt;
text-align: right;
font-size: 100%;
}

.bannerlink, .bannerlink a:link, .bannerlink a:active, .bannerlink a:visited{
color: #fff;
text-decoration: none;
margin-left: 5px;
font-size: 90%;
}

.bannerlink a:hover{
color: #ccc;
background-color: transparent;
}

#bannerimage{
position: absolute;
left: 0;
top: 0;
border-right: 2px solid #000;
height: 120px;
}

#bannerimage img{
height: 120px;
width: 290px;
}

#logo{
position: absolute;
top: 20px;
left: 300px;
margin: 0;
padding: 0;
}

#logo a{
background-color: transparent;
}

#topbuttonlinks{
position: absolute;
left: 640px;
top: 86px;
width: 120px;
height: 40px;
}

#topbuttonlinks a{
padding: 0;
margin: 0;
}

#topbuttonlinks img{
border: 0;
margin: 0;
padding: 0;
width: 30px;
}

#tabnav{
z-index: 999;
position: relative;
background-color: #1b4367;
height: 1.5em;
}

#tabnav a:link, #tabnav a:active, #tabnav a:visited{
display: block;
height: 17px;
text-align: center;
background-color: #1b4367;
border-right: 1px solid #fff;
color: white;
text-decoration: none;
font-weight: normal;
padding: 4px 17px;
font-size: 14px;
line-height: 110%;
}

#tabnav a:hover{
background-color: #18244B;
}

#tabnav a.active{
background-color: #00529b;
}

#tabnav a.last{
border-right: 0;
}

#tabnav table{
}

#tabnav td{
margin: 0;
padding: 0;
}

#dropshadow{
position: absolute;
z-index: 999;
height: 10px;
width: 100%;
/*
Filter will only apply to Windows/IE 5.5+ and 
enables the correctly filtered transparency for PNG
*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dropshadow.png', sizingMethod='scale');
}
/*
Internet Explorer will not read
html>body and therefore will skip this setting.
Other Browsers will be able to read it fine.
*/
html>body #dropshadow{
background: url(/images/dropshadow.png) repeat-x top left;
}

#content{
z-index: 1;
position: relative;
width: 762px;
border-right: 1px solid #aaa;
background-color: #fff;
top: 0px;
border-bottom: 1px solid #aaa;
}

#content_container
{
    font-size: 80%;
    }

ul.featureImages{
display:block;
margin: 0 auto;
padding: 0;
list-style-type: none;
position: relative;
}
ul.featureImages li{
display:block;
overflow:hidden;
padding: 0;
cursor: pointer;
float: left;
width: 106px;
height: 250px;
margin-right: 2px;
}
ul.featureImages li span{
display:block;
position: absolute;
top: 15px;
color: #fff;
width: 235px;
left: 210px;
font-weight: normal;
}

#footer{
position: relative;
border-top: 1px solid #aaa;
font-size: 75%;
background-color: #efefef;
width: 762px;
}

#footer table{
border: 0;
}

#footer td{
width: 250px;
border: 0;
}

#footer a:link, #footer a:active, #footer a:visited{
text-decoration: none;
color: #777;
}

#footer a:hover{
color: #444;
text-decoration: underline;
background-color: transparent;
}

.clear{clear: both;}