﻿/*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: 0px;
	margin: 0px;
}
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 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;
	color: #000000;
	margin-left: 15px;
	width: auto;
}
.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;
	margin-left: 15px;
}
.headerhome {
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	background-color: #990000;
	border-style: none;
	border-width: thin;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	width: 385px;
}
.homebody {
	font-family: Tahoma;
	color: #000000;
	font-size: 10pt;
	width: 375px;
	text-align: justify;
	padding-right: 5px;
	padding-left: 5px;
}
.bannerunderline {
	padding: 0px;
	margin: 0px;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-bottom-color: #008000;
	height: 100px;
	text-align: center;
}
.heading {
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: 700;
	color: #008000;
	text-align: center;
}
