/* Clear Browser Defaults  */
* {margin: 0; padding: 0;}
img {border: 0;}
p {margin: 0;}

/* Misc. */
.hide {display:none;}


/* Default Tags */
p, #wmx ul, #wmx dl {margin: .7em 0 1em;}
#s2 p, #s2 ul, #s2 dl  {margin: .7em 0 2em;}
.abbr {
border-bottom:1px dotted #aaa;
cursor:help;
text-transform: uppercase;
}
.small {font-size: 85%;}
.fl {float:left;}
.fr {float:right !important;}
.center {text-align:center;}
.right, .more {text-align:right;}
.cl {clear:both;}
.a {color:red; font-size:10px;}


p.note, p.date, p.posted, p.photos, span.posted {
font: 85%/1.5em tahoma, sans-serif;
margin: .5em 0;
color: #888;
}
p.note {margin: 0 0 1em;}
p.photos {color: #777;}
span.posted {
display:block;
margin:0;
padding: 2px 0 2px 11px;
background: url("/i/bullet_posted.gif") no-repeat 0 50%;
}

div.hr {
display:block;
width:100%;
margin: 1em 0 2em;
border-top: #ddd 1px solid;
clear:both;
}
div.results {
margin: 1em 0 2.5em 0;
}

/* Logo  */
#h h1 a {
position: absolute;
display: block;
border:none;
top: 14px;
left: 22px;
width: 210px;
height: 118px;
text-indent: -9999px;
text-decoration:none;
background: transparent url("/i/logo_new.gif") no-repeat top left;
z-index:1;
}

/* Links  */
a {
color: #A22825;
text-decoration:none;
border-bottom:1px dotted #B36E6F;
}
a:visited {color: #A22825;}
a:hover {color: #E00B0E; border-bottom:1px solid #E00B0E;}
a:active {color:#000; border-color: #000;}


/* Body and Structure */
body {
font: small Verdana,Sans-serif;
line-height: 1.5em;
text-align: center;
color: #333;
background: #022543 url("/i/bg_cmhf.gif") repeat top left;
}

#w {
position: relative;
margin: auto;
width: 750px;
text-align: left;
}
#w2 {
float:left;
border-right: #052545 1px solid;
border-left: #052545 1px solid;
background: #fff url("/i/bg_columns.gif") repeat-y top left;
}

#h {
position: relative;
width:750px;
height: 61px;
background: transparent url("/i/bg_curve.jpg") no-repeat 0 -110px;
}
#c {
float:left;
width:750px;
}

#f {
position: relative;
float:left;
padding:25px 0 0 15px;
width: 735px;
height: 120px;
font-size: 10px;
color: #838174;
line-height: 13px;
background: transparent url("/i/bg_curve.jpg") no-repeat 0 30px;
}
#f #copyright {
position: absolute;
width: 495px;
left:15px;
bottom:6px;
}
#f #address {
position: absolute;
left: 516px;
width: 228px;
bottom:6px;
color: #555;
}
#f #copyright a {border: 0;}

/* MS DEFAULT */
.ms #wmx {
position:relative;
/*float:left;*/ /* this float was original, but causes display issues in Chrome and FF as of 12-2009 */
width: 506px;
margin: 65px 0 0 0px;
}
.ms #s {
float:right;
width: 244px;
font-size: 85%;
color:#E0DFD5;
margin-top: -290px; /*this negative margin set on 1-21-2010 to fix FF and Chrome display issue*/
}
.ms #s2 {
padding: 7px 15px;
color:#2E2D2A;
line-height: 1.3em;
}
p.mission {
margin:0;
padding: 1.5em 15px;
border-bottom: #182538 1px solid;
color: #DDE0E4;
line-height: 1.3em;
background: #2E4676 url("/i/bg_missioncolumn.gif") repeat-y top left;
}
p.mission h2 {color:#fff;}
.ms #s2 img, .mission img {display:block; padding:0 0 3px;}
.ms #m {
float:left;
width: 466px;
margin: 20px 0 0 20px;
}
.ms #x {
display:none;
}



/* Main Navbar  */
#n {width: 244px;}
#n li img {
list-style: none;
text-decoration: none;
margin: 7px 0 0px 15px;
width: 225px;
height: 14px;
}
#n li {
list-style: none;
text-decoration: none;
background: #AB1526 url("/i/bg_buttons.gif") repeat-x 0 -28px;
}
#n li a {
display:block;
list-style: none;
text-decoration: none;
border:0;
width: 244px;
height: 28px;
background: transparent url("/i/bg_buttons.gif") no-repeat 0 -28px;
}
#n li a:hover, #n li a:active {background-position: 0 0;}
#home #n li#n-home a,
#about #n li#n-about a,
#articles #n li#n-articles a,
#events #n li#n-events a,
#planned #n li#n-planned a,
#donor #n li#n-donor a
{background-position: 0 -56px;}

/* Sub Navigation */
#subnav {
position: absolute;
top: 53px;
right: 264px;
text-align:left;
font-size:11px;
line-height:1.7em;
color: #999;
}
#subnav a {border:0; text-decoration:none;}






/* Donate Button  */
#donate a {
position: absolute;
top: 8px;
right: 65px;
width: 114px;
height: 35px;
border: 0;
text-indent: -9999px;
text-decoration:none;
background: transparent url("/i/donate.gif") no-repeat 0 -35px;
}
#donate a:hover, #donate a:active, #bodydonate #donate a {
top: 9px;
right: 64px;background-position: 0 0;
}


/* Search  */
#search {
width: 229px;
height: 45px;
padding: 0px 0 0 15px;
color:#fff;
font-size:11px;
line-height: 11px;
text-align:center;
background: #AB1526 url("/i/bg_search.gif") repeat-y top left;
}
#search a {
text-decoration:none;
color:#fff;
}
#search a:hover {background: #850900;}
#ts {font-size:10px; padding: 2px 3px;}
#tm {font-size:13px; padding: 2px 3px;}
#tl {font-size:16px; padding: 2px 3px;}


/* Lists  */
#c dl dd {
	margin: 0;
	padding: 0 0 .5em 0;
	font-size: 90%;
	line-height: 1.5em;
	}
#c dl dt {
	font-weight: bold;
	}
#c dl dt span {
	font-weight: normal;
	}

#s2 ul, #wmx ul {list-style: none;}
#s2 ul li {
	padding: 0 0 1em 11px;
	background: url(/i/bullet_subcol.gif) no-repeat 0 5px;
	}
#donor #s2 ul li {padding: 0 0 .5em 11px;}
#wmx ul li {
margin-bottom:3px; 
line-height: 1.2em;
padding: 0 0 .2em 11px;
background: url(/i/bullet_main.gif) no-repeat 0 5px;}

#formdiv ul {list-style: square;}
#formdiv ul li {margin-left: 13px; padding-left: 0; background:none;}

#sitemap #wmx #m  ul li a:hover {text-decoration: underline;}
#sitemap #wmx #m ul { margin: 0 0 0 20px; padding: 0; border: 0; }
#sitemap #wmx #m ul li { margin: 0; padding: 0; border: 0; color:#999; font-size:90%; line-height: 1.4; list-style: url(/i/bullet1.gif) outside; background-image: none !important;}
#sitemap #wmx #m ul li a { margin: 0; padding: 0; border: 0; line-height: 1.4; display: inline;}
#sitemap #wmx #m ul li ul { margin: 0 0 0 20px; padding: 0; border: 0; }
#sitemap #wmx #m ul li ul li { margin: 0; padding: 0; border: 0; line-height: 1.4; list-style: url(/i/bullet3.gif) outside; }
#sitemap #wmx #m ul li ul li ul { margin: 0 0 0 20px; padding: 0; border: 0; }
#sitemap #wmx #m ul li ul li ul li { margin: 0; padding: 0; border: 0; line-height: 1.4; list-style: url(/i/bullet2.gif) outside; }





/* Forms  */
#formdiv form {color:#333;}
#formdiv ul li, #formdiv, .red {color:#c00 !important;}
#formdiv form input  {
margin-bottom: .3em;
border:1px solid #ccc;
background:#eee;
}
#formdiv form textarea {
background:#eee;
display:block;
width:97%;
border:1px solid #ccc;
color:#333;
}
#formdiv form input:focus, #formdiv form textarea:focus {background:#fbfbfb;}

#formdiv input.button, #search input.button {
padding: 2px 8px;
border:1px solid #f00;
border-color: #E01414 #981E1E #981E1E #E01414;
color:#fff;
font-size: 12px;
cursor: pointer;
background: #AC002C;
}
#formdiv input.button:focus {background:#6E0D18; border-color: #999 #ccc #ccc #999;}

#search input.text {
background: #eee;
width:140px;
font-size: 12px;
}
#search input.button {
margin-top: 12px;
padding: 0 4px;
width:50px;
}


address {
  margin: 1.5em 0 0 ;
  font-style:normal;
  font-family:Monaco,"Courier New",Courier,Monospace;
  line-height:1.6em;
  }
address strong {
  font-weight:normal;
  color:#A57200;
  }


/* Headings */
h1, h2, h3, h4 {
margin:0;
display: block;
font-family: georgia,serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a {border: 0 !important; text-decoration: none;}

#m h2, #m h3 {text-transform:uppercase;}
#m h2 {
margin: 0 0 0 0;
font: 165%/1.2em georgia,serif;
color: #305389;
}
#s2 h2, #m h3, #m h4 {
margin: 0 0 0 0;
font: 125%/1.2em georgia,serif;
color: #305389;
}
#s2 h2 {
margin-top:2em;
font: 145%/1.2em georgia,serif;
color: #A57200;
}
#m h4 {
margin-top: 1em; 
font-size:145%;
}
#about #m h4 {
float: left;
clear: left;
}


h5 {
margin: 0;
font: 85%/1.5em tahoma, sans-serif;
color: #999;
}
p+h4 {margin-top:2em !important;}



/* Images */
#w #m div.profile {
float:left;
clear:left;
}
#w #m img, #w #s2 img {
float:left;
margin: 2px 8px 4px 0;
padding:5px;
border:1px #ccc solid;
background: #FCFCFC;
}
#w #s2 img {
margin: 3px 6px 3px 0;
padding:1px;
border:4px #DEDDCA solid;
background: #B3B2A2;
}
#w #m a img, #w #s2 a img {
border-color:#A22825;
}
#w #m a:hover img, #w #s2 a:hover img {border-color:#E00B0E;}

#w #m .imageleft img, #w #m .imageright img {margin: 6px 0 0 0;}
#w #m .imageleft, #w #m .imageright {
float:left;
margin: 0 10px 3px 0;
color:#999; 
line-height: 1.2em;
font-size: 85%;
}
#w #m .imageright {
float:right;
margin: 0 0 3px 10px;
}

/*  rss_thumbpop - ThumbFloat and ThumbNav */

div.thumbs {margin-top:1em;}
.tf {
position:relative;
overflowd: hidden;
float: left;
width: 116px;
height: 116px;
line-height:116px;
text-align:center;
background: transparent url("/i/bg_slide.gif") no-repeat -1px 0;
}
.tf  img {float:none !important;}
.tf  a {border:0; }

#w #wmx .tf  a img {
vertical-align: middle;
margin: -7px 0 0 -2px;
padding:0;
border:1px solid;
border-color: #A6A6A6 #fff #fff #A6A6A6;
}
#w #wmx .tf  a:hover img  {
border-color: #A6A6A6 #fff #fff #A6A6A6;
}
#w #wmx .tf  em  {
position:absolute;
right:1px;
left:0;
top:100px;
text-align:center;
font: 10px/1em tahoma, sans-serif;
color:#aaa;
}


ul#tn, ul#an {
list-style: none;
padding: .5em 0;
border-top: 1px solid #ddd;
}
ul#tn li, ul#an li {padding: 0; background-image:none !important; }
ul#tn li a { 
display: block; 
padding: 3px 0 4px; 
border:0;
width: 5em; 
color: #FFF; 
text-align: center; 
background: #AB1526; 
}

ul#tn li a:hover { 
background-color: #E00B0E; 
}
ul#tn .left, ul#an .left { float: left; } 
ul#tn .right, ul#an .right { float: right; } 



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #m h2 {
visibility: hidden;
font-size: 22px;
margin-bottom: -5px;
}

.sIFR-hasFlash #m h3  {
visibility: hidden;
font-size: 17px;
margin-bottom: 0px;
}