body {
	font-family: Arial, Helvetica, san serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background:url(images/caution-bckgrd.jpg) top center;
	background-repeat:no-repeat;
	background-color:#000000;
	position: relative;
	margin: 0 auto;
	
} 

/* ======================================================== MAIN BODY CONTAINING ELEMENT ========================================================*/
#wrap {
	width: 801px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	}

#container {
	width:785px;
	height: auto;
	background-color:#F0F0F0;
	margin: 0 auto;
	}
	
	#content {
		width:785px;
		height: auto;
		background-color:#F0F0F0;
		margin: 0 auto;
		}

#header {
	background: url(images/jack-ward-header.jpg) no-repeat left top;
	width:785px;
	height: 239px;

}

.clearer{
clear:both;
margin:0px;
}

#left {
	float:left;
	position: relative;
	width: 241px;
	height: auto;
	background:url(images/nav-bckgrd.jpg) no-repeat;
}

	#left-subcontent {
		width: 211px;
		height: auto;
		padding: 10px 10px 10px 20px;
		}
		
	.events {
		width: 211px;
		height: auto;
		padding: 10px 10px 10px 20px;
		}

#right {
	float:right;
	position: relative;
	width: 495px;
	height: auto;
	padding: 25px 0px 25px 45px;
}

	#right-text {
		width: 390px;
		height: auto;
		}


#footer {
	width: 785px;
	height: 164px;
	clear:both;
	margin: 0 auto;
	background:url(images/footer-img.jpg) no-repeat;
	color: #FFFFFF;
	text-align:right;
	padding-top: 55px;
	font-size: 11px;
	line-height: 16px;
}

/*======================================================== NAVIGATION CONTROLS ======================================================== */

#navigation {
width: 215px;
height:auto;
background-color: #FFFFFF;
margin: 0 auto;
font-size: 11px;
}

#navigation-base {
width: 241px;
height: 15px;
background:url(images/nav-base.jpg) no-repeat;
}

#navigation ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}

#navigation li {
	line-height:25px; /*--MAY NOT NEED???-----------*/
	border-bottom: 1px solid #999999;
	margin: 0;
	}

#navigation a {display:block;}

#navigation ul li a:link, #navigation ul li a:visited {
	text-decoration: none;
	color: #000000;
	padding-left:17px;
	}

/*SAFARI FIX?*/
#navigation ul li a:hover {
	background:url(images/nav-backgrd-over.jpg) repeat-y top left #FFF;
	text-decoration:none;
	color: #FFFFFF;
	}

#navigation ul li a:active  {
	background:url(images/nav-backgrd-over.jpg) repeat-y;
	text-decoration:none;
	color: #FFFFFF;
	}

/*======================================================== TEXT STYLES ======================================================== */

h1 {
	font-family: Arial, Helvetica, san serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

h2, h3, h4, h5 {
	font-family: Arial, Helvetica, san serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}


.basic-bold {
	font-weight: bold;
	color: #000000;
}

.mission-statement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	color: #565656;
	line-height: 14px;
}

.mission-statement-bold {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	color: #565656;
	line-height: 14px;
}


 .events-header{
 	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565656;
	text-transform:uppercase;
	letter-spacing: 1px;
 }
.events-subject {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a63e00;
	text-transform:uppercase;
}

.photo-img {
border: 6px solid white;
margin: 0px 4px 2px 0px;
}

/*======================================================== LINK STYLES ======================================================== */

a:link {
	text-decoration: underline;
	color: #864821;
}

a:hover {  
	color: #600903; 
	text-decoration: none;
}

a:active {  
	color: #FF0000; 
	text-decoration: underline;
}

a:visited {
	color: #69381A;
	text-decoration: none;
}


#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {  
 	color: #FF0000; 
	text-decoration: underline;
}

#footer a:active {  
	color: #999999; 
	text-decoration: underline;
}

#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


/*======================================================== FORM STYLES ======================================================== */
#typein { }

#typein input
        {
        color: #333333;
        background-color: #CCCCCC;
        padding: 2px;
        border: solid 1px #666666;
		}




/* BACKUP---- TRASH once working----
============================

ul {
margin: 0; padding: 0;
}

ul li {
list-style: none;
line-height:20px; /*--MAY NOT NEED???
border-bottom: 1px solid #000;
padding-left:10px;
}

#navigation ul.links {
background-color: #00FFFF;
color:#000000;
}

ul li a:link {
text-decoration: none;
}


#navigation ul.li a:link {
width: 215px;
text-decoration:none;
}


#navigation ul.li a:hover {
width: 215px;
background-color:#FFFFFF;
}
-----------*/




/*---SAMPLE-- ==========
#sub_content1 ul.sub_list_links{border-top:1px solid #ccc; width:208px;margin-left:1px;}

#sub_content1 ul.sub_list_links li ul li a{padding-left:30px;border-bottom:1px solid #ccc;margin:0;}
_____*/


/*BACK UP--
#navigation a {
background-color: #00FFFF;
text-decoration:none;
color:#000000;
padding: 5px;
border-bottom: 1px solid red;
}--*/