html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption { margin: 0; padding: 0; border: 0; outline: none; list-style: none;}
h1 span, div.news_feature span, div.quote_feature span {display: none;}
/*//////////////////////////////////////*//*//////////////////////////////////////*/
body {
margin: 15px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
color: #656565;
background-color: #FFFFFF;
}
#wrapper {
background: transparent;
width: 905px;
margin: 0 auto;
padding: 0;
}
a {
text-decoration: none;
font-weight: bold;
color: #477ebd;
}
a:hover, .top_active {
color: #235d9f;
}
input {
border: 1px solid #d7e6fe;
background: url(../images/_input-bg.png);
font-family: arial;
font-size: 11px;
padding: 3px;
}
input.go-button {
background: url(../images/_search-go_button.png);
display: inline;
width: 32px;
height: 22px;
color:#000000;
border: none;
cursor: pointer;
margin-left: 5px;
}
blockquote {
background: transparent url(../images/quote_lt.png) left top no-repeat;
width: 550px;
display: block;
margin: 10px 10px;
}
blockquote p {
padding: 0 48px;
background: transparent url(../images/quote_rb.png) right bottom no-repeat;
display: block;
}
hr {
color: #c1d6e6;
background: #e0e7ee;
height: 1px;
margin: 15px 0 15px 0;
border: none;
}
dd {
margin-left: 5px;
margin-top: 5px;
}
dl dt {
padding-top: 5px;
margin-top: 5px;
}
/*//////////////////////////////////////*//*//////////////////////////////////////*/
#head {
background: transparent url(../images/_head.jpg) left 30px;
clear: both;
width: 905px;
height: 236px;
display: block;
}
h1#homelink {
float: right;
width: 200px;
height: 150px;
}
/*//////////////////////////////////////*/
#fnav {
background: transparent url(/images/_fnav.png) left top no-repeat;
clear: both;
padding-top: 5px;
width: 905px;
height: 31px;
}
#fnav ul {
float: right;
}
#fnav li {
float: left;
margin-right: 17px;
margin-left: 8px;
display: inline;
}
#fnav li a {
color: #9d8d8b;
padding-left: 24px;
background-position: left -2px;
background-repeat: no-repeat;
font-size: 11px;
font-weight: normal;
}
#fnav li a:hover {
color: #ffc272;
background-position: 0 -20px;
}
a.e-alert {
background:url(../images/_fnav-ealert.png);
}
a.news {
background:url(../images/_fnav-news.png);
padding-right: 6px;
}
a.volunteer {
background: url(../images/_fnav-volunteer.png);
padding-left: -3px;
margin-right: 3px;
}
a.quote {
background: url(../images/_fnav-quote.png);
}
/*//////////////////////////////////////*/
#rotating_photos {
background: transparent;
margin: 0;
padding: 4px 9px 3px 10px;
height: auto;
float: left;
display: block;
}
#rotating_photos ul {
display: block;
}
#rotating_photos li {
float: left;
display: inline;
}
#rotating_photos li.one, #rotating_photos li.two {
margin-right: 9px;
}
#rotating_photos img {
border: 1px solid #ffd5a2;
}
/*//////////////////////////////////////*/
#nav {
background: transparent;
clear: both;
width: 885px;
margin: 0 10px;
}
#nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
display: block;
width: 177px;
}
a.top {
background: url(../images/_nav.jpg);
text-align: center;
width: 177px;
height: 30px;
line-height: 30px;
display: block;
color: #ffffff;
}
a:hover.top {
color: #ffffff;
}
a.top#mission {
background-position: left top;
}
a:hover.top#mission {
background-position: left -30px;
}
a.top#programs {
background-position: -177px top;
}
a:hover.top#programs {
background-position: -177px -30px;
}
a.top#give {
background-position: -354px top;
}
a:hover.top#give {
background-position: -354px -30px;
}
a.top#inside{
background-position: -531px top;
}
a:hover.top#inside {
background-position: -531px -30px;
}
a.top#get_involved {
background-position: -708px top;
}
a:hover.top#get_involved {
background-position: -708px -30px;
}
#nav li {
float: left;
width: 177px;
height: 30px;
line-height: 30px;
height: 1%;
}
#nav li:hover {
height: 1%;
}
#nav li ul {
position: absolute;
left: -999em;
}
ul.programs {
background: #a3cdf6;
z-index: 99999;
}
ul.give {
background: #fdda7f;
z-index: 99999;
}
ul.inside {
background: #fca7a7;
z-index: 99999;
}
ul.get_involved {
background: #c8dd9f;
z-index: 99999;
}
#nav li ul li {
border-top: 1px solid #ffffff;
clear: both;
text-align: left;
padding-left: 10px;
width: 167px;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/*//////////////////////////////////////*//*//////////////////////////////////////*/
.page_body {
background: #ffffff;
margin: 0;
padding: 10px 10px 0px 10px;
margin-bottom: 30px;
}
/*//////////////////////////////////////*/
.left_column {
width: 225px;
float: left;
padding-top: 10px;
display: inline;
height: auto;
}
.feature {
width: auto;
border-bottom: 1px solid #d7e6fe;
border-right: none;
padding: 0 10px 10px 10px;
margin-bottom: 10px;
}
.fade_feature {
background: url(../images/fade-featurebg.png) top left no-repeat;
width: 170px;
padding: 30px 20px 0 25px;
display: block;
border: 0 none;
}
.fade_feature .header {
margin-bottom: 15px;
}
.fade_feature .feature-content {
padding: 0 5px;
}
.quote_feature {
background: url(../images/feature-quote.png) top left no-repeat;
width: 225px;
height: 155px;
display: block;
}
.news_feature {
background: url(../images/_feature-news_bg.png) top left no-repeat;
width: 225px;
height: 155px;
display: block;
}
.sub_feature {
border-right: 1px solid #d7e6fe;
margin-top: 10px;
}
* html .sub_feature h1{
margin-top: -10px;
}
.feature h1 {
border-top: 1px solid #d7e6fe;
border-bottom: 1px solid #d7e6fe;
height: 32px;
display: inline;
width: 225px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 5px;
display: block;
}
* html .feature h1{
margin-top: -10px;
}
#letter h1 {
background: #f2ba7d url(../images/_feature-special-letter.png) 58px 10px no-repeat;
}
#ealert h1 {
background: #f2ba7d url(../images/_feature-e_alert.png) 85px 10px no-repeat;
}
#volunteer h1 {
background: #ccdbb1 url(../images/_feature-volunteer.png) 65px 10px no-repeat;
}
#legislation h1 {
background: #ccdbb1 url(../images/_feature-legislation.png) 28px 10px no-repeat;
}
.volunteer-form { /*// Input Field //*/
width: 150px;
}
#sponsor h1 {
background: #ccdbb1 url(../images/_feature-sponsor.png) 60px 10px no-repeat;
}
.get_involved_bg {
background: url(../images/_feature-get_involved_bg.png) bottom left no-repeat;
}
#audio h1 {
background: #c1d6e6 url(../images/_feature-audio.png) 90px 10px no-repeat;
}
.audio_bg {
background: url(../images/_feature-audio_bg.png) bottom left no-repeat;
}
#donor_bill h1 {
background: #fdda7f url(../images/_feature-donor_bill.png) 65px 10px no-repeat;
}
.donor_bill_bg {
background: url(../images/_feature-donor_bill_bg.png) bottom left no-repeat;
}
#directors_message h1 {
background: #f0b5b4 url(../images/_feature-directors_message.png) 70px 10px no-repeat;
}
.directors_message_bg {
background: url(../images/_feature-directors_message_bg.png) bottom left no-repeat;
}
.no_border {
border: none;
}
#uw_link img {
float: right;
}
/*//////////////////////////////////////*/
.right_side {
float: right;
width: 649px;
border-left: 1px solid #d7e6fe;
display: inline;
padding-left: 10px;
}
.pictorial_box {
background: #d7e6ff;
width: 370px;
height: 290px;
display: inline;
float: left;
}
.pictorial_box img {
width: 350px;
height: 270px;
margin: 10px;
}
.intro_text {
width: 250px;
display: inline;
float: left;
margin: 10px 0 0 20px;
color: #515151;
}
#news_announcements {
clear: both;
padding-top: 10px;
margin-bottom: 10px;
}
#news_announcements .header {margin-bottom: 10px;}
.news-items {padding-left: 10px; clear: both;}
.news-thumbnail {float: left; margin-right: 20px;}
#our_pictorial h1 {
background: #ffffff url(../images/exploringecsm.png) left top no-repeat;
display: block;
width: 243px;
height: 45px;
margin-bottom: 0px;
} /*//Home//*/
/*//////////////////////////////////////*//*//////////////////////////////////////*/
.subnav {
width: 225px;
margin-top: -10px;
}
.subnav h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
font-size: 24px;
padding-bottom: 10px;
padding-left: 5px;
border-bottom: 1px solid;
width: 100%;
}
.subnav li {
background: url(../images/subnav_bullet.png) 10px 12px no-repeat;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid;
}
.subnav li li {
border: none !important;
}
/*//////////////////////////////////////*/
.path {
font-size: 11px;
margin-bottom: 10px;
}
.content {
border: none;
padding: 10px;
width: 629px;
margin-left: 10px;
display: block;
}
* html .content {
z-index: 0;
}
.content h1, .content h2, .content p, .content ul {
padding-bottom: 9px;
}
.content h1 {
font-size: 18px;
font-face: bold;
}
.content h2 {
font-size: 16px;
font-face: bold;
}
.content h3 {
font-size: 14px;
font-face: bold;
color: #8f9ea9;
}
div.content li {
background: url(../images/bullet.png) left .3em no-repeat;
padding-left: 20px;
margin-left: 20px;
color: #656565;
}
.content img.right {
padding: 5px;
border: 1px solid #89add8;
}
.mission h1, .mission h2, .mission li {
color: #f2ba7d;
border-color: #f2ba7d;
}
.programs h1, .programs h2, .programs li {
color: #89add8;
border-color: #89add8;
}
.give h1, .give h2, .give li {
color: #e4b63f;
border-color: #e4b63f;
}
.inside h1, .inside h2, .inside li {
color: #d58786;
border-color: #d58786;
}
.get_involved h1, .get_involved h2, .get_involved li {
color: #abc779;
border-color: #abc779;
}
.fnav h1, .fnav h2, .fnav li {
color: #b4c4dd;
border-color: #b4c4dd;
}
/*//////////////////////////////////////*/
#content_table {
border-collapse:collapse;
margin: 5px 0 0 0;
text-align:left;
width:480px;
line-height: 18px;
font-size: 12px;
color: #235d9f;
}
#content_table th {
background: #ffffff;
padding: 2px 8px ;
font-size: 11px;
color: #666666;
border-right: 1px solid #e0e7ee;
}
#content_table .odd {
background:#e0e7ee none repeat scroll 0 0;
}
#content_table td {
padding:8px;
}
/*//////////////////////////////////////*/
.body_feature {
border: 1px solid #d7e6fe;
width: 205px;
margin: 10px 0 15px 15px;
padding: 10px;
}
.left {
float: left;
}
.right {
float: right;
}
.body_feature h1 {
margin: -10px -10px 0 -10px;
}
/*//////////////////////////////////////*//*//////////////////////////////////////*/
#foot {
background: transparent url(../images/_foot-bg.png) left bottom no-repeat;
clear: both;
margin: 0 -10px;
padding: 10px 10px 0 10px;
width: 885px;
height: 63px;
font-size: 11px;
color: #2063ad;
line-height: 18px;
}
p.left {
float: left;
margin-top: 20px;
}
p.right {
float: right;
margin-top: 20px;
}
.feature2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bolder;
padding: 2px;
font-variant: normal;
}