@charset "UTF-8";

@import "clearfix.css";


/*======================= GLOBAL RESET =========================*/

* {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin:0.5em 0;
}
li,dd {
	margin-left:1em;
}
fieldset {
	padding:0.5em;
}
img {
	border: none;
}


/*======================= TYPOGRAPHY (fonts) =========================*/

/*
#inner p:first-child { margin-top:0; }
/**/
#inner p { margin:1em 0; line-height:1.4em; }

#inner p:last-child { margin-bottom:0; }

h1 {
	font-size:1.5em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#222;
	border-bottom:1px dotted #777263;
}

h3 {
	font-size:1.3em;
	font-weight:bold;
	color:#C2102C;
}
.red { color:red; }
.small { font-size:0.8em; }

ul.indent { margin-left:2.5em; }

ul.space li { line-height:150%; }

/**/


/*======================= WRAP BOXES (backgrounds) =========================*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 78%;
	background:url(../images/greybg1.png) top left repeat;
}

#wrap {
	margin: 0 auto;
	padding: 0;
	width:980px;
	font-size:1em;
	text-align:left;
}

#topwrap {
	background:url(../images/box1_top.png) bottom center no-repeat;
	height:22px;
	margin:0;
	padding:0;
}

#middlewrap {
	background:url(../images/box1_middle.png) top center repeat-y; 
	min-height:22px;
}

#bottomwrap {
	background:url(../images/box1_bottom.png) top center no-repeat;
	height:22px;
}


/*======================= TOP DIV (logo/photo) =========================*/

#top {
}

#top #logo {
	float:left;
	margin-left:80px;
}

#top #photo {
	float:left;
	margin-left:110px;
}

div.caption {
	border:1px solid #777263;
	text-align:center;
	font-size:0.9em;
	font-style:italic;
	margin:5px;
}

div.caption img {
	padding:5px;
}

img.border {
	padding:5px;
	border:1px solid #777263;
}

div.floatright {
float:right; padding:0 0 5px 5px;
}

img.border2 {
padding:2px; border:1px solid #555;
}



/*======================= NAVIGATION (menu bar) =========================*/


#nav, #inner {
	margin-left:80px;
	margin-right:80px;
}

#nav {
	/*background-color:#A80C35;*/
	background:url(../images/orangebar.png) top left repeat-x;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:1.1em;
	font-weight:bold;
	height:32px;
}

#nav ul {
	padding:0.5em 0;
	margin:0;
	list-style-type:none;
	color:#000;
	text-align:center;
	height:32px;
}

#nav ul li {
	display:inline;
	padding:0;
	margin:0;
	height:32px;
}

#nav ul li a {
	text-decoration:none;
	color:#000;
	padding:0 2.5em;
	margin:0;
	line-height:20px;
}

#nav ul li:last-child a {
}

#nav ul li a:hover {
	text-decoration:underline;
}


/*======================= INNER (main content) =========================*/

#inner {
	font-size:1.1em;
}

#inner ul {
margin-left:1em;
}
#inner li {
line-height:150%;
}

#inner #side {
	display:inline;
	width:25%;
	float:left;
}

#inner #main {
	display:inline;
	width:70%;
	float:right;
	padding-bottom:2em;
}

#listbox {
	/*border:1px solid #d5d5d5;*/
	margin:1.2em auto;
	padding-bottom:1em;
	text-align:center;
	font-size:0.9em;
}

#listbox h3.title {
	color:#000;
	/*background-color:#d5d5d5;*/
	text-align:left;
	margin-top:0;
	margin-bottom:0.5em;
	/*border-bottom:2px solid #FCAE43;*/
	border-bottom:1px solid #999;
}

#listbox p {
	margin:0.4em;
}

form#volunteer input { 
	margin:0.5em 0;
	padding:0.2em 0.1em;
}

#infobox {
	border:0;
	margin:1em auto 0.5em auto;
	padding:5px;
	text-align:center;
	background-color:#A80C35;
	color:#FFF;
	font-size:0.9em;
}

#infobox h3 {
	color:#FFFF00;
	font-weight:bold;
	margin-top:0.2em;
	margin-bottom:0.5em;
	text-align:center;
}

#infobox a:link, #infobox a:visited, #infobox a:hover {
	color:#FFF;
	text-decoration:underline;
}

table.newsletter {
	width:100%;
	border-collapse:collapse;
}
table.newsletter tr td:first-child {
	padding-right:10px;
}

table.newsletter tr {
	border-bottom:1px dotted #AAA;
}
table.newsletter tr td {
	padding-bottom:10px;
}
table.newsletter tr td p {
	font-size:0.9em;
}


table.newsletter img.leftcolnews {
	max-width:150px;
	border:2px solid #fdc869;
	height:auto;
}


/*======================= FOOTER (footer) =========================*/

#footer {
	text-align:center;
	font-size:0.8em;
}