@charset "iso-8859-1";
body {
		margin:10px 10px 0px 10px;
		padding-bottom:5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 175%;
        font: 80% Geneva, Arial, Helvetica, sans-serif;
		background-color: #ffffff;
		background-image:url("images/bg.jpg")}
		
a { 
		padding: 1.5px;
		font-weight:bold;
		/* line-height: 185%; */
		text-decoration: none;
		color: #116699;
		background-color: #ffffff;
		}
a:visited { 
		color: #116699;
		}
/*
a:active  {
		border-style: inset;
		}*/
a:hover {
		color: white;
		background-color: #116699;
		}

#main  {
		position: absolute;
		width: 830px;
		margin-top: -10px;
		margin-left: 100px;
		padding-left: 5px;
		padding-right: 5px;
		background: white;
		border-left: #33aeb3 solid;
		border-left-width: 17px;
		border-right: #33aeb3 solid;
		border-right-width: 17px;
		}
	
#main h3 {
		font-size: 2em;
		line-height: 1.25em;
		font-style: italic;
		}
	

#logo {position:relative;
	   top: 0px;
	   height:180px;
	   width:830px;
	   text-shadow: red 2em 3em 2em;
	   padding-bottom:1.5px;
	   background-image:url("08banner.png");
	   background-repeat:no-repeat;
	   color:#000000;
	   text-align:center;
	   }

/*  #frame {
		position:relative;
		background-image:url("images/frame.png");
	   }  */
	
.quote {
		position:relative;
	    font-style: italic;
		text-align:left;
		color: #FFFF00;
		top: 75px;
		left: 30px;
		margin-right: 6em;
		text-shadow: black 5px 5px 5px
		}

.quote02 {
		position:relative;
		text-align:justify;
		line-height: 150%;
		font-weight:bold;
		padding-top:2px;
		margin-left: 15px;
		width:800px;
		}

.fourcol-left {
		position:relative;
		float:left;
		text-align:justify;
		line-height: 150%;
		font-weight:bold;
		padding-top:2px;
		margin-left: 15px;
		width:250px;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:10px;
		padding-right:3px;
		text-align:left;
		line-height:150%;
		}

.fourcol-2 {
		position:relative;
		float:left;
		text-align:justify;
		line-height: 150%;
		font-weight:bold;
		padding-top:2px;
		margin-left: 15px;
		width:250px;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:10px;
		padding-right:3px;
		padding-left:8px;
		border-left: thin solid #000000;
		border-right: thin solid #000000;
		line-height:150%;
		}

.fourcol-3 {
		position:relative;
		float:left;
		text-align:justify;
		line-height: 150%;
		font-weight:bold;
		padding-top:2px;
		margin-left: 15px;
		width:250px;
		margin-top:5px;
		margin-bottom:5px;
		background:transparent;
		padding-bottom:10px;
		padding-left:8px;
		line-height:150%;
		}

.link {
	   text-align:center;
	   background-color: #CCCC66;
       }

.link	a 		  { color: #116699;
				    font-weight:bold;
				    text-decoration: none;}
.link	a:visited { color: #116699;}
.link	a:active  { color: #116699;}
.link	a:hover   { color: #FFFFFF;
					background-color: #CCCC66;
					text-decoration: none;
					}
/* Navigation */
.hovermenu ul{
font: bold 13px arial;
margin-top: 50px;
margin-left:10%;
margin-bottom:-7px;
padding-left: 0;
line-height: 115%;
width:800px;
height: 4em;
}

.hovermenu ul li{
text-align: center;
list-style: none;
display: inline;
height: 3em;
}

.hovermenu ul li a{
	/*
	width: 100px; */
height: 3em;
padding-top: .7em;
width: 80px;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
float: left;
color: #33aeb3;
background-color: #ffffff;
border: 1px solid #000000;
}

.hovermenu ul li a:hover{
color: white;
background-color: #33aeb3;
border-style: outset;
}

.this {
float: left;
height: 3em;
padding-top: .7em;
width: 80px;
padding-left: 5px;
padding-right: 5px;
color: white;
background-color: #33aeb3;
border: 1px solid #000000;
}

.hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/* End Navigation */

#headline {
		position:relative;
		/* background:#fff;
		margin-left: 6%;
		margin-top:5px;
		margin-bottom:5px;
		padding:2px;
		height: 3em; */
		}
#headline     ul li{
		 list-style: none;
		 display: inline;
		 font-size:80%;
		 }

.top  {
		position:relative;
		margin-top: 5px;
		margin-bottom: 5px;
		height: 20px;
		width: 30%;
		float:left;
		font-size:80%;
		text-align: center;
		}

.notice {position:relative;
		 float:left;
		 margin-left: 0px;
		 top:0px;
		 font-size:80%;
		 }

.notice2 {
		 position:relative;
		 float:left;
		 font-size: 1.45em;
		 text-align: center;
		 margin-left: 0px;
		 top:0px;
		 }

.powered {
		position:relative;
		margin-left: 20px;
		top:0px;
		font-size:80%;
		}
.powered a {
		line-height: 100%;
		}

.green {position:relative;
		 float:left;
		 top:0px;
		 font-size:80%;
		 }

.date {position:relative;
		 float:left;
		 top:0px;
		 font-size:80%;
		 }

.link1 {
	   position:relative;
	   float:left;
	   text-align:center;
	   background-color: #CCCC66;
	   width: 20%;
       }

.border {border:medium #000000;
		 margin:5px;
		 }
#logo2 {position:relative;
       margin-left: 15%;
	   padding-bottom:75px;
	   }

.image-l {position:relative;
		  float:left;
		  padding-bottom:20px;
		  padding-right:5px;
		   }

.image-r {position:relative;
		  float:right;
		  padding-bottom:20px;
		  padding-left:5px;
		   }

.image-c {position:relative;
		  float:center;
		  padding-bottom:20px;
		  padding-left:5px;
		   }

.wide {
		position: relative;
		float: left;
		width:628px;
		left: 10%;
		margin-top: 10px;
		background:#FFFFFF;
		padding:5px;
		border: medium solid #33aeb3;
		text-align:left;
		margin-bottom: 10px;
		}

.narrow {
		position: relative;
		float: left;
		width:400px;
		left: 200px;
		margin-top: 10px;
		background:#FFFFFF;
		padding:5px;
		border: medium solid #33aeb3;
		text-align:left;
		margin-bottom: 10px;
		}

.wide blockquote  {
		margin-top: 2px;
		}

.item {
		position: relative;
		line-height: 150%;
		margin-top: 3px;
		width:96%;
		text-align:left;
		padding-right:5%;
		padding-left:5%;
		padding-bottom:15px;
		}
		

#mainright {
		width:31%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-left:3px;
		border-top: medium solid #33aeb3;
		border-left: medium solid #33aeb3;
		border-right: medium solid #33aeb3;
		text-align:left;
		line-height:125%;
		}
	
#maincenter {
		width:31%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-left:3px;
		border-top: medium solid #33aeb3;
		border-left: medium solid #33aeb3;
		text-align:left;
		line-height:125%;
		}
	
#mainleft {
		width:31%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-right:3px;
		padding-left:3px;
		border-top: medium solid #33aeb3;
		border-left: medium solid #33aeb3;
		text-align:left;
		line-height:125%;
		}


#twocol-left {
		width:48%;
		float:left;
		margin-top:5px;
		margin-bottom:5px;
		background:#fff;
		padding-bottom:10px;
		padding-right:3px;
		padding-left:3px;
		border-right: thin solid #000000;
		text-align:left;
		line-height:150%;
		}

#twocol-right {
		width:48%;
		float:left;
		margin-top:5px;
		margin-bottom:5px;
		background:#fff;
		padding-bottom:10px;
		padding-left:3px;
		text-align:left;
		line-height:150%;
		}
		
.banner {
		background:#fff;
		padding-bottom:15px;
		}


		
#navbar {
		position:relative;
		margin-left:8%;
		width:600px;
		background:#fff;
		margin-top:5px;
		margin-bottom:5px;
		padding:2px;
		background-color: #CCCC66
		     }

.col01 {
			position:relative;
			padding-left:2%;
			font-size:80%;
			background:#fff;
			float:left;
			}

.col {
			position:relative;
			font-size:80%;
			background:#fff;
			padding-left:8%;
			float:left;
			}
	h1 {
		text-align: center;
		}
		
	h2 {
		text-align: center;
		}
	
	h3 {
		text-align: center;
		}
	
	h4 {
		text-align: center;
		}
	
	h5 {
		text-align: center;
		}

  
.heading {color: #000000;
          border: 2px solid #00cc99;
		  line-height: 150%;
		  text-align:center; }

.logo { margin-left: 0%; 
        margin-right: 0%;
	    border: none;  }

.row { 
		margin-top: 1em;
		float: left;
		margin-left:10%;
		width: 628px;
		margin-bottom:50px;
		padding-left: 0;
		line-height: 125%;
		 } 

.photo { 
		margin-top: 1em;
		float: left;
		margin-left:10%;
		width: 800px;
		height: 1200px;
		margin-bottom:50px;
		padding-left: 0;
		line-height: 125%;
		 } 

.video { 
		text-align:center;
		position:relative;
		width:400px;
		background:#fff;
		margin-left:25%;
		border:medium solid #000000;
		/*
		padding: 1em;
		line-height: 150%;*/
		 } 

.col-left { 
			position:relative;
			text-align:left;
			width:48%;
			float:left;
			border-right: medium solid #00cc99;
			background: #FFFFFF;
			color: #000000;
			line-height: 150%;
			}

.col-right { 
			position:relative;
			text-align:left;
			width:49%;
			float:right;
			background: #FFFFFF;
			color: #000000;
			line-height: 150%;
			}

#photobanner {position:relative;
	   margin-left:10%;
	   margin-top: 05%;
	   height:120px;
	   width:600px;
		}

.photorow {
	   margin-left:10%;
		height: 180px;
		line-height: 80%;
		}

.photorow ul li{
		width: 120px;
		list-style: none;
		display: inline;
		text-align: center;
		}

.photocell {
		float: left;
		width: 125px;
		padding: 4px;
		line-height:1.5em;
		}