@charset "utf-8";
/* CSS Document */


html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{  margin:0px;  padding:0px;  border:0px;  border-collapse:separate;  border-spacing:0px;}
input,select{  margin:0;  padding:0;}

html, body {
    height: 100%;
	font-family: Verdana;
}

body
{
	background-color:#fff;
	min-height: 100%;
	background-image:url(../images/pattern.gif);
	background-repeat:repeat-x;
	overflow-y:scroll;
	}

/* NN6/7 min-width is needed for scrollability when wrapper is centered */  
body {   
    min-width: 1000px;   
}

#wrap {min-height: 100%; width:100%;}


img, img a{border:none;} 


p,a, ul, li, form, textarea
{

	font-size :	11px;	
	color : #000;
	letter-spacing:normal;
	text-indent:none;
	text-align:justify;
	font-family: Verdana;
}

h1
{

	font-size :	2em;
	color:#9c8e7e;
	letter-spacing:-0.1em;
	margin-bottom:10px;
	font-weight:normal;
}

h2
{
	font-size :	14px;
	color:#3d2c12;
	line-height:20px;
	text-align:left;

}

h3
{
	font-size :	13px;
	color:#666;
}


h6
{
	font-size :	10px;
	color : #ccc;
	letter-spacing:0em;
}




/* container */
#container {
	margin: 0 auto;
    text-align: left;
    width: 1000px;
	overflow:auto;
	padding-bottom:50px;
}

/* Hack for IE */
* html #container {
    height: 100%;
}
/* End IE Hack */ 



/*-------------------TOP----------------*/

#top{
	width:910px;
	background-color:#fff;
	float:left;
}



#main_banner{
	float:left;
	min-height:137px;
	background-color:#000000;
}
#under_top{
	float:left;
	height:39px;
}




/*-------------------MAIN----------------*/

#main{
	width:100%;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:30px;
}

#main #left{
	float:left;
	width:20%;
	text-align:justify;
}

#left_menu{
	float:left;
	margin-top:10px;
}

#left_menu #logo{
	float:left;
	padding-left:20px;
}

#left_menu #menu{
	clear:left;
	float:left;
	padding-left:60px;
}

#left_menu #menu li{
	float:left;
	clear:left;
	display:inline;
	padding-right:20px;
	min-height:20px;
	
}

#left_menu #menu li a{
	text-decoration:none;
	font-weight:bold;

}

#left_menu #menu li a:hover{
	color:#776753;

}


#left_menu #menu #menu_on a{
	font-weight:bold;
	color:#776753;
}




#main #right{
	float:right;
	width:75%;
	padding-top:30px;
	
}

#main #common_left{
	float:left;
	width:55%;
	text-align:justify;
}

#main #common_right{
	float:right;
	width:40%;
	min-height:200px;
	
}

#common_right #mission{
	float:left;
	margin-top:20%;
	margin-bottom:20%;
	width:100%;
}


#services_left{
	float:left;
	width:55%;
	
}

#services_left ul{
	margin-left:10px;
	padding:10px;
	list-style-type:square;
}

#services_left li{
	margin-bottom:1px;
	padding:3px 0 3px 5px;
}




#services_right{
	float:right;
	width:40%;
}

.services_menu{
	float:left;
	background-color:#3d658e;
	margin-bottom:2px;
	width:95%;
	min-height:25px;
	border-left:5px solid #6699cc;
	
}

.services_menu#on{
	background-color:#3d2c12;
	border-left:5px solid #9c8e7e;
	
}



.services_menu a{
	color:white;
	display:block;
	padding-left:5px;
	text-decoration:none;
	line-height:25px;
	
}



/*----CONTACT----*/
.error_message{
	background-color:#FF0000;
	color:#FFFFFF;
	margin-bottom:1px;
}



/*-------------------BOTTOM----------------*/
#bottom{
	background-color:#423d39;
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

