/* CSS Document */

html,body { background:url(images/bg.jpg) repeat-x; background-color:#105390; font-family:Tahoma, Arial, Verdana; height:100%; margin:0;}
p,td {line-height:19px; font-size:12px;}
h1 { font-size:16px; font-weight:lighter; font-weight:bold;}
h1 strong { font-size:14px; font-weight:lighter; color:#adb1b3;}
h2 { font-size:15px; font-weight:lighter; font-weight:bold; color:#d45f18;}
h2 strong{ font-size:15px; font-weight:lighter; font-weight:bold; color:#3c5cb5;}
.blue {color:#3c5cb5; font-size:12px; margin:0; font-weight:bold;}
img { border:none;}
.clr { clear:both;}
.main {height:100%;}
strong {color:#ac3300;}
strong strong {color:#142c6f;}
li {font-size:12px; color:#000; line-height:21px;}
a {text-decoration:underline;}
a:hover { text-decoration:none;}

.quote_red {color:#666666;}
.ref { color:#666; font-size:10px;}
.grey_bg { background-color:#ece9e9; border:none; padding:15px;}
.grey_bg2 { background-color:#dceaf5; border:none; padding:15px;}
.trustees { padding:0 20px 10px 20px; background:url(images/trustee-bg.jpg) repeat-y;}
.trustees2 { padding:10px 20px 20px 20px; background:url(images/trustee-bg.jpg) repeat-y;}
.trustee_title { background:url(images/trustee-title-bg.jpg); color:#FFFFFF; padding:6px; font-size:13px; font-weight:bold;}
.trustee_title2 { color:#000; padding:0 6px 6px 10px; font-size:13px; line-height:21px; margin:0px;}
.trustee_title3 { background:url(images/trustee-title-bg.jpg); color:#FFFFFF; font-size:10px; font-weight:bold;}

.trustee_top { background:url(images/trustee-top.jpg) repeat-y; margin:0 0 0 0; line-height:0; padding:0;}
.trustee_bottom { background:url(images/trustee-bottom.jpg) no-repeat;}
.trustee_top { font-size:16px; color:#3c5cb5; background:url(images/trustee-top.jpg); padding:12px 0 0 20px; font-weight:bold;}
.date { color:#003366; font-size:11px;}

.border1 { color:#FF6633 3px solid;}

.news_click { font-size:11px; color:#FFFFFF;}
.news_click a{ font-size:11px; color:#FFFFFF; text-decoration:underline;}
.news_click a:hover{ font-size:11px; color:#FFFFFF; text-decoration:none;}

.cancer_image { text-align:center; width:131px; padding-top:15px; padding-bottom:15px;}
.cancer_title { height:25px; background:url(images/bg-cancer-title.jpg) repeat-x; text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; padding:2px 0 0 0;}



#container_header { width:950px; height:145px; margin:20px auto 0 auto;}
#header01 { width:475px; height:145px; float:left; background:url(images/header01.jpg)}
#header02 { width:475px; height:145px; float:right; background:url(images/header02.jpg)}
#container_header2 { width:950px; height:86px; margin:0 auto 0 auto;}
#header03 { width:475px; height:86px; float:left; background:url(images/header03.jpg)}
#header04 { width:475px; height:86px; float:right; background:url(images/header04.jpg)}

#container_topnav { width:950px; height:45px; margin:0 auto 0 auto; background-color:#FFFFFF;}
#topnav { width:942px; height:41px; margin:0 4px 4px 4px; background:url(images/bg-topnav.jpg);}


#donate { width:250px; height:41px; background:url(images/but-donate.jpg) top left; float:left;}
#donate:hover{ width:250px; height:41px;background:url(images/but-donate.jpg) top right; float:left; cursor:pointer;}

#container_buts { float:left;}
#but_home { width:74px; height:41px; background:url(images/but-home.jpg) top left; float:left;}
#but_home:hover { width:74px; height:41px; background:url(images/but-home.jpg) top right; float:left; cursor:pointer;}
#but_about { width:115px; height:41px; background:url(images/but-about.jpg) top left; float:left;}
#but_about:hover { width:115px; height:41px; background:url(images/but-about.jpg) top right; float:left; cursor:pointer;}
#but_skin_cancer { width:114px; height:41px; background:url(images/but-skin-cancer.jpg) top left; float:left;}
#but_skin_cancer:hover { width:114px; height:41px; background:url(images/but-skin-cancer.jpg) top right; float:left; cursor:pointer;}
#but_news { width:68px; height:41px; background:url(images/but-news.jpg) top left; float:left;}
#but_news:hover { width:68px; height:41px; background:url(images/but-news.jpg) top right; float:left; cursor:pointer;}
#but_fundraising { width:114px; height:41px; background:url(images/but-fundraising.jpg) top left; float:left;}
#but_fundraising:hover { width:114px; height:41px; background:url(images/but-fundraising.jpg) top right; float:left; cursor:pointer;}
#but_contact_us { width:106px; height:41px; background:url(images/but-contact.jpg) top left; float:left;}
#but_contact_us:hover { width:106px; height:41px; background:url(images/but-contact.jpg) top right; float:left; cursor:pointer;}
#but_sitemap { width:98px; height:41px; background:url(images/but-sitemap.jpg) top left; float:left;}
#but_sitemap:hover { width:98px; height:41px; background:url(images/but-sitemap.jpg) top right; float:left; cursor:pointer;}
#but_committee { width:192px; height:41px; background:url(images/but-committee.jpg) top left; float:left;}
#but_committee:hover { width:192px; height:41px; background:url(images/but-committee.jpg) top right; float:left; cursor:pointer;}


#container_main { width:950px; margin:0 auto 0 auto;}

#container_leftnav { width:197px; margin:0 0 0 0; float:left; }
#search { width:190px; height:66px; background:url(images/search.jpg); display:block;}
#search2 { width:190px; height:66px; background:url(images/search.jpg); display:block;}
.search_field { width:140px; height:17px; margin:34px 0 0 7px; border:none; background-color:#FFFFFF; outline:none;}
.search_button { background:url(images/empty.gif); width:35px; height:30px; margin:0 0 7px 0; border:none; outline:none; cursor:pointer; vertical-align:bottom; position:relative; top:15px;}
#leftnav { width:190px; float:right; background-color:#fff;}
.section { width:180px; height:24px; background:url(images/bg-section.jpg); color:#FFFFFF; font-size:16px; padding:3px 0 0 10px; display:block; margin:0 0 5px 0;}

.leftnav_title{ font-size:11px; font-weight:bold; color:#4c4c4c; width:160px; height:22px; display:block; text-decoration:none; padding:3px 0 0 25px; font-weight:bold; background-color:#f1f1f1;}

.leftnav { font-size:11px; font-weight:bold; color:#4c4c4c; width:160px; height:22px; display:block; text-decoration:none;}
.leftnav a { font-size:11px; color:#4c4c4c; width:160px; height:22px;text-decoration:none; padding:0px 0 0 30px; background:url(images/but-leftnav.jpg); cursor:pointer; display:block; font-weight:normal;}
.leftnav a:hover { font-size:11px; color:#4c4c4c; width:160px; height:22px;text-decoration:none; padding:0px 0 0 30px; background:url(images/but-leftnav-on.jpg); font-weight:normal;}

#spacer { width:950px; height:4px; background-color:#215f8a; margin:0 auto 0 auto; background:url(images/spacer.gif) repeat-y; display:block; padding:0; line-height:0; font-size:0px;}
#spacer2 { width:100px; height:15px;}

#container_content { width:525px; margin:0 3px 0 3px; float:left; background-color:#FFFFFF; padding:15px;}
#container_cta { width:546px; margin:5px 7px 0 8px;}

#container_news { width:192px; margin:0 0 0 0; float:right;}
#news { width:175px; background-color:#fff; float:left; padding:5px;} 
.section2 { width:165px; height:23px; background:url(images/bg-section2.jpg); color:#FFFFFF; font-size:16px; padding:0px 0 0 10px; margin:0px 0 0 0; display:block;}
.news_item { width:165px; background-color:#fff;}
.news_image_1st { margin:0 0 10px 0;}
.news_image { margin:5px 0 10px 0;}

.news_text { color:4c4c4c; font-size:11px; width:175px;}
.#news_text a{ font-size:11px; color:#0000CC; text-decoration:underline;}
.news_text a:hover{ font-size:11px; color:#0000CC; text-decoration:none;}

.cta_link { background:url(images/grey.png); color:#FFFFFF; font-size:9px; padding:0 0 0 5px; width:100%;}

.cta  a { color:#FFFFFF; font-size:9px; padding:0 0 0 5px; text-decoration:none}
.cta  a:hover { color:#FFFFFF; font-size:9px; padding:0 0 0 5px; text-decoration:underline;}

#container_footer { width:950px; height:53px; margin:0 auto 0 auto; background-color:#FFFFFF;}
#footer { width:942px; height:44px; margin:0 4px 4px 4px; background:url(images/bg-footer.jpg); text-align:center; padding:5px 0 0 0;}

.footerlink { font-size:12px; color:#000;}
.footerlink a { font-size:12px; color:#000; text-decoration:underline;}
.footerlink a:hover{ font-size:12px; color:#000; text-decoration:none;}

.copyright {  font-size:12px; color:#FFFFFF; display:block; line-height:21px;}

#skylight { width:100%; height:140px; margin:0; color:#FFFFFF; padding:10px 0 0 0; text-align:center; background:url(images/bg-soula.gif); }
#skylight a{ text-decoration:underline; color:#FFFFFF; font-size:12px;}
#skylight a:hover{ text-decoration:none; font-size:12px;}

.boxes { font-weight:bold; font-size:14px; color:#fff;}
.boxes a{ font-weight:bold; font-size:14px; color:#fff; text-decoration:none;}
.boxes a:hover{ font-weight:bold; font-size:14px; color:#fff; text-decoration:underline;}

.bullet1 { color:#1a5a8a; font-weight:bold;}
.bullet2 { color:#50a1d6; font-weight:bold;}