@charset "UTF-8";
/* CSS Document */

* {margin: 0px;}
body {	background: url(../images/bg.jpg) repeat-x #FFFFFF; font-family: "Myriad", Myriad Pro, Arial, Helvetica, sans-serif; font-size: 14px; color:#666666;}
p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
strong {color: #333333;}

a, .a:hover, a:active {color: blue; text-decoration: none;}
a:hover {text-decoration: underline;}

#wrapper {	width: 1026px;	margin: auto; clear: both;}
#header { width: 1026px; height: 121px; background: url(../images/header.png) no-repeat center top;}
	
/* width is 1026px when all buttons are active (volunteers are off)*/	
#menu { width: 937px; height: 42px; clear: both; margin: 0 auto; text-align: center;}
#mid_wrapper {width: 1026px; margin: 0 auto;}

#left_column { width: 263px; background: url(../images/left_column_top.jpg) no-repeat right top; padding-top: 92px; float: left; clear: left;}
.left_column_inner { width: 220px; float: right;}
#flashleft { height: 425px;}

.right_column { width: 263px; background: url(../images/right_column_top.jpg) no-repeat left top; padding-top: 92px; float: left;	clear: right;}
.right_column_inner { width: 220px; height: 650px; float: left;}

#main {background: url(../images/main.jpg) center top no-repeat; width:500px; float: left;}
#center_flash { width: 500px; height: 300px; margin-top: 7px;}
#content { width:500px; background: url(../images/middle.jpg) repeat-y;}


#left_module {
	width: 465px;
	float: left;
	min-height: 80px;
	padding: 0px 15px 0px 20px;
	font-size: 36px;
}
#right_module {width: 215px; float: right; background: url(../images/modulebgright.jpg) right top no-repeat; min-height: 150px; padding: 70px 15px 0px 15px; font-size: 12px;}



/**---------------------------footer------------------------------**/

#footer {height: 55px; width:930px; clear: both; margin: 0 auto; margin-top: 10px; background: url(../images/footer.jpg) top center repeat-x;}
#copyright {width: 300px; float: left; margin: 24px 0px 0px 10px; color: #FFFFFF; font-size: 12px;}
#footer_right {width: 300px; float: right;  margin: 24px 10px 0px 0px; color: #FFFFFF; font-size: 12px; text-align: right; }


/**---------------------------top menu small styles------------------------------**/

.left_top {background: url(../images/left_top.jpg) no-repeat left; padding-left: 40px; float: right;}
.right_top {background: url(../images/right_top.jpg) no-repeat right; padding-right: 40px;}
.mid_top {background:url(../images/mid_topnav.jpg) repeat-x; height: 36px; text-align: center; padding-top: 5px; color: #FFFFFF;}

.left_top a, .left_top a:hover, .left_top a:active {color: #FFFFFF; text-decoration:none; font-size: 10px;}
.left_top a:hover {color: #FFFFFF; text-decoration: underline; font-size: 10px;}


/**---------------------------text styles------------------------------**/
.title { background: url(../images/h1.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 10px 9px;}
.titleRed { background: url(../images/h1Red.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 10px 9px;}
.titleLeft { background: url(../images/h1.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 10px 9px;}


.titleDonate { background: url(../images/h1-donate.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 15px 9px; text-indent: -9999px; display: block; text-align: left;}
.titleNewsletter { background: url(../images/h1-newsletter.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 15px 9px; text-indent: -9999px; display: block; text-align: left;}
.titleLocations { background: url(../images/h1-locations.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 15px 9px; text-indent: -9999px; display: block; text-align: left;}
.titleServices { background: url(../images/h1-services.jpg) no-repeat; width: 211px; height: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 10px 0px 15px 9px; text-indent: -9999px; display: block; text-align: left;}


.input {width: 170px; border: 1px solid #666666; background: #FFFFFF; margin-left: 10px;}
.textarea {width: 170px; border: 1px solid #666666; background: #FFFFFF;  margin-left: 10px;}
.label {margin: 5px 0px 0px 0px; padding: 5px 0px 5px 10px;}
.top_nav {color: #FFFFFF; font-size: 12px;}
.moduleText {color: #333333; font-size: 14px;}
.highlight {color: #990000; font-weight: bold; font-size: 15px;}
.highlightUnderline {color: #990000; font-weight: bold; font-size: 15px; text-decoration: underline;}


.bullet li { list-style:none; padding: 0px 15px 0px 15px; background: url(../images/bullet.jpg) no-repeat 0 0; line-height: 18px;}
.normal li { list-style: decimal; padding: 0px 15px 0px 10px; background: none;}


.left_img {float: left; padding: 5px 5px 5px 0px;}
.right_img {float: right; padding: 0px 0px 5px 5px;}


.leftContentColum {float: left; width: 215px; border-right: 1px solid black;}
.rightContentColum {float: right; width: 215px; }

.indent {padding-left: 10px;}
.clear {
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.divider {clear: both; margin: 0px 0px 0px 0px; height: 39px;}

.address {background: #ffffff; border-top: #CCCCCC 1px dotted; }
.left_box {float: left; width: 210px;}

.red { color: #990000;}
.redLarge { color: #990000; font-size: 24px; font-weight: bold;}


.donate {
	height: 47px;
	width: 47px;
	float: right;
	margin-right: 20px;
	
}
.donate-space { padding: 20px; padding-right: 90px;}
.donate_border {border-bottom: 1px dotted #666666; margin-top: 10px; margin-bottom: 10px;}