BODY { COLOR: #333; MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; MARGIN-TOP: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 1.4em; background-color: #CCC; background-image: url(../images/bg.jpg); }
 
#wrapper { width:900px; margin:0 auto; text-align:left; border: 8px solid #000; }
#header_bottom { background:#000; position:relative; font: bold 14px Arial, Helvetica, sans-serif; color: #FFC; text-align: left; padding: 5px 11px; }
#header-home { height: 311px; width: 430px; background-color: #460e0e; background-image: url(../images/header-home.jpg); background-repeat: no-repeat; }
  
p  { FONT-WEIGHT: normal; FONT-SIZE: 14px; color: #333; line-height: 1.4em; }

p.white { FONT-WEIGHT: normal; FONT-SIZE: 11pt; color: #ffffff;}

.cel-desc { text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; vertical-align: top; padding: 11px; border: 1px dotted #999; }

.cel-image { vertical-align: top; text-align: center; padding-top: 0px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }

.cel-header {
	height: 161px;
	width: 900px;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #666;
	background-image: url(../images/header-bg.jpg);
}

.cel-middle { background-color: #fff; padding: 22px; vertical-align: top; background-image: url(../images/bg-maincel.jpg); height: 450px; }

.cel-title { background-color: #0E5F94; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding-top: 6px; padding-bottom: 6px; padding-left: 11px; color: #FFF; font-weight: bold; font-size: 18px;}

.cel-footer { height: 21px; display: block; background-repeat: repeat-x; background-color: #580201; color: #CCC; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; }

.cel-stroke { border: 1px dotted #999; padding: 22px; background-color: #fff; width: 800px; }

.cel-home{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; border: 1px solid #FFF; text-align: center; padding: 2px; }

.cel-color { background-color: #400203; padding: 11px; }

#navbg { height: 30px; clear: both; width: 900px; background-color: #000000; background-repeat: no-repeat; }

ul#nav, ul#nav ul {margin: 0; padding: 0; list-style: none; }
ul#nav  li { position: relative; float: left; width:225px; font-size: 8px; font-family: Arial, Helvetica, sans-serif; }
#nav li ul {position: absolute;	margin-left: -999em; /* hide menu from view */	top: auto;	left:0;}

/* Styles for Menu Items */
ul#nav  li a { display: block; text-decoration: none; color: #CCC; /* IE6 Bug */ padding: 5px; margin-bottom:-1px; min-height:0; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; background-color: #000; border-left-width: 1px; border-left-style: solid; border-left-color: #666; }

/* commented backslash mac hiding hack \*/ 
* html ul#nav  li a {height:1%;	position:relative;}
/* end hack */ 

/* this sets all hovered lists to red */
#nav li:hover a,#nav  li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover { color: #FFF; background-color: #9C0001; }

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a { color: #FFF; background-color: #000; width: 215px; text-align: left; }
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul {margin-left:0; } /* show menu*/

.font1 { color: #690100; font-size: 18px; font-weight: bold; }
.font2 { font-size: 16px; font-style: italic; color: #413209; }
.font3 { font-size: 14px; font-weight: bold; }
.font4 { color: #690100; font-size: 14px; font-weight: bold; }
.font5 { color: #700E0D; font-size: 22px; font-weight: bold; }
.font6 { color: #333; font-size: 18px; font-weight: bold; }
.font7 { color: #333; font-size: 9px; }


 
.floatleft {float: left; margin-right:10px; margin-bottom: 6px;}

.floatright {float: right;	margin: 10px;}

 div.hr { border: 0; width: 80%; color: #f00; background-color: #ff0; height: 5px;}


.gray_9pt  { FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN-BOTTOM: 2px; MARGIN-TOP: 0px; COLOR: #333;}

.PAGETITLE  { FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #333332; }

a:link { color: #832827; text-decoration: underline; 
}
a:visited { color: #852727; text-decoration: underline; 
}
a:hover {
	color: red;
	text-decoration: underline;
}


a.nav:link {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #006600;
	text-decoration: none;
	font-size: 9pt;
	padding: 11px;
	}
	
a.nav:visited {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: #336633; text-decoration: none;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 1px;
}

a.nav:hover {
	FONT-FAMILY: Arial, Verdana, sans-serif;
	COLOR: red; text-decoration: none;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 1px;
} 

a.nav2:link { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FFC; text-decoration: underline; FONT-SIZE: 9pt; MARGIN-BOTTOM: 0px; MARGIN-TOP: 1px; 
	}
	
a.nav2:visited { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FFC; text-decoration: underline; FONT-SIZE: 9pt; MARGIN-BOTTOM: 0px; MARGIN-TOP: 1px; 
}

a.nav2:hover { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FC3; text-decoration: underline; FONT-SIZE: 9pt; MARGIN-BOTTOM: 0px; MARGIN-TOP: 1px; 
} 




/*ul li {
	font-family: Arial, Verdana, sans-serif;
	FONT-SIZE: 10pt;
	MARGIN-BOTTOM: 5px;
	TEXT-ALIGN: left;
	color: #000000;
	list-style-type: none;
	list-style-image: url(../images/arrow.jpg);
	margin-right: 0px;
}*/
.navBG {
	background-image: url(../images/navBG.jpg);
	background-repeat: repeat-x;
	height: 19px;
	width: 90px;
}

.verticalLineOnTheright {border-right: 1px solid black;}

.verticalLineOnTheleft {border-left: 1px dotted #999999;}

.verticalLineBottom {border-bottom: 1px solid #83B2CA;}

.verticalLineTop {border-top: 1px solid #CC0000;}

.cel_slidshow { width: 470px; }


/* Begin Slideshow code*/

#header_lower {
width: 470px;
float: left;
height:311px;
}
#header_lower_alt {
width: 892px;
float: left;
padding-left:43px;
}
.slider-wrap {
width:auto;
}
.slider-wrap img {border:0;}
.slider {
width: 470px;
overflow: hidden;
height: 311px;
}
#mySlides {
}
.slider_nav {
float: right;
position:relative;
top:-80px;
}
.slider_nav_left {
float:left;
margin-left:35px;
width:auto;
}
.slider_nav_right {
margin-right:15px;
}
#myController span{
background:#fff;
border:1px solid #460e0e;
color:#CCCCCC;
cursor:pointer;
float:left;
font-size:14px;
margin-right:2px;
padding:2px 7px;
}
#jFlowSlide{
}
#myController span.jFlowSelected {
background:#460e0e;
border:1px solid #CCCCCC;
color:#fff;
cursor:pointer;
float:left;
font-size:14px;
margin-right:2px;
padding:2px 7px;
}
.jFlowPrev, .jFlowNext{
margin-right:10px;
cursor:pointer;
padding: 5px 8px;
color: #104E82;
}
.slide_button {
float: left;
width:auto;
}

	.coolTable {
		border-spacing : 0px;
		border-radius : 5px;
		/*
		-moz-border-radius : 5px;
		-webkit-border-radius : 5px;
		-o-border-radius : 5px;
		*/
		width : 100%;
	}
	
		.coolTable th { text-align : left; font-weight : bold; text-decoration : none; font-size : 18px; vertical-align : bottom; color : #FFFFFF; background-color : #700e0d; text-shadow : 1px 1px #000000; text-transform: uppercase; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 11px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; 
		}
		
		.coolTable th:first-child {
			-moz-border-radius-topleft : 5px;
			-webkit-border-top-left-radius : 5px;
			border-top-left-radius : 5px;
			border-left : 1px #000000 solid;
		}
		
		.coolTable th:last-child {
			-moz-border-radius-topright : 5px;
			-webkit-border-top-right-radius : 5px;
			border-top-right-radius : 5px;
			border-right : 1px #000000 solid;
		}

		.coolTable td {
			background-color : #FFFFFF;
			background-image : url('/library/layout/coolTable.td.bkg.gif');
			background-position : bottom;
			background-repeat : repeat-x;
			border-bottom : 1px #CCCCCC solid;
			padding : 2px 4px;
		}
		
		.coolTable tr.heavyLine td {
			border-bottom : 1px #666666 solid;
		}
		
		.coolTable tr.lastRow td {
			background-color : #CCCCCC;
			background-image : none;
			border-top : 1px #999999 solid;
		}
		
		.coolTable tr.noBorder td {
			background-image : none;
			border-bottom : 0px;
		}
		
		.coolTable td:first-child {
			border-left : 1px #000000 solid;
		}
		
		.coolTable td:last-child {
			border-right : 1px #000000 solid;
		}
		
		.coolTable tr:last-child td {
			border-bottom : 1px #000000 solid;
		}
		
		.coolTable tr:last-child td:first-child {
			-moz-border-radius-bottomleft : 5px;
		}
		
		.coolTable tr:last-child td:last-child {
			-moz-border-radius-bottomright : 5px;
		}
		
		#VolunteerTable {
			width : 888px !important;
		}