/* 
MLS Core CSS 
(c) 2007 Brightwhite Design Group Inc
- Jeff White
*/

body { /*having html here is required for the vertical centering*/
background: #fff;
margin: 0;
padding: 0;
background: url(../images/topbar_bkgd.jpg) top left repeat-x;

}

em {
font-style: italic;
}

#wrapper {
width: 960px; 
margin: 0 auto; 
padding: 0;
background: transparent; 
}

#outsidewrapper {
width: 100%; 
background: url(../images/base_bkgd.jpg) repeat-x left bottom; 
margin: 0 0 -6px 0;
padding: 0 0 20px 0;
}


#overview {
position: absolute;
top: 182px;
left: 0;
height: 273px;
width: 640px;
}

#contactinfo {
position: absolute;
top: 182px;
left: 640px;
height: 273px;
width: 320px;

}

#topbar {
width: 945px;
height: 25px;
text-align:right;
margin: 0 auto;
padding: 0 15px 0 0;
line-height: 25px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}

#topbar a:link, #topbar a:active, #topbar a:visited {
color: #00669c;
text-decoration:none;
}

#topbar a:hover {
color: #3f3f3f;
text-decoration:underline;
}

#internalonecolumn {
width: 635px;
padding: 0 0 0 15px;
margin: 0;
float: left;
}

#flashvideo {
width: 500px;
height: 337px;
margin: 10px 0 30px 55px;
}

#internalonecolumn h1 {
background:url(../images/h1_butterfly.gif) center left no-repeat;
padding: 0 0 0 55px;
margin: 20px 0 0 0;
}

#internalonecolumn h2 {
color: #05689d;
padding: 10px 0 5px 55px;
line-height: 24px;
}

#internalonecolumn p {
padding: 0 0 10px 55px;

}

#internalonecolumn ul li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
color: #3c3c3c;

}

#internalonecolumn ol li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
color: #3c3c3c;

}



.footer_wrapper {
width: 100%;
background: url(../images/footer_bkgd.jpg) top left repeat-x;
border-top: 10px solid #86ce68;
}

#footer_inside {
width: 960px;
background: transparent;
margin: 0 auto;
}

#footer_inside2 {
width: 960px;
background: transparent;
margin: 0 auto;
display: none;
}


.footer_wrapper h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:20px;
color: #fff;
margin: 30px 10px 10px 15px;
}

.footer_wrapper h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:20px;
color: #00669c;
margin: 30px 10px 10px 15px;
}

.footer_wrapper p {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height:18px;
color: #3c3c3c;
margin: 10px 15px;
}

.footer2 p {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:22px;
color: #3c3c3c;
margin: 10px;
}


.footer_wrapper ul {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:18px;
color: #3c3c3c;
margin: 10px;
padding: 0 0 0 20px;
}

.footer_wrapper img {
margin-top: 15px;
}

.footer_wrapper a:link, .footer_wrapper a:visited {
font-size: 12px;
color: #00669c;
text-decoration:underline;
}

.footer_wrapper a:hover, .footer_wrapper a:active {
font-size: 12px;
color: #3c3c3c;
text-decoration:none;
}

#footer_bar_outside {
width: 100%;
height: 45px;
background:url(../images/navbar_hi.jpg) repeat-x top left;
}

#footer_bar {
width: 930px;
text-align:left;
margin: 0 auto;
padding: 0 15px;
height:45px;
line-height: 45px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #fff;
}

#footer_bar a:link, #footer_bar a:visited {
font-size: 12px;
color: #fff;
text-decoration:underline;
}

#footer_bar a:hover, #footer_bar a:active {
font-size: 12px;
color: #3c3c3c;
text-decoration:none;
}


.footer1 {
width: 412px;
height: 290px;
padding: 0 353px 0 0;
background: url(../images/osheafamily.jpg) bottom right no-repeat;
float: left;
display: block;

}

.footer1b {
width: 412px;
height: 290px;
padding: 0 353px 0 0;
background: url(../images/shelley_home.jpg) bottom right no-repeat;
float: left;
display: block;

}


.footer2 {
width: 185px;
margin: 0 10px 0 0;
float: right;
display: block;
text-align: right;
}

.footer2 img {
padding: 75px 0 0 0;
}

#navbar_outside {
width: 100%;
height: 45px;
background: url(../images/otherdonor_bkgd.jpg) top left repeat-x;
}

#navbar {
width: 959px;
height: 45px;
background: transparent;
margin: 0 auto;
border-left: 1px solid #b0e09b;
}

#otherdonors {
width: 575px;
height: 45px;
margin: 0;
float:left;
}

#otherdonors h2 {
padding: 0 0 0 10px;
color: #fff;
font-size:19px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
line-height:45px;
}

#otherdonors_images {
display: block;
float: right;
width: 300px;
height: 45px;
}

.clear {
clear:both;
}

#logobox {
width: 475px;
height: 125px;
margin: 0 auto;
}

#heading {
width: 960px;
height: 50px;
text-align: center;
margin: 0 auto;
}

#home_intro {
width: 365px;
float: left;
}



#howyoucanhelp {
width: 585px;
padding: 0 ;
background:transparent;
float: right;
}

#howyoucanhelplist {
background: url(../images/homepage_boxes.jpg) no-repeat top left;
margin: 10px 0 0 10px;
padding: 0;
list-style: none outside;
}

#howyoucanhelplist li {
width: 252px;
height: 165px;
padding: 15px;
margin: 0 0 0 0;
color: #fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
line-height: 30px;
display:block;
}

#howyoucanhelplist li ul {
margin: 0;
padding: 0;
list-style: none outside;
}

#howyoucanhelplist li ul li {
color: #fff;
padding: 0;
margin: 10px 0 0 0;
font-family:Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
display:block;

}

#howyoucanhelplist li ul li a:link, #howyoucanhelplist li ul li a:visited {
color: #fff;
text-decoration:underline;
} 

#howyoucanhelplist li ul li a:hover, #howyoucanhelplist li ul li a:active {
color: #7fcd5e;
text-decoration:none;
} 


#howyoucanhelplist #item1 {
margin: 0;
}

#howyoucanhelplist #item2 {
margin: -195px 0 0 292px;
.margin: -195px 0 0 292px;
_margin: -235px 0 0 292px;

}

#howyoucanhelplist #item3 {
margin: -195px 0 0 390px;
.margin: -195px 0 0 390px;
_margin: -225px 0 0 390px;
}




#howyoucanhelp h1 {
margin: 10px 0 0 10px;
color: #00669c;
}

#shelley_img {
width: 480px;
height: 363px;
background:url(../images/shelleylangille.jpg) bottom left no-repeat;
float: right;
}

#shelley_txt {
width: 460px;
height: 363px;
padding: 0 10px;
background:transparent;
float: left;
}


h1 {
color: #7fce5f;
font-size:32px;
margin: 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height: 50px;
}

h2 {
color: #fff;
font-size:19px;
margin: 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height: 24px;
}

h3 {
color: #3c3c3c;
font-size:14px;
margin: 15px 0 10px 55px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
line-height: 18px;
letter-spacing:3px;
text-transform:uppercase;
}

h3 strong {
font-weight: bold;
}


#overview p {
font-size: 15px;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 0px 70px 10px 70px;
line-height: 22px;
color: #000;
font-weight:bold;
}

#wrapper p {
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 6px 0;
line-height: 18px;
color: #3c3c3c;
}

#wrapper h4 {
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 10px 0px 0 0;
line-height: 16px;
color: #3c3c3c;
}

#wrapper blockquote {
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 0 0;
line-height: 16px;
font-style:italic;
color: #00669c;
}



#wrapper h5 {
font-size: 11px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 6px 0;
line-height: 16px;
color: #3c3c3c;
}

ul {
font-size: 15px;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 10px 70px 20px 100px;
padding: 0;
line-height: 22px;
color: #000;
list-style: disc;
}

ol {
font-size: 15px;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 10px 70px 20px 100px;
padding: 0;
line-height: 22px;
color: #000;
list-style: decimal;
}

ol li, ul li {
padding-bottom: 6px;
}



a, a:link, a:visited {
color: #5aa03d;
text-decoration: underline;
}

a:hover, a:active {
color: #00669c;
text-decoration: none;

}

strong{
font-weight: bold;
}

#navbar ul {
list-style: none outside;
padding: 0;
margin: 0;
background-color: transparent;
height: 50px;
}

#navbar ul li {
display: inline;
padding: 0;
margin: 0;
}

#navbar ul li a:link, #navbar ul li a:visited {
text-decoration: none;
text-align: center;
float: left;
display: block;
height: 45px;
padding: 0px 0 0 0px;
margin: 0 0 0 0;
background: transparent;
color: #fff;
font-size: 15px;
line-height:45px;
font-family:Helvetica, Arial, sans-serif; 
font-weight: bold;

}

#navbar ul li a:hover, #navbar ul li a.selected {
background: transparent url(../images/navbar_hi.jpg) repeat-x top left;
color: #fff;
}


#whybeadonor {
width: 152px;
border-right: 1px solid #b0e09b;

}

#howtobeadonor {
width: 156px;
border-right: 1px solid #b0e09b;

}

#whatcanidonate {
width: 159px;
border-right: 1px solid #b0e09b;

}

#otherquestions {
width: 95px;
border-right: 1px solid #b0e09b;

}

#donorrecipientstories {
width: 95px;
border-right: 1px solid #b0e09b;


}


#aboutus {
width: 95px;
border-right: 1px solid #b0e09b;
}
#aboutus2 {
width: 195px;
border-right: 1px solid #b0e09b;
}

#pro {
width: 195px;
border-right: 1px solid #b0e09b;

}

#home_intro h1 {
margin: 10px 0 0 15px;

}


#howyoucanhelplist a:link, #howyoucanhelplist a:visited  {
color: #4e4e4e;
text-decoration:underline;
}

#howyoucanhelplist a:hover, #howyoucanhelplist a:active  {
color: #00669c;
text-decoration:none;
}

.nshealthlogo {
margin-top: 30px;
}

#subnav {
width: 185px;
float: right;
margin: 30px 0 0 0;
}



#internaltwocolumn {
width: 760px;
padding: 0 0 0 15px;
margin: 0;
float: left;
}

#rightcol blockquote {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 20px 10px;
line-height: 30px;
font-style:italic;
color: #00669c;
}


#leftcol blockquote {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 20px 55px;
line-height: 30px;
font-style:italic;
color: #00669c;
}


#internaltwocolumn h1 {
background:url(../images/h1_butterfly.gif) center left no-repeat;
padding: 0 0 0 55px;
margin: 20px 0 0 0;
}

#internaltwocolumn h2 {
color: #05689d;
padding: 10px 0 5px 10px;
line-height: 24px;

}

#leftcol {
width: 360px;
float: left;
}

#rightcol {
width: 400px;
float: right;

}

#leftcol img {
margin: 0 0 0 55px;
}

#subnav img {
margin: 50px 0 0 0;
}


#rightcol p {
padding: 0 10px 10px 10px;

}

#rightcol h3 {
margin: 15px 10px 10px 10px;

}


#rightcol ul li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
color: #3c3c3c;

}

#rightcol ol li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
color: #3c3c3c;

}

#internalonecolumn blockquote {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 20px 55px;
line-height: 30px;
font-style:italic;
color: #00669c;
}

#submenu {
list-style: none outside;
margin: 0;
padding: 10px 0 0 0;
width: 185px;
background: url(../images/subnav_top.jpg) top left no-repeat;
}

#submenu li {
text-align:left;
margin: 0;
padding: 0;
}

#submenu li a:link, #submenu li a:visited {
display: block;
text-decoration:none;
color: #fff;
background:#7fcd5f;
line-height: 18px;
height: 50%;
padding: 10px 10px 10px 35px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
border-bottom: 1px solid #bfe6af;
}

#submenu li a:hover, #submenu li a:active, #submenu li a#subselect {
color: #fff;
background: #7fcd5f url(../images/subnav_marker.gif) no-repeat 0px 10px;
display: block;
text-decoration:none;
line-height: 18px;
height: 50%;
padding: 10px 10px 10px 35px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
border-bottom: 1px solid #bfe6af;
}

#submenu li.lastitem{
background: #7fcd5f url(../images/subnav_bottom.jpg) bottom left no-repeat;
padding: 0 0 10px 0;
}

#visionmission {
width: 460px;
height: 165px;
margin: 0 0 0 55px;
padding: 10px 20px;
background:url(../images/visionmissionbox.jpg) no-repeat top left;
}

#visionmission h2, #visionmission p {
color: #fff;
margin: 0 0 5px 0;
padding: 0;
}

#home_intro p {
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 18px;
line-height: 22px;
margin: 35px 30px 40px 15px;
color: #00669c;

}