/* CSS Document */
BODY {
	BACKGROUND: url(images/bg.gif) #ffffff repeat-x; margin-top: 20px; font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; margin-left: 0px; margin-right: 0px; 
}

.contact-left {width: 280px; float: left;}
.contact-right {width: 400px; float: left;}
.float-right {float: right;}

.contact-ta {width: 250px;}
.contact-code {width: 140px;}

#search-text {width: 200px;}
#search-wrapper {width: 250px; height: 30px; border: 1px solid #CCCCCC; margin-left: 25px;}
#s {width: 207px; border: 0px solid; font-size: 14px; padding-left: 10px; }

.post-footer {background-color: #454545; color: #ffffff; height: 30px; line-height: 30px; padding-right: 35px; text-align:right;}
.post-footer a {color: #ffffff; text-decoration:none}
.post-footer a:hober {text-decoration:underline;}
.post-footer-icon {width: 40px; height: 30px; background-image: url(images/post-footer-comment-icon.gif); float: right;}

.breadcrumb {padding-left: 1em; padding-bottom: 1em;}
.breadcrumb a { font-size: 11px; color: #333333; }
.breadcrumb a:hover { text-decoration: none;}


.comment-div {margin-top: 10px; color: #FFFFFF; background-color: #454545; width: 620px; background-image: url(images/comments-dark-bg.gif);}
.comment-text {padding: 20px; padding-right: 150px;}
.comment-footer {width: 620px; height: 16px; background-image: url(images/comments-dark-footer.gif); line-height: 20px; display:block;}
.comment-meta {padding-bottom: 10px; padding-left: 30px;}
#comments-header {font-size: 18px;}





#logo {height: 90px; width: 250px; margin-left: 20px;}
#logo a{height: 90px; width: 250px; display:block;}



#header-nav {height: 60px; float:right;}

#header-nav-donate {width: 138px; height: 60px; background-image: url(images/header-nav-donate.gif); float: left;}
#header-nav-donate a {width: 138px; height: 60px; display: block;}
#header-nav-donate a:hover {width: 138px; height: 60px; background: url(images/header-nav-donate.gif) 0px -60px no-repeat; }
#header-nav-volunteer {width: 104px; height: 60px; background-image: url(images/header-nav-volunteer.gif); float: left;}
#header-nav-volunteer a {width: 104px; height: 60px; display: block;}
#header-nav-volunteer a:hover {width: 104px; height: 60px; background: url(images/header-nav-volunteer.gif) 0px -60px no-repeat; }

#mw-page-header {height: 75px; background-image:url(images/page-header.gif); line-height: 75px; }
#mw-page-header h1 {padding: 0px; margin: 0px; line-height:75px; font-size:18px; padding-left: 30px; color: #333333;}
#mw-page-header a {text-decoration:none; color: #333333;}


.linkssponsors {width: 400px; display: block; color: #333333; text-decoration:underline; height: 20px;}
a.linkssponsors:hover {text-decoration:none;}

.postimage {
background-color:#F0F0F0;
border:1px solid #D5D5D5;
color:#AAAAAA;
float:right;
font-size:10px;
margin-left:20px;
padding:10px;
text-align:right;
margin-bottom: 10px;
}

.postimage-center {
background-color:#F0F0F0;
border:1px solid #D5D5D5;
color:#AAAAAA;
font-size:10px;
padding:10px;
margin: 0px auto;
display: inline;
}

.postimage a {
color:#AAAAAA;
}

img { border: none; }



.post .title {
line-height:28px;
}
.titlelink a {
background-color:#717B3F;
color:#FFFFFF;
margin:0 1px;
padding:2px 6px;
text-decoration:none;
}
.titlelink a:hover {
background-color:#000000;
color:#FFFFFF;
}
.post .title a h2 {
display:block;
line-height:32px;
margin-bottom:7px;
font-size: 26px;
font-weight:normal;
padding-left: 0px;
}
.post .title a {
text-decoration:none;
color: #7f0000;
}

.post {
background-color:#FFFFFF;
background-image:url(images/sub-footer-bg.gif);
background-repeat:repeat-x;
border:1px solid #D5D5D5;
padding:20px;
margin-top: 10px;
}

.post a {color: #333333;}
.post a:hover {text-decoration: none;}

.copy a {color: #333333;}
.copy a:hover {text-decoration: none; color: #7f0000;}
.copy h2 {color: #7f0000;}

#home-tabs-1 p { padding-left: 25px;padding-right: 25px;}
#home-tabs-1 h2 {margin: 0px; padding-left: 25px; padding-top: 1em; padding-bottom: 0px; ; line-height:normal; font-size:26px; font-weight:normal; color: #7f0000;}
#hhome-tabs-3 {background: gray;}
#home-tabs-2 p { padding-left: 15px;padding-right: 10px;}
#home-tabs-2 h2 {margin: 0px; padding-left: 10px; padding-top: 1em; padding-bottom: 0px; ; line-height:normal; font-size:26px; font-weight:normal; color: #7f0000;}
#home-tabs-3 p { padding-left: 5px;padding-right: 20px;}
#home-tabs-3 h2 {margin: 0px; padding-left: 5px; padding-top: 1em; padding-bottom: 0px; ; line-height:normal; font-size:26px; font-weight:normal; color: #7f0000;}
.home-tabs-title {text-decoration:none; color: #7f0000;}
a.home-tabs-title:hover {text-decoration:underline;}
.read-more {color: #333333; text-decoration:underline;}
a.read-more:hover {text-decoration:none; color: #7f0000;}

.sidebar-link {font-family: Arial, Helvetica, sans-serif; font-size:18px; width: 240px; height: 35px; display: block; line-height:30px; padding-left:10px; border-bottom:1px solid #cccccc; border-top:1px solid #ffffff; color: #7f0000; text-decoration:none; font-weight:normal;}
a.sidebar-link:hover {background-color:#e5e5e5;}
.sidebar-link-last {border-bottom: none;}
.sidebar-links-div {border: 1px solid #cccccc; background: url(images/mw-sidebar-links-bg.gif) #f9f9f9; width: 250px; margin-left: 25px;}

#container {
overflow: hidden;
}
#media_home {width: 940px; display: block; height: 250px;background: padding: 0px; margin-left: 5px; clear: both;}
#mw-sidebar {z-index:1;}
.spacer10 {height: 10px; font-size: 1px; line-height:10px; display: block; clear: both;}
.clear {clear: both; font-size: 1px; line-height:1px; height: 1px;}

#header {background-image:url(images/header.gif); height: 90px;}

#home-tabs {background-image:url(images/home-tabs.gif); height: 229px;}

#sub-footer-bg {background: url(images/sub-footer-bg.gif) repeat-x;height: 20px; font-size: 1px; line-height:10px; display: block; clear: both; margin: 0px;}
#sub-footer {text-align:center; line-height:30px; height: 50px;	margin: 0px auto;	margin-left: auto;
	margin-right: auto;
	width: 960px;}
#sub-footer a {color: #333333; text-decoration:underline; padding-left: 10px; padding-right: 10px;}
#sub-footer a:hover {text-decoration:none;}

#footer {background-image:url(images/footer.gif); height: 65px; text-align:right;}
#footer a {text-decoration:none; padding-left:10px; padding-right:10px; color: #333333;}
#footer a:hover {text-decoration:underline;}
#footer p {padding-right:30px; padding-top: 25px; margin: 0px; padding-bottom: 0px; padding-left: 0px;}
#col1, #col2 {background: brown;}

#maincontent p, #mw-sidebar p {padding: 1em; margin: 0px;}
h1 {margin: 0px; padding-left: 10px; padding-top: 1em; padding-bottom: 0px; ; line-height:normal; font-size:26px; font-weight:normal;}
h2 {margin: 0px; padding-left: 10px; padding-bottom: 0px; ; line-height:normal; font-size:26px; font-weight:normal;}






/*nav*/

#divnav {margin: 0px auto;	position: relative;
	z-index:100;}	
#nav { 
	margin: 0px auto;
	background:url("images/nav.gif") no-repeat; 
	width:960px; 
	height:35px; 
	margin-left:10px;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav span { display: none; }

#nav li, #nav a { height:35px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; position:relative; }

#nav-01 { width: 105px;}
#nav-02 { width: 120px;}
#nav-03 { width: 120px;}
#nav-04 { width: 137px;}
#nav-05 { width: 107px;}
#nav-06 { width: 128px;}
#nav-07 { width: 90px;}
#nav-08 { width: 133px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -35px (height of visibale portion of menu) ------------- */
#nav-01 a:hover { background:url("images/nav.gif") 0px -35px no-repeat; }
#nav-02 a:hover { background:url("images/nav.gif") -105px -35px no-repeat; }
#nav-03 a:hover { background:url("images/nav.gif") -225px -35px no-repeat; }
#nav-04 a:hover { background:url("images/nav.gif") -345px -35px no-repeat; }
#nav-05 a:hover { background:url("images/nav.gif") -482px -35px no-repeat; }
#nav-06 a:hover { background:url("images/nav.gif") -589px -35px no-repeat; }
#nav-07 a:hover { background:url("images/nav.gif") -717px -35px no-repeat; }
#nav-08 a:hover { background:url("images/nav.gif") -807px -35px no-repeat; }


#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#999999;	/* this is the bgcolor of drop down menu*/

}




/*start of third level*/

#nav li ul ul {
	margin: -25px 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #333333;
	border-top:none;
	width: 180px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#ffffff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#2e2e2e;
	color:#ffffff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:180px; }
#nav-03 ul, #nav-03 li { width:180px; }
#nav-04 ul, #nav-04 li { width:180px; }
#nav-05 ul, #nav-05 li { width:180px; }
#nav-06 ul, #nav-06 li { width:180px; }

