body  {
	background: #E9F2F6 url(../images/background.gif);
	margin: 0;
}

#container { 
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 902? "900px" : "auto");
	min-width:755px;
	max-width:900px;
	margin:auto;
}

#header { 
	padding: 5px;
	background: #3b7687;
	margin-top: 2px;
	padding-top: 10px;
	height: 160px;
} 

#header a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 30px; 
	font-family: "Myriad Pro";
}

#menu {
	background-color: #3b7687; 
	padding: 6px 30px 6px 0;
	text-align:right;
}

#menu a {
	color: #c5d6db;
	text-decoration: none; 
	font-size: 14px; 
	font-family: "Myriad Pro";
	text-transform: uppercase;
}

#menu a:hover {
	color: #ecf2f3;
}

#sidebar {
	float: left;
	width: 190px;
	padding: 10px 10px 0 10px;
	margin: 0;
	color: #444444;
	text-align: left;
}

#sidebar a {
	text-decoration: none; 
	color: #262626;
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
}

#sidebar a:hover {
	color: #666666;
}

#sidebar img {
	border: solid 1px #d6d6d6;
}

.project {
	margin:15px 0 25px 0;
}

h1 {
	margin: 0px;
	color: #869843; 
	font-size:15px; 
	font-family: "Lucida Sans Unicode"; 
	font-weight: bold;
	padding-bottom: 5px;
}


h2 {
	margin:5px 2px 0px 2px; 
	text-align:left; 
	font-size: 14px;
	font-weight:bold;
	font-family: "Lucida Sans Unicode"; 
	color:#536319;
}

h3 {
	margin:5px 0px 2px 0px; 
	text-align:left; 
	font-size: 13px;
	font-weight: bold;
	font-family: "Lucida Sans Unicode" Verdana, Arial;
	text-transform:none;
	color:#336600;
}

#main {
	background-image:url(../images/bg.gif);
	padding-top: 25px;
} 

#text { 
	margin: 0 0 0 220px;
	padding: 5px 15px 20px 15px;
	color: #444444;
	font-family: "Georgia";
	font-size: 13px; 
	line-height: 18px;
	text-align: justify;
} 

#text a {
	color: #3b7687; 
	text-decoration: none;
}

#text a:hover {
	color: #444444;
}

#footer {
	padding: 15px 30px 10px 30px;
	background: #d6d6d6; 
	font-family: "Lucida Sans Unicode";
	color: #444444;
	font-size: 11px;
	text-align: right;
}

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

#footer a:hover {
	color: #666666;
}

.separator {
	font-size:11px;
	color:#FFFFFF;
}

.clear {
	clear:both;
}

/*** Menu ***/
#leftmenu {
	width: 100%;
}

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

#leftmenu li {
	display: inline;
}

#leftmenu a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #3B3B3B;
}

#leftmenu a:hover {
	background: #4F789F;
	color: #FFFFFF;
}

#leftmenu .active a {
	background: #606060;
	color: #FFFFFF;
	font-weight: bold;
}

/** Block menu ***/

#mymenu{
	width: 100%;
	position:relative;
	height: 35px;
	background: url(../images/blockdefault.gif) repeat-x;
}

#myleft{
	float: left;
	width: 75%;
}

#myright{
	float: right;
	width: 20%;
	text-align: right;
	padding: 5px 15px 0px 0px;
	font-size: 13px;
}

#myright a{
	color: #FFF;
	text-decoration: none;
	font-family: "Lucida Sans Unicode";
	font-weight: bold;
}

#myright a:hover{
	color: #060;
	text-decoration: underline;
}

.blockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font-family: "Lucida Sans Unicode";
	font-weight: bold;
	list-style: none;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
}



.blockmenu li{
	display: inline;
}

.blockmenu li a{
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid white;
}

.blockmenu li a:visited{
	
}

.blockmenu li a:hover, .blockmenu li .current{
	color: #003350;
	background: transparent url(../images/blockactive.gif) center center repeat-x;
}


.leftimage{
	padding: 2px;
	border: 1px solid #d9d9d9;
	margin-right: 10px;
	margin-bottom: 5px;
}

.rightimage{
	padding: 2px;
	border: 1px solid #d9d9d9;
	margin-left: 10px;
	margin-bottom: 5px;
}


/*** footer box ***/
      #footerbox { 
		padding-bottom: 0px; 
		margin:auto;
		position:relative;
		background: #f8f3ed;	
		padding-top: 5px;
		padding-bottom: 7px;
	  }
	  
      #footerboxinner { 
		background: #f8f3ed;
		float: left; 
		overflow: hidden; 
		width: 100%;	  
	  }

.flinktext{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 220px;
	margin-right: 20px;
}

      #footerboxinner div { 
	  width: 35%; 
	  float: left; 
	  padding: 5px 10px;
	  margin-bottom: -100px; 
	  padding-bottom: 100px; 
      font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  }
	  
      #footerboxinner .col2 {
	  width: 59%; 	   
	  background: #f9eddd url(../images/footer-col-right.jpg) top right no-repeat; 
	  margin-right: 0; 
	  float: right;
	  }

/*** down green menu ***/

.downgrenmenu{
width: 100%; /*width of menu*/
}

.downgrenmenu .headerbar{
font: bold 12px Arial, Tahoma, Verdana;
color: white;
background: #606060 url(../images/greendown.gif) no-repeat 5px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 30px; /*31px is left indentation of header text*/
}

.downgrenmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.downgrenmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom: 1px solid #cacaca;
}

.downgrenmenu ul li a{
font: normal 12px Verdana, Arial;
color: black;
background: #d8d8d8;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.downgrenmenu ul li a:visited{
color: black;
}

.downgrenmenu ul li a:hover{ /*hover state CSS*/
color: #206200;
background: #e9e9e9;
}


/*** news box ***/
.news {
	border-bottom:1px solid #e6e1dd; 
	border-top:1px solid #fcfafb; 
	padding:5px 10px 5px 5px; 
	font-family:"Lucida Sans Unicode" Verdana, Arial; 
	text-align: justify; 
	font-size: 12px; 
	line-height: 1.5em;
}

.leflo {float:left; margin-right: 7px; border: 1px solid #DDDDDD; padding: 3px; background:#FFFFFF;}
.rightlo {float:right; margin-left: 7px; border: 1px solid #DDDDDD; padding: 3px; background:#FFFFFF;}


.more{
      font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-weight: bold;
}

#searchbox{
	padding: 3px;
	background:#ffffdd;
	border: 1px solid #e3e3c3;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;	
}


/* Form */

.form p{
	width: 300px;
	left: auto;
	right: auto;
	margin: 0;
	padding: 7px 0 5px 0;
	padding-left: 170px; 
	border-top: 1px solid #e6e0d0;
	height: 1%;
}

.form label{
	font-weight: bold;
	float: left;
	margin-left: -160px; 
	width: 150px; 
}

.form input[type="text"]{ 
	width: 145px;
}

.form textarea{
	width: 200px;
	height: 70px;
}


/** list menu ***/
.nav {
	height: 120px;
	margin-top: 0px;
	width: 210px;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
	position:relative;
}

.nav ul {
	list-style-type: none;
	float: left;
	padding: 9px 10px 10px 0px;
}

.nav li {
	margin: 0px 0px 0px 16px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}