/*many thanks to http://www.sisleystudio.com, based off an initial template from them/*



/* LAYOUT - main body of page */



/*only the background is kept here; taking over the scroll bar with custom colorsw is interesting but intrusive to the end user. */

body, html {

	background-color: #7e8481;

	/*SCROLLBAR-FACE-COLOR: #fb7806;

	SCROLLBAR-HIGHLIGHT-COLOR:#fb851f; 

	SCROLLBAR-SHADOW-COLOR: #fd9134;

	SCROLLBAR-ARROW-COLOR: #FFF; 

	scrollbar-track-color: #ffac5b; */

	} 

/* This is not a syntax I would hace chosen, not hardly, but I have serious time consraints, it works, and a harmless quirk can't hurt in life. */



div#wrap {

width: 808px;

margin: 0 auto;

position:relative;

height:auto;

background:#fff  url(/images/page_shadow.gif) repeat-y;

}



div#top_page{

display:block;

width: 808px;

height:30px;

background:#fff url(/images/top_page.gif) no-repeat;

}	

div#bottom_page{

display:block;

width: 808px;

height:30px;

background:#fff url(/images/bottom_page.gif) no-repeat;

}



/* GENERAL */

img {border:none} 



/* home page central column div  */



div#content_h {

margin-left:25px;

margin-top:5px;

margin-bottom:5px;

min-height:300px !important; height:300px;

width:755px;

color:#238317;

font-family: Verdana, Tahoma, Arial;

font:Tahoma, Verdana, Arial;

font-size:11px;

font-weight:bold;

line-height:14px;

background-color:#FFFFFF;

/*border:1px solid #003399;*/

}



div#content_serv {

	padding: 10px 10px 10px 10px;



}



/* LAYOUT - HEADER */

div#header {

display: block;

margin:0 auto;

padding:0;

background:#fff url(/images/header.jpg) bottom no-repeat;

width:780px;

height:230px;

border-bottom:18px solid #238317;

}



div#header #logo{

		position:absolute;

		top:20px;

		left:20px;

		width: 300px;

		height: 95px;

		color: #238317;

		font-family:"Myriad", "Trebuchet MS";

		font-size:24px;

		font-weight:bold;

		border:0px;

		background: transparent url(/images/logo.jpg) left no-repeat;

		padding-left:100px;

		line-height: 80px;

	}

	div#header #top_lamp{

		position:absolute;

		top:120px;

		left:13px;

		width:781px;

		height:18px;

		background:#238317 url(/images/top_lamp.jpg) 682px no-repeat;

		}

	

		ul#menu

		{

		position:absolute;

		top: 83px;

		left:200px;

		margin:0 auto;

		padding: 0;

		width: 600px;

		height: 37px;

		list-style:none;

		}

		ul#menu li

		{

		position:relative;

		float: left;

		height: 37px;

		width:73px;

		background: url(/images/button_off.jpg) no-repeat;

		text-align:center;
		
		padding: 0px 0px 8px 0px;

		}

		ul#menu li.active

		{

		background: url(/images/button_on.jpg) no-repeat;

		text-align:center;

		color:#fff;

		}

		ul#menu li.active a

		{

		color:#fff;

		}



		ul#menu li a

		{

		display: block;

		float: left;

		font-family:Verdana, Tahoma;

		font-size:10px;

		font-weight: bold;

		color: #238317;

		text-decoration: none;

		width:73px;

		height:37px;

		text-align:center;

		padding-top:12px;

		}

		ul#menu li a:hover

		{

		text-decoration:none;

		background: url(/images/button_on.jpg) no-repeat;

		width:73px;

		height:37px;

		text-align:center;

		color:#FFF;

		}



div#mainbar{

	margin-top:15px;

	margin-left:35px;

	width:735px;

	/*border: 1px solid #102084;*/

	padding:0px 0px 0px 0px;

}



div#mainbar_1{

  width: 200px;

  border: 1px solid #102084;

  margin-left: 20px;



}



div#mainbar_2{

  width: 200px;

  border: 1px solid #102084;

  margin-left: 300px;



}





div#mainbar h1{

		font-family:Verdana, Tahoma;

		font-size:20px;

		color:#000097;

		padding:10px 0px 0px 230px;

		margin:0;



}

div#mainbar h2{

		font-family:Verdana, Tahoma;

		font-size:11px;

		font-weight:lighter;

		padding:0px 0px 0px 210px;

		margin:0;

		text-align:left;

}

div#mainbar h3{

		font-family:Verdana, Tahoma;

		font-size:11px;

		font-weight:lighter;

		padding:0px 0px 10px 100px;

		margin:0;

		text-align:left;

}



div#mainbar h4{

		font-family:Verdana, Tahoma;

		font-size:13px;

		font-weight:bold;

		padding:10px 0px 0px 0px;

		margin:0;

		text-align:left;

}

div#mainbar h6{

		font-family:Verdana, Tahoma;

		font-size:13px;

		font-weight:bold;

		color:#FFFFFF;

		padding:10px 0px 0px 0px;

		margin:0;

		text-align:left;

}





div#mainbar_list ul li{

		background-image: url(/images/arrow-rez.gif);

		background-repeat: no-repeat;

		background-position:middle;

		display:box;

		list-style-type:none;

		font-family:Verdana, Tahoma;

		font-size:11px;

		padding:0px 0px 2px 20px;

		margin:0px 0px 0px 0px;

		text-align:left;

}



#mainright {

		width:33%;

		float:left;

		}

	

	#maincenter {

		width:34%;

		float:left;

		}

	

	#mainleft {

		width:33%;

		float:left;

		}

	#maincenter_2 {

		width:30%;

		float:left;

		text-align:right;

		}

	

	#mainleft_2 {

		width:70%;

		float:left;

		}



#clear {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



div#mainbar_text {

		font-family:Verdana, Tahoma;

		font-size:11px;

		padding:0px 0px 0px 0px;

		margin:0px;

		text-align:left;

}



div#sidebar{

	position:absolute;

	top:279px;

	left: 15px;

	width: 194px;

	min-height:321px !important; height:321px;

	background-color:#eaebeb;

	border:0px;

	border-collapse: collapse;

}	

	div#sidebar #top_sidebar{

		background: #fff url(/images/header_sidebar.jpg) no-repeat;

		width:194px;

		height:22px;

		font-family:Verdana, Tahoma;

		font-size:10px;

		font-weight:bold;

		color:#fff;

		line-height:22px;

		text-indent:10px;

		}

	div#sidebar #main_sidebar{

		font-family:Verdana, Tahoma;

		font-size:10px;

		padding:0px 10px 10px 10px;

		}

	div#sidebar #main_sidebar p.text_sidebar{

		text-align:justify;

		}	

	div#sidebar #main_sidebar p.more{

		text-align:right;

	

		}

	div#sidebar #main_sidebar p.more a{

		color:#238317;

		text-decoration:none;

		}

	div#sidebar #main_sidebar p.more a:hover{

		text-decoration:underline;

		}

		

		

div#content {

	margin-left:220px;

	margin-top:5px;

	margin-bottom:5px;

	min-height:300px !important; height:300px;

	width:560px;

	color:#000000;

	font-family: Verdana, Tahoma, Arial;

	font:Tahoma, Verdana, Arial;

	font-size:11px;

	background-color:#FFFFFF;

}



div#content_ss {

	margin-left:25px;

	margin-top:5px;

	margin-bottom:5px;

	min-height:300px !important; height:300px;

	width:755px;

	color:#238317;

	font-family: Verdana, Tahoma, Arial;

	font:Tahoma, Verdana, Arial;

	font-size:11px;

	font-weight:bold;

	line-height:14.5px;

	background-color:#FFFFFF;

	/*border:1px solid #003399;*/

}





div#content_ss_w {

	margin-left:300px;

	margin-top:5px;

	color:#000;

	font-family: Verdana, Tahoma, Arial;

	font:Tahoma, Verdana, Arial;

	font-size:11px;

	line-height:14.5px;

	/*border:1px solid #003399;*/

	text-align:left;

	vertical-align:top;

}





div#content_ss a {

text-decoration: none; /* definition for the link that will display the layer */

color:#238317;

}

 div#content_ss a:hover {

background: none; /* correction for an IE bug*/

color:#161616;

}

div#content_ss a span { /* definition of <span> tag included in <a> */

display: none;

}

div#content_ss a:hover span { /* definition of <span> tag when hovering */

display: inline;

position: absolute;

top: 120px; /* layer's place and dimension that you can change at will */

left: 200px;

width: 594px;

height: 480px;

background: #fff;

text-align: center;

color: #161616;

font-size:11px;

font-weight:bold;

padding:0px 0px 0px 0px;

}





	div#content h1{

		font-family:Verdana, Tahoma;

		font-size:11px;

		font-weight:bold;

		padding:0;

		margin:0;

		text-align:left;

		line-height:14px;

		}

	div#content a{

		color:#238317;

		text-decoration:none;

		}

		div#content a:hover{

		text-decoration:underline;

		}

		

				

div#footer {

 display:block;

 position:relative;

 float:right;

 margin-right: 280px !important; margin-right:90px;

 font-family:Verdana, Tahoma;

 font-size:10px;

 font-style:normal;

 color:#818182;

 }



div#footer a{

	color:#818182;

	text-decoration:none;

	}

div#footer a:hover{

	color:#238317;

	}

div#footer a.activated{

	color:#238317;

	text-decoration:none;

	font-style:bold;

	}	

div#author {

	position:relative;

	margin:0 auto;

	background-color: transparent;

	font-family:Verdana, Tahoma, Arial;

	font-size:10px;

	font-weight:normal;

	color:#fff;

	line-height:12px;

	text-align:left;

	}

div#author a{

	color:#FFF;

	margin-left:240px !important; margin-left:100px;

	}