/* css docuement by Templatesperfect.com */

body {
  padding: 10px;
  font-size: 12px; 
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing: 1px; 
  line-height: 160%; 
  background:#a8e1f4; }

#container { 
	width: 920px; 
 	margin: auto;

 }
#header { height: 170px; overflow: hidden; }

#wrapper {
	width: 920px;
	background:#C8DBAE;
/*	background:#336633; */
}
#left {
	float: left;
	width: 220px;
	margin:5px 0 10px 0;
	padding:8px;
	background-image:url(../images/sunset-back-3.jpg);
	border:2px solid #111111;
	color: #FF0;
	text-decoration: none;
}

#left li{
	font-weight:normal;
}

#left h3{
	color: #FF0;
}

#left h2{
	color: #FF0;
}
	
#content {
	float: left;
	width: 650px;
	margin:5px 10px 10px 5px;
	padding:5px;
}

#content a { color: #00F; text-decoration: underline; }

#left h2{
	color: #FF0;
}

#content p {
	margin-bottom: 10px;
}

.article {
	width: 305px;
	float:left;
	margin:5px 0 10px 7px;
	padding:5px;
	border:1px solid #336600;
	}
.article img
{ width:100px; 
height:70px;	
border:1px solid #cccccc;
margin:3px;
	}

.clear{clear:both; height:0px;}
h3{
	font-size: 13px;
	color:#cccccc;
	display:inline;
}
h2{
	font-size: 13px;
	color:#039;
	padding-bottom: 5px;
}
p, ol, ul {
	line-height: 18px;
	text-align:justify;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li { 
	padding: 2px 0 0 20px;
	border-left: 1px dotted #444444;
	border-bottom: 1px dotted #444444;
}

ul li.first {
	background: none;
}

#content img {
	float: left;
	margin:8px;
	border:2px solid #cccccc;
}

#content ol{
	margin-left: 30px;
}

#logo 
{
 float: left;
 margin-top: 50px;
}

#navbar {
width:570px;
float:right;
height: 30px;
 margin-top:5px; 
}

#header-content { 
	width:280px;
	float:left;
  	margin:290px 30px 30px 10px;
}

#header-content p
  {
  font-size:11px;
  font-style:italic;
  color:#222222;
  padding:15px;
  /* background:url(../images/head-slogan.png) repeat-x; */
  color:#555555;
  }
  
#gallery 
{ width:160px;
float:right;
margin:30px 0 30px 0;
	color:#FFFFFF;
}
#gallery img{
width:120px;
height:80px;
  	float: left;
	margin:8px;
	border:2px solid #cccccc;
	}
	
	#gallery img:hover{
	border:2px solid #000000;
	}
#footer { 
  padding: 5px;
  border:#333333 1px solid;
  background-color:#111111;
  height:100px;
}
#footer span {
	color:#FF6;
}
#logo h1 { 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin: 0; 
	padding: 10px 20px 0 10px;
 	font-weight: normal;
  	font-size: 40px;
  	color:#cccccc;
  }
#logo h1 a{
   color:#006666;
   text-decoration:none;
   }
#logo h1 a:hover{
   color:#993300;
   text-decoration:none;
   }
  

#footer p 
{	
color: #555555; 
font-size: 11px; 
text-align:right;
}
input {
 border: 1px solid #c0c0c0; 
 color: #454545; 
 font-size: 11px;
  letter-spacing: 1px;
   }
input.searchText 
{ width: 150px; 
height: 18px;
 padding-top:2px; 
 border:#cccccc 1px solid; 
}
/*
input.searchSubmit
 { color: #0080c0;
  background: #fff;
   	border: 1px solid #fff;	
	font-size: 12px; 
	width: 50px; 
	height: 19px; 
	  }
	  */

.input {
    border: 1px solid #006;
    background: #ffc;
}

.button {
    border: 1px solid #006;
	padding: 5px;
	margin: 5px;
    background: #9cf;
}

#navbar ul { list-style : none; }
#navbar li 
{ padding-top: 3px; 
padding-bottom: 4px;
 float: right; 
 width:100px;
 height:30px;
 font-weight:bold;
 text-align:center;
 line-height:30px;
 margin:5px 0 0 3px;
 background:#990000;
 border:1px solid #999900;
  }
#navbar li.active 
{ background:#999900; 
color: #ffffff;
 padding-bottom: 4px;
  }
  #navbar li:hover
{ background:#999900;
color: #111111; 
  }
a:link, a:active, a:visited { color: #FF0; text-decoration: none; }
a:hover { color: #ff7700; }
#navbar a:link, #navbar a:active, #navbar a:visited { color: #ffffff; } 
#navbar a:hover{color: #ffffff; text-decoration:none;}
.clear{ clear:both;}