/*styles.css*/
/*--------GENERAL-----------*/
body {	font-family: tahoma, verdana, arial, sans-serif, geneva;
	font-size: 1em;}
	
 span.standout {font-size: 11pt; color: rgb(204, 0, 0);}
 span.coname {font-weight: bold;}
 span.c2 {font-size: 11pt;}
 p.c1 {text-align: center}
 p.topflush {margin-top:-2px;}

p.shout {font-weight: bold; font-size: 1.2em; margin-top:20px;}
p.newstextshout {font-weight: bold; font-size: 1em; margin-top:10px;}


p.slidebox {
text-align: center;
}

p.slidebox img {
padding-right: 1em;
padding-left: 1em;
margin: 10px;
}
p.galleryguide{font-size: 0.8em;font-style: italic;}


/*--------HEADER-----------*/
#header {margin: 50px 0 20px 0;}


/*--------NEWSBOX-----------*/

#newsbox {
		float:right;
  			  width:350px;
			  border:solid 1px #ccc;
			  margin:0 0 10px 0;
			  padding:10px;
			  font-family: rockwell, tahoma, verdana, arial, sans-serif, geneva;
			  font-size: 85%;
			  background:#ffffff;	
		}	

.newsitem {	
	display : block ;
 	margin : 1px;
	border: solid 1px #ccc;
 	background: #f9ffff; 
	padding: 2px;
}

.newshead1 {	
	font-size:1.1em;	
	color:#ffffff;
}

.newstext1 {	
	font-size: 0.9em;
}

.newstext2 {	
	font-size: 0.8em;
}

/* not yet used... */
.splash {	
	display : block ;
 	background : transparent ; 
	padding: 0;
	color: #9999FF;
}


/*--------NAVIGATION-----------*/

/* Relative font-size version of navbars ala Dan Cederholm (simplebits.com) but with bottom navbar added as an id.

Obviously, the advantage of using lists for navigation is that the format is a logical one for any device that doesn't render the navbar horizontally. This is good for accessibility and usability.

Eventually, we'll use more CSS to control the look and layout of pages.

Chris, Sep 06. */

#miniflexbottom {
	width: 100%;
	float: left;
	font-family: Tahoma;
	font-size: 0.96em; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0px 10px;
	border-bottom: 1px solid #696;
}
#miniflex {
	width: 100%;
	float: left;
	font-family: Tahoma;
	font-size: 0.95em; /* could be specified at a higher level */;
	margin: 0;
	padding: 0 10px 0px 10px;
	border-bottom: 1px solid #696;
}

#miniflexbottom li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflexbottom a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #9c9;
	}

#miniflexbottom a:link {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #9c9;
	}

#miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #9c9;
	}

#miniflex a:link {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #9c9;
	}

#miniflexbottom a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}

#miniflexbottom a.active:visited {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}

#miniflexbottom a.active:link {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}

#miniflex a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}

#miniflex a.active:visited {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}

#miniflex a.active:link {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}

/*--------SIDEBAR-----------*/

#sidenav {
font-family: tahoma, verdana, arial, sans-serif, geneva;
font-size: 0.75em;	
	font-weight: bold;
	padding: 2px;
	color: #363;
	background-image: url(/images/grassbackground.jpg);
}
#sidenav a:visited {
color: #b02300;
}

#sidenav a:link {
color: #b02300;
}

#sidenav  ul {
	list-style: none;
	margin-left: -35px;
	}
	
#sidenav  li {
	margin-top: 5px;
	}	
#sidenav a:hover {
	color: #363;
	}
/*--------FOOTER-----------*/

.footer {
	font-size: 85%;
	line-height: 40px;
	font-family: Tahoma;
	text-decoration: none;
	color: #9c9;
	text-align: center;
}
.lowersidebar {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	background-color: #95D170;
	border: thin none #FFFFFF;
	height: 23px;
	left: auto;
	clip: rect(auto, auto, auto, auto);
	text-indent: 10px;
	width: 175px;
	color: #FFFFFF;
	text-decoration: none;
}
.topsidebar {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	background-color: #008000;
	border: thin none #FFFFFF;
	height: 23px;
	width: 175px;
	color: #FFFFFF;
	text-indent: 2px;
	text-decoration: none;
}
.body {
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	font-weight: 400;
	white-space: normal;
	text-align: justify;
}
.activesidebartop {
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	text-indent: 2px;
	background-color: #008000;
	border-style: none;
	padding: 0px;
	margin: 0px;
	width: 175px;
	height: 23px;
}
.loweractivesidebar {
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	text-indent: 10px;
	background-color: #95D170;
	border-style: none;
	padding: 0px;
	margin: 0px;
	width: 175px;
	height: 23px;
}
.loweractivesidebar {
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	text-indent: 10px;
	background-color: #95D170;
	border-style: none;
	padding: 0px;
	margin: 0px;
	width: 175px;
	height: 23px;
}
.whitenounderline {
	font-family: Tahoma;
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
}
.boldbody {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: 700;
	text-decoration: none;
	}