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

body { 
	  text-align: center; /*IE 5.x and IE 6 in quirks mode doesn't honor auto margins. Luckily, IE misunderstands text-align: center, centering everything instead of just the text. You can use this to your advantage by centering everything in the body tag, including the wrapper div, and then realigning the contents of the wrapper back to the left:*/
	  min-width: 809px; /*In Netscape 6, when the width of the browser window is reduced below the width of the wrapper, the left side of the wrapper spills off the side of the page and cannot be accessed. To keep this from happening, you need to give the body element a minimum width equal to or slightly wider than the width of the wrapper element:*/
	background-color:#d6d6cd;
	margin-top: 20px;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	line-height:1.2em;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	 margin:0;
	padding:0;
	text-align: center; /* centering the content for IE6 */
		} 
		

/****************************************/
/*link styles*/
a:link{
	color:#5E7A84;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration:none;
	color: #5E7A84;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color:#DEA92E;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color:#DEA92E;
	font-weight:bold;
}
/*end link styles*/


ul{
	margin:0;
	padding:0;
	color:#706F56;
	list-style-type:none;
	font-size:0.8em;
	padding-top:10px;
	}
	
	
li{
padding-bottom:5px;
list-style-type:none;
}	


ul.bullet{
	margin:0;
	padding:0;
	color:#706F56;
	list-style-image: url(images/bullet.jpg);
	font-size:0.8em;
	list-style-position:outside;
	padding-top:10px;
	padding-left:20px;
	}


ul.bullet li ul{
	list-style-image:none;
	list-style-type:disc;
	padding-left:20px;
	font-size:0.9em;
	}

/****************************************/

h1{
padding:0px;
margin:0px;
font-size:1.2em;
font-weight:bold;
color:#1B475A;
padding-top:10px;
padding-bottom:10px;
}

h2{
padding:0px;
margin:0px;
font-size:0.9em;
font-weight:bold;
color:#1B475A;
padding-top:10px;
}
h3{
padding:0px;
margin:0px;
font-size:14px;
font-weight:600;
color:#1B475A;;
padding-top:30px;

}
h4{
padding:0px;
margin:0px;
font-size:12px;
font-weight:normal;
font-style:italic;
color:#1B475A;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
padding-left:20px;
padding-right:50px;
text-align:justify;
}

h4{
padding:0px;
margin:0px;
font-size:12px;
font-weight:normal;
font-style:italic;
color:#993300;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;

}

p{
font-size:0.8em;
color:#666666;
font-weight: normal;
font-style: normal;
text-align:justify;

}

.hilite{
color:#D99B1A;
font-weight:bold;

}


	
.fl{
float:left;
}

.fr{
float:right;
margin:30px;
text-align:right;
}

.words{
float:left;
padding:20px;
}


.style1 {
margin:0px;
padding:0px;
padding-top:20px;
padding-bottom:3px;
	color: #D61419;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}



.greytext {
padding:0px;
margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	font-weight: normal;
	font-style: normal;
	padding-left:10px;
	text-align:justify;
}


.text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	font-weight: normal;
	font-style: normal;
	padding: 10px;
	text-align:justify;
}



/*headers*/	 

	
#header{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
position:relative;
top:0px;
left:0px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
height:244px;
}
#header2{
position:relative;
top:0px;
left:0px;
background-image:url(images/header2.jpg);
background-repeat:no-repeat;
height:244px;
}
#header3{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
position:relative;
top:0px;
left:0px;
background-image:url(images/header3.jpg);
background-repeat:no-repeat;
background-color:#fffff;
height:244px;
}
#header4{
position:relative;
top:0px;
left:0px;
background-image:url(images/header4.jpg);
background-repeat:no-repeat;
height:244px;
}

#header5{
position:relative;
top:0px;
left:0px;
background-image:url(images/header5.jpg);
background-repeat:no-repeat;
height:244px;
}

#header6{
position:relative;
top:0px;
left:0px;
background-image:url(images/header6.jpg);
background-repeat:no-repeat;
height:244px;
}

#header6{
position:relative;
top:0px;
left:0px;
background-image:url(images/header6.jpg);
background-repeat:no-repeat;
height:244px;
}
#header7{
position:relative;
top:0px;
left:0px;
background-image:url(images/header7.jpg);
background-repeat:no-repeat;
height:244px;
}
#header8{
position:relative;
top:0px;
left:0px;
background-image:url(images/header8.jpg);
background-repeat:no-repeat;
height:244px;
}
#header9{
position:relative;
top:0px;
left:0px;
background-image:url(images/header9.jpg);
background-repeat:no-repeat;
height:244px;
}

#header10{
position:relative;
top:0px;
left:0px;
background-image:url(images/header10.jpg);
background-repeat:no-repeat;
height:244px;
}

#header11{
position:relative;
top:0px;
left:0px;
background-image:url(images/header11.jpg);
background-repeat:no-repeat;
height:244px;
}

/*layout divs.*/
#wrapper { 
	  width: 810px; /*you could set the width as a percentage of the body or relative to the size of the text using ems.*/
	  margin: 0 auto; /* for IE6 and Firfox centering */
	  text-align: left; /* so that IE6 and Firefox puts the text to the left*/
	  background-color:#ffffff;
	  border-right:#999999 1px solid;
	  border-left:#999999 1px solid;
	  

} 


#contentwrapper{
position:relative;
top:0px;
left:0px;
background-color:#ffffff;
min-height:500px;
width:810px;
}



#left{
position:absolute;
top:0px;
left:0px;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
background-color:#ffffff;
width:178px;
height:100%;
}

#center{
position:relative;
top:0px;
left:178px;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
background-color:#ffffff;
width:434px;
min-height:500px;
padding-right:20px;
padding-bottom:20px;

}

#right{
position:absolute;
top:0px;
left:632px;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
background-image:url(images/rh.jpg);
background-repeat:no-repeat;
width:178px;
background-color:#1B475A;
height:100%;

}

.clear {
 clear:both;
}
#rwords{
position:absolute;
top:0px;
left:0px;
width:100px;

}

#rwords p{
color:#1B475A;
font-size:0.95em;
font-weight:bold;
line-height:1.5em;
padding-left:10px;
text-align:left;
}

#rwords p.small{
color:#1B475A;
font-size:0.8em;
font-weight:normal;
line-height:1.5em;
padding-left:10px;
text-align:left;
}

#rbwords{
position:relative;
top:300px;
left:50px;
width:100px;
text-align:right;
}

#rbwords p{
color:#66FFFF;
font-size:0.95em;
font-weight:bold;
line-height:1.5em;
padding-right:10px;
text-align:right;
}


/****************************************/
/*start of top left navigation area*/
#nav{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
float:left;
width:170px;

}
#nav ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size:0.83em;
font-family:tahoma,Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-stretch:narrower;
padding-top:40px;
}
#nav li {
padding:2px 2px 2px 0px;


}

#nav a, #nav a:visited {
color: #5E7A84;
text-decoration: none;
padding-left:20px;



}

#nav a:hover {
color: #DEA92E;
text-decoration: none;
padding-left:30px;

}
/*end top left navigation area*/

/****************************************/
/*start footer*/

#footer{
clear:both;
background-color:#DEA92E;
	margin: 0px;
	padding: 0px;
	width:810px;
	height:27px;
	border-top:#666666 1px solid;
}

	
#footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding:3px;
	}

#footer li{
	margin: 0px;
	padding: 0px;
	display: inline;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}
#footer a, #footer a:visited {
color: #A2063D;
text-decoration: none;
padding-left:5px;
}

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

/*end footer*/
/****************************************/

img.border{
border:3px solid #CC6600;
float:right;
}

.top{
float:right;
}

.top a  {
color:#990000;
font-size:90%;
}

.top a:visited  {
color:#990000;
font-size:90%;
}

.top a:hover  {
color:#999999;
font-size:90%;
}
/** table **/

table.event {
    border-collapse: collapse;
	font-size:76%
          
}
table.event th {
    text-align: center;
    font-family:verdana, arial, sans-serif; color:#06a; font-size:1em;
	font-weight: normal;
    padding: 0.5em;
    background:#EFEFEF;
	border: 1px solid #CCCCCC;
    
}
table.event td {
    text-align: left;
    font-family:verdana, arial, sans-serif;
	color: #666666;
	font-size:1em;
	line-height:2em; 
    padding: 0.4em 0.5em;
}

table.event tr.odd {
    background:#F3F3F3;
}

table.event td.title {color:#1F5B7F; font-size:0.9em;}
table.event td.date {color:#7F1212; font-size:0.9em; }
  
/** end Event table **/

#map{
width:400px;
height:300px;
}

.nopadding{
padding:0;
margin:0;
}

ol{
	margin:0;
	padding:0;
	color:#706F56;
	font-size:0.8em;
	padding-left:20px;
	list-style-type:decimal;
	}
	
p.left{
margin:0;
	padding:0;
font-size:11px;
padding-left:20px;
padding-right:20px;
color:#990000;
text-align:left;
}	

p.red{
margin:0;
padding:0;
font-size:10px;
color:#990000;
text-align:left;
}