/*************************************** GLOBAL ***************************************/
html, body {
	padding: 0;
	border: 0;
	margin: 0;
}
body {
	background: #ECE6D0;
	background: #fff;
	/*** behavior: url(../../styles/csshover.htc);	Required for IE drop-down menu functionality ***/
	behavior: url(csshover.htc);
}
#container {
	width: 100%;
	height: 100%;
}
#borders {
	border: 0;						/*** Box Model Hack. This line sets the value for Win IE 5. ***/
	voice-family: "\"}\"";	 	/*** Box Model Hack. ***/
	voice-family: inherit;		/*** Box Model Hack. ***/
	border: 20px solid #fff;	/*** Actual value. ***/
}
html>body #borders {			 	/*** Box Model Hack: Be Nice to Opera Rule. ***/
	border: 20px solid #fff;	/*** Actual value. ***/
}

/*************************************** GLOBAL -> LINKS ***************************************/
a {
	text-decoration: underline;
	color: #7F1010;
}
a:hover {
	text-decoration: underline;
	color: #9D494A;
}

/*************************************** GLOBAL -> TEXT ***************************************/
p {
	font: normal 12px verdana;
	color: #666;
	line-height: 18px;
	padding: 0;
	margin: 0 0 15px 0;
}
em {
	color: #7F1010;
}
h1 {
	float: right;
	padding: 10px 14px 0 0;
	margin: 0;
	width: 175px;
	height: 30px;
}
h2 {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #7F1010;
	padding: 0 0 15px 0;
	margin: 0;
}
h3 {
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7F1010;
	padding: 10px 0 5px 0;
	margin: 0;
}
h3 a {
	text-decoration: none;
}
h4 {
	font: normal 10px verdana;
	color: #666;
	padding: 0 0 20px 0;
	margin: 0;
}
h4 a {
	color: #666;
}
h4 a:hover {
	color: #7F1010;
}
.caption {
	font: normal 10px verdana;
	color: #666;
	padding: 10px 20px;
}

/*************************************** GLOBAL -> LISTS ***************************************/


/*************************************** GLOBAL -> TABLES ***************************************/
table {
	border: 0;
	width: 100%;
}
table.header {
	background: url(images/clouds.jpg) 0 0 repeat-x;
}

/*************************************** GLOBAL -> FORMS ***************************************/
form dt {
	padding: 5px 0 0 0;
}
form dd {
	padding: 0 0 5px 0;
	margin: 0;
}
form dd.wide {
	clear: left;
}
fieldset {
	float: left;
	padding: 15px 20px;
	margin: 10px;
	clear: left;
}
legend {
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7F1010;
	padding: 0 10px;
	margin: 0;
}/*
label {
	float: left;
	width: 150px;
	font: normal 11px verdana;
	color: #666;
	padding: 0;
	margin: 0;
}*/
label.wide {
	width: 450px;
	padding: 0 0 10px 0;
}
input.text {
	width: 250px;
}
select.select {
	width: 250px;
}
select.wide {
	width: 450px;
}
/*************************************** GLOBAL -> IMAGES ***************************************/
img {
	border: 0;
	margin: 0;
	padding: 0;
}
.randomPhoto {
	float: left;
	padding: 10px 20px;
}
.left {
	float: left;
	padding: 10px 20px 10px 0;
}
.right {
	float: right;
	padding: 10px 0 10px 20px;
}
.block {
	float: left;
	padding: 20px 0;
	clear: none;
}
.block p {
	vertical-align: middle;
}

/*************************************** NAVTOP ***************************************/
#navTop {
	float: right;
	width: 197px;
	height: 19px;
	background: url(images/navbarTop.gif) 0 0 no-repeat;
}
#navTop a {
	text-decoration: none;
	color: #fff;
}
#navTop a:hover {
	text-decoration: underline;
	color: #fff;
}

/*************************************** NAVTOP -> LISTS ***************************************/
#navTop ul {
	margin: 0;
	padding: 1px 0 0 15px;
	font: normal 10px verdana;
	font-weight: normal;
}
#navTop li {
	float: left;
	padding: 2px 6px;
	list-style: none;
}

/*************************************** NAVTOP -> SEARCH ***************************************/
#search {
	clear: both;
	float: right;
	padding: 8px 5px;
	background: transparent;
	width: 190px;				/*** Box Model Hack. This line sets the value for Win IE 5. ***/
	voice-family: "\"}\""; 	/*** Box Model Hack. ***/
	voice-family: inherit; 	/*** Box Model Hack. ***/
	width: 175px;					/*** Actual value. ***/
}
html>body #search {			/*** Box Model Hack: Be Nice to Opera Rule. ***/
	width: 175px;				/*** Actual value. ***/
}
#search .input {
  float: left;
  margin: 0 5px;
}
#search .submit {
  float: left;
}

/*************************************** NAVMAIN -> LISTS ***************************************/
#navMain {
	width: 100%;
	float: left;
	background: url(images/navbarBackground.gif) 0 0 repeat-x;
}
div#navMain ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font: normal 10px verdana;
  font-weight: bold;
}
div#navMain ul li {
  position: relative;
  float: left;
}
div#navMain ul li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #fff; /* white*/
	padding: 5px 15px;
	margin: 0;
	border-right: 1px solid #590B0C; 
	height: 25px;					/*** Box Model Hack. This line sets the value for Win IE 5. ***/
	voice-family: "\"}\""; 		/*** Box Model Hack. ***/
	voice-family: inherit; 		/*** Box Model Hack. ***/
	height: 15px;					/*** Actual value. ***/
}
html>body div#navMain ul li a {	/*** Box Model Hack: Be Nice to Opera Rule. ***/
	height: 15px;						/*** Actual value. ***/
}
div#navMain ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #8F3031; /*lighter color when hovering over menu choice*/
}
div#navMain ul ul {
	display: none; 		/*** Hides drop-down menu items ***/
	float: left;
	clear: left;
	list-style: none;
	position: absolute;
	top: 25px;
	margin: 0;
}
div#navMain ul ul li {
	float: none;
	clear: left;
}
div#navMain ul ul li a {
	display: block;
	width: 175px;  /*changed from 165px so "Browse Volunteer Opportunities" fits*/
	font-weight: normal;
	color: #eee;
	padding: 2px 15px;
	border: 1px solid #7E1011;
	border-top: 1px solid #3F0808;
	background: #7E1011;
}

div#navMain ul ul li a:hover {
	color: #fff;
	background: #8F3031;
	text-decoration: none;
	border-bottom: 1px solid #3F0808;
	border-right: 1px solid #3F0808;
	border-top: 1px solid #9D494A;
	border-left: 1px solid #9D494A;
}

div#navMain li:hover ul, div#navMain li.over ul {
	display: block; /* Shows drop-down menu items on hover  ***/
}
/***div#navMain li:hover ul {
	display: block; / Shows drop-down menu items on hover  
}***/
	

/*************************************** NAVLEFT ***************************************/
#navLeft {
	float: left;
	padding: 10px;
}
#navLeft ul {
	padding: 0 10px 0 10px;
	margin: 0;
	list-style: none;
}
#navLeft ul li {
	font: normal 12px verdana;
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 11px;
	color: #7F1010;
}
#navLeft ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #7F1010;
}
#navLeft ul li a:hover {
	color: #7F1010;
	text-decoration: underline;
}
#navLeft ul ul {
	list-style: circle;
	padding: 0 0 0 15px;
}
#navLeft ul ul li {
	padding: 10px 0 0 0;
	font: normal 11px verdana;
	line-height: 11px;
	color: #666;
}
#navLeft ul ul li a {
	color: #666;
	font-weight: normal;
}

/*************************************** CONTENT ***************************************/
#content {
	float: left;
	padding: 20px;
}
#content ul {
	padding: 0 16px 16px 16px;
	margin: 0;
}
#content ul li {
	font: normal 12px verdana;
	padding: 5px 0;
	margin: 0;
	line-height: 14px;
	color: #666;
}

/*************************************** RIGHTBAR ***************************************/
#rightBar p {
	font: normal 11px verdana;
	margin: 10px;
}

/*************************************** FOOTER ***************************************/
#footer {
	text-align: center;
	padding: 10px;
}
#footer p {
	font: normal 11px verdana;
	color: #888;
}

/*************************************** HOMEPAGE ***************************************/
div.banner {
	float: left;
	background: url(images/bannerAS2.jpg) 0 0 repeat-x;
	height: 134px;
	width: 100%;
}
.column {
	float: left;
	width: 33%;
	padding: 20px 0;
}
.column p {
	font: normal 12px verdana;
	color: #666;
	padding: 0 20px;
}
.column h1 {
	float: none;
	font: normal 18px "trebuchet ms";
	color: #7F1010;
	padding: 0;
	margin: 0;
	line-height: 18px;
	padding: 0 20px;
}
.divider {
	float: left;
	width: .33%;
	height: 300px;
	background: url(images/divider.gif) 50% 0 repeat-y;
	margin: 20px 0;
}
.columnSmall {
	float: left;
	padding: 20px 0;
	width: 16%;
	background: #fff;
}

/*************************************** HOMEPAGE -> NAVBOTTOM ***************************************/
#navBottom {
	float: left;
	padding: 0 0 0 4%;
	background: #fff;
	height: 100px;
	width: 100%;				/*** This is the Box Model Hack. This line sets the value for Win IE 5. ***/
	voice-family: "\"}\"";	/*** Box Model Hack. ***/
	voice-family: inherit;	/*** Box Model Hack. ***/
	width: 96%;					/*** Actual value. ***/
	height: 100%;
}
html>body #navBottom {		/*** Box Model Hack: Be Nice to Opera Rule. ***/
	width: 96%;					/*** Actual value. ***/
	height: 100%;
}

/*************************************** HOMEPAGE -> NAVBOTTOM -> LISTS ***************************************/
.columnSmall h3 {
	font: normal 12px "trebuchet ms";
	color: #7F1010;
	font-weight: bold;
	padding: 0 4px;
	margin: 0;
}
#navBottom ul {
	padding: 0 16px;
	margin: 0;
}
#navBottom ul li {
	font: normal 10px verdana;
	padding: 3px 0;
	margin: 0;
	line-height: 11px;
}
#navBottom ul li a {
	color: #666;
	text-decoration: none;
}
#navBottom ul li a:hover {
	color: #7F1010;
	text-decoration: underline;
}

/*************************************** PHOTOS ***************************************/
#photo {
	text-align: center;
	margin: 0 auto 5px auto;
	padding: 10px;
	border: 1px solid #666;
}
#thephoto {
}
.nav {
display: block;
line-height: 10px;
font-size: 11px;
height: 10px;
position: relative;
margin: 0px auto;
margin-bottom: 10px;
padding: 0px;
width: 582px;
}
.nav a {
padding: 0px 3px;
}
.list {
left: -12px;
voice-family: "\"}\""; 
voice-family:inherit;
left: auto;
}
.list {
margin: 0 auto;
right: -9px;
position: relative;
text-align: center;
width: 100%;
list-style: none;
padding: 0px;
}
.list li {
float: left;
padding: 0px;
margin: 0px 10px 10px 0px;
}
.list li span {
height: 118px;
width: 118px;
margin: 0 5px;
display: block;
background: white;
}
.list li span {
display: table;
_position: relative;
overflow: hidden;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
border-style: solid;
}
.list>li span {
overflow: none;
}
.list li span:hover,.list li span.hover {
background: #7F1010;
}
.list li span a {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
margin: 0px auto;
text-align: center;
}
.list li span a img {
_position: relative;
_top: -50%;
_left: -50%;
}
.list h2 {
display: block;
font-size: 12px;
line-height: 16px;
font-weight: normal;
width: 138px;
height: 24px;
}
.list h2 a {
display: inline;
}
.info {
padding: 20px 0px;
text-align: center;
clear: both;
}
.info a {
margin: 0px 4px;
}
/*************************************** SUBPAGE -> MISC ***************************************/
.newsletter, .home_page_news {
	font: normal 12px verdana;
	color: #666;
	line-height: 18px;

}