@charset "utf-8";

body { 
	  
	  min-width: 799px; /*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:*/
	  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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;
	color:#706F56;
	text-align:center;/*to fool IE5 into centering the div layouts:*/
} 
#header{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
margin-left:auto;
margin-right:auto;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
height:200px;
width:800px;
text-align:left;/*to reset IE5 into left aligning content for the div layouts:*/
}

#container { 
	margin: 0px;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	
	background: #ffffff;
	border-right:#999999 1px solid;
	border-left:#999999 1px solid;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:left;/*to reset IE5 into left aligning content for the div layouts:*/
	
} 

#footer{
margin: 0px;
padding: 0px;
margin-left:auto;
margin-right:auto;
background-color:#0066CC;
width:800px;
height:30px;
border-top:#666666 1px solid;
text-align:left;/*to reset IE5 into left aligning content for the div layouts:*/
	
}
/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/

/****************************************/
/*layout divs*/	 

	


#leftbar {
float:left;
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 10px; /* padding keeps the content of the div away from the edges */
	height:550px;
}


/****************************************/
/*link styles*/
a:link{
	color:#0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color:#74C044;
}
a:active {
	text-decoration: none;
	color:#74C044;
}
/*end link styles*/

.bulletlist{
padding-left:20px;
}

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{
padding-bottom:5px;
margin-left:20px;
text-indent: 1em;
}	

ul.bullet li ul{
	list-style-image:none;
	list-style-type:disc;
	padding-top:10px;
	}

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

h1{
padding:0px;
margin:0px;
font-size:1.2em;
font-weight:bold;
color:#0071BC;
padding-top:20px;
}

h2{
padding:0px;
margin:0px;
font-size:1.1em;
font-weight:bold;
color:#74C044;
padding-top:10px;
}
h3{
padding:0px;
margin:0px;
font-size:1em;
font-weight:bold;
color:#0071BC;
padding-top:10px;
}
h4{
padding:0px;
margin:0px;
font-size:12px;
font-weight:normal;
font-style:italic;
color:#CC7737;
font-family:verdana, Arial, Helvetica, sans-serif;
}

p{
font-size:0.8em;
color:#706F56;
font-weight: normal;
font-style: normal;
text-align:justify;
padding-right:10px;
}

.hilite{
color:#CC7737;
}


	
.fl{
float:left;
}

.fr{
float:right;
margin-left:20px;
}


/*end classes*/
/****************************************/

/*end classes*/


.clear {
 clear:both;
}


/****************************************/
/*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;
padding-bottom:30px;
}
#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:10px;
}
#nav li {
padding:2px 2px 2px 0px;


}

#nav a, #nav a:visited {
color: #0071BC;
text-decoration: none;
padding-left:10px;
padding-right:10px;




}

#nav a:hover {
color: #ffffff;
text-decoration: none;
padding-left:10px;
padding-right:10px;
background-color:#74C044;
}
/*end top left navigation area*/

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

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

	}

#footer li{
	margin: 0px;
	padding: 0px;
	display: inline;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-right:160px;
	}
	
#webdev{
	background-color:#0066CC;
	float:right;
	font-size:10px;
	padding-right:20px;
	margin-top:-26px;
	}
#webdev p{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}
	
#footer a, #footer a:visited {
color:#00FF33;
text-decoration: none;
padding-left:5px;
}

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

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

/****************************************/
/*start basenav*/
#basenav{
	clear:both;
	margin: 0px;
	padding: 0px;
	height:20px;
}
	
#basenav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#basenav li{
	margin: 0px;
	padding: 0px;
	display: inline;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0071BC;
		}
	

#basenav a, #basenav a:visited {
color:#0071BC;
text-decoration: none;
padding-left:5px;
}

#basenav a:hover {
color:#74C044;
text-decoration: none;
}		

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

img.border{
border:5px solid #DCDEF1;
float:left;
margin-right:20px;
}
img.borderr{
border:5px solid #DCDEF1;
float:right;
margin-left:20px;
}

#topimage{
position:relative;
top:140px;
left:530px;
z-index:1;
}

.top{
float:right;
padding-right:10px;

}

/** Event 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:0.9em;
	line-height:1.2em; 
	border: 1px solid #CCCCCC;
    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 **/

table{
text-align:center;
color:#efeeec;
padding:10px;
border-collapse:collapse;
margin-bottom:20px;
margin-top:20px;

}
th{
color:#666666;
background:#efeeec;
font-size:0.7em;
text-align:left;
font-weight:normal;
padding:5px;
}

td{
color:#666666;
border: 1px solid #efeeec;
font-size:0.7em;
text-align:left;
vertical-align:top;
font-weight:normal;
padding-left:10px;
padding-right:10px;
}

.spacer{
	width:160px;
	height:20px;
	background-color:#CC33CC;
}