@charset "utf-8";
/* CSS Document */

body 
	{background-color:#8CE898;
	background-image:url(img/main_bkg.png);
	background-repeat:repeat-x repeat-y;
	color:#009;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	}
	
#body_wrapper
	{
		margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:auto;
	}
#headder{
	background-image:url(img/header.png);
	height:300px;
	width:1024px;
	position:relative;
}
#content-body{
	position:relative;
	padding:10px 32px 10px 32px;
	height:auto;
	width:960px;
	background-image:url(img/body.png);
	background-repeat:repeat-y;
}

#bottom{
	position:relative;
	height:35px;
	width:1024px;
	background-image:url(img/bottom.png);
}

a:link {color:#000;
font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;}    /* unvisited link */
a:visited {color:#000;
font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;} /* visited link */
a:hover {color:#030;
font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;}   /* mouse over link */
a:active {color:#000;
font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;}  /* selected link */

.f-left{float:left}
.f-right{float:right}
.f-clear{clear:both}

	
#menu1{
	position:relative;
	border:none;
	top: 80px;
	left: 50px;
	width:300px;
	height:130px;
	z-index: 1;
		}

#menu1 ul
{
list-style:none;
position:relative;
margin:0px;
padding:0px;
}

#menu1 ul li
{
border:none;
}

#menu1 ul li a
{
	color:#000040;
	font: bold 14px Verdana;
	text-decoration:none;
	padding:7px 7px 7px 10px;
	display:block;
	font-variant:small-caps;
	}

#menu1 ul li a:hover, #active
{
	background-color:#9DB9F9;
	color:#000040;
	padding:7px 7px 7px 4px;
	border-left:solid #B0F2B9 6px;
	}

#address_box
{
	position:absolute;
top: 180px;
left: 500px;
}
#address_box ul
{
	position:relative;
	padding:0px;
	margin:0px;
	
}
#address_box ul li
{
display:inline;
list-style:none;	
color:#000040;
text-align:right;
padding: 12px;
width: 190px;
font:12px Verdana;
font-variant:small-caps;
float:left;
}

#curent_page_title{
position:absolute;
top:275px;
left:55px;
color:#000040;
font:12px Verdana;
font-variant:small-caps;
font-weight:bold;
margin:0;
padding:3px;
}

.welc-head{
	text-align:center;
	color:#009;
	font-style:italic;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-variant:small-caps;
	padding:5px;
}
.img_wrap{
	height:260px;
	width:410px;
	border:none;
	float:right;
	margin:0px 0px 10px 15px;
}

.page1_cont {
position: relative;
top:10px;
text-align:justify;
}

#footer{
position:relative;
top:20px;
font:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
text-align:center;
}

#footer a{ color:#000;
text-decoration:none;
font-weight:bolder;
}

#footer a:visited{color:#000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}


/*==================== FORMS ======================*/
input, 
textarea, 
select { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	vertical-align:middle; 
	font-weight:normal;
}

#contact-form-box {
	position:realtive;
	top:50px;
	left:50px;
width: 270px;

}

#contact-form .field { 
	height:40px;
	width:270px;
}
#contact-form input {
	width:270px; 
	padding:4px 0 4px 10px; 
	background:#5e5e5e; 
	border:1px solid #222222; 
	vertical-align:top;	
	line-height:1.2em;
	text-transform:uppercase;
	color:#acacac;
}
#contact-form textarea { 
	width:270px; 
	height:250px;
	color:#acacac;
	text-transform:uppercase; 
	overflow:auto;
	background:#5e5e5e; 
	border:1px solid #222222; 
	padding:4px 0 4px 10px;
	
}


#contact-form submit, #contact-form reset
{   padding:4px 4px 4px 4px; 
	background:#5e5e5e; 
	border:1px solid #222222;
	float:right;
	margin-left:10px;
	margin-right:10px;
}

/*Stiling for the contact form*/
#contact_form_holder { 
    font-family: 'Verdana';
	font-variant: small-caps;
	font-size:14px; 
    width:90%;
	color:#000;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
	color:#000;
    padding:3px 3px 3px 3px;
	border:2px solid #818181;
	background:#D5D5D5;
	font-size:11px;
	}
#contact_form_holder textarea { 
    height:200px; /* i never liked small textareas, so make it 100px in height */ 
}
#send_message { 
    width:200px !important; /* the width of the submit button  */ 
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; padding:10px; color: #D8000C; font-size:12px;background-color: #FFBABA;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}
#contact_logo { vertical-align: middle; }
.error img { vertical-align:top;}

/* --- LEFT MENU wire Frame  VERTICAL----*/
.leftframemenu{ 
border: 1px solid #C0C0C0; 
border-bottom-width: 0;
width: 176px;
background:none;
}

/* html .leftframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
/*width: 180px;
}*/

.leftframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.leftframemenu a{
font: bold 13px Verdana;
padding: 2px 2px;
display: block;
/*width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.leftframemenu a:visited{
color: #595959;
}

/*html>body .leftframemenu a{ /*Non IE rule*/
/*width: auto;
}*/

.leftframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

#tablelist tr {
	border-right:#06C solid 3px;
}
#tablelist tr td p{padding:3px;}
#tablelist tr td div{
	background-color:#CFC;
	padding:3px;
}