/****** layout styles for ibrowser web design copyright 2009 */

/********************************************************************************* body */

body {
	font:12px/1.7 Geneva, Arial, Helvetica, sans-serif;
	background:#8FA58F url(../images/bodybg.gif) top repeat-x;
	color: #666666;
	text-align:justify;
	} /* 13px = 1.0em */

/*************************************************************************** global styles */

a {color: #006600; font-weight:bold; text-decoration:none;}

a:hover {color:#33CC33; text-decoration:underline; font-weight:bold;}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{font-size:1.15em; color:#50B350;} /* 25px = 1.92em */

h2{font-size:1.1em; color: #50B350;} /* 23px = 1.77em */

h3{font-size:1.0em; color: #666; font-weight:bold: } /* 21px = 1.62em */

h4{font-size:.9em;} /* 19px = 1.46em */

h5{font-size:.8em;} /* 17px = 1.31em */

h6{font-size:1.0em; color:#666666;} /* 15px = 1.15em */

ol{list-style:decimal;}

ul{list-style:square;}

li{margin-left:30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px; margin-left:0px;} /* was 20 */

abbr, acronym, .help {
  border-bottom: 1px dotted;
  cursor: help;
  }

#temp_top {
	margin: 5px auto 0px auto;
	width:960px;
	text-align:right;
	color:#999999;
	}

blockquote {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	display:block;
	background-color:#838383;
	color:#FFFFFF;
	}

/***************************************************************************** wrapper */
#wrapper {
	margin: 25px auto 20px auto;
	width:960px;
	background: /*#87CA87*/ #ffffff;
	}

/***************************************************************************** header */
#header {
	width:940px;
	height:170px;
	display:inline;
	margin: 10px 10px 0px 10px;
	background-color:#ffffff;
	float:left;
	}

#flashcontent{
	width:600px;
	height:150px;
	display:inline;
	margin: 10px 10px 0px 10px;
	background-color:#ffffff;
	float:left;
	}

#header_left{
	width:320px;
	height:150px;
	display:inline;
	margin: 10px 0px 0px 0px;
	background: url(../images/logoa.gif) #ffffff;
	float:left;
	}

#header_left img {
	float:left;
	}

#header_left h1{
	color:#FFFFFF;
	font-size:1.92em;
	margin:0px 0px 0px 10px;
	}
	
#header_left h2{
	color:#FFFFFF;
	font-size:1.46em;
	margin:0px 0px 0px 10px;
	}

/***************************************************************************** flash */

#flash_header {
	float:left;
	}

/***************************************************************************** main nav */
#main_nav {
	margin: 5px 10px 10px 10px;
	width:940px;
	display:inline;
	float:left;
	background:#2DB32D;
	}

ul#nav{
	margin:0px;
	width:100%;
	list-style-type:none;
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url(../images/bgOFFc.gif) repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #004200;
	border-top:1px solid #C0E2D4;
	}

ul#nav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}

ul#nav li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url(../images/bgDIVIDER.gif) no-repeat top right;
	}

ul#nav li a:hover{
	background:transparent url(../images/bgHOVERc.gif) no-repeat top right;
	}

ul#nav li a.current,ul#nav li a.current:hover{
	color:#fff;
	background:transparent url(../images/bgONb.gif) no-repeat top right;
	}

/********************************************************************** tagline */
#tagline {
	margin: 0px 10px 10px 10px;
	width:940px;
	float:left;
	}

/********************************************************************** date */
#date{
	text-align:right;
	margin:0px 10px 0px 10px;
	font-size:.9em;
	color: #333;
	}
	
#date img{
	border:none;
	}

/***************************************************************************** main content 700 */
#main_left {
	width:230px;
	display:inline;
	float:left;
	margin: 0px 10px 0px 10px;
	background: #FFFFFF;
	}
	
#main_content {
	width:420px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	background-color:#FFFFFF;
	}

#main_content ul {
	width:380px;
	margin:0px auto 20px auto;
	list-style: none;
	}

#main_content li{
	background: url(../images/greentick.jpg) no-repeat left top;
	padding-left:20px;
	margin:5px 0px 10px 0px;
	}	
	
/***************************************************************************** box for links */

.box{
width:200px;
background-color: #FFFFFF;
margin:0px auto 10px auto;
padding:4px 0;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:4px solid #E8E8E8;
border-bottom:4px solid #E8E8E8;
}

.box h3{
color: #666666 /*#2DB32D*/;
margin:.3em 0 .4em 10px;
font:1.5em Helvetica,Trebuchet MS,Arial,sans-serif;
}

.box ul{
width:200px;
margin:0;
padding:0;
list-style:none;
overflow:hidden;
font-size:.9em;
line-height:1.8;
}

.box ul li{
width:200px;
float:left;
margin:0px 0px 1px 0px;
padding:0;
border-top: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}

.box ul a{
padding:2px 5px 2px 10px;
display:block;
text-decoration:none;
color: #006600;
background-color:#F7F7F7;
border-left: 4px solid #ccc;
}

.box ul li.inline{
padding-left:8px;
}

.box ul li.inline a{
padding:2px;
line-height:2.1em;
display:inline;
}

.box ul a:focus{
outline:none;
}

.box ul a:hover{
padding:2px 5px 2px 10px;
text-decoration:underline;
color:#33CC33;
border-left: 4px solid #33CC33;
/*border:0;*/
}	

/***************************************************************************** rightside */
.rightside{
	width:250px;
	background: #FFFFFF;
	display:inline;
	float:left;
	margin: 0px 10px 0px 10px;
	text-align:left;
	}

.rightside li {
	margin:0px 0px 10px 10px;
	list-style: none;
	}

.rightside img {
	margin-bottom:10px;
}

.rightside p {
	margin-left:10px;
}

#map {
		margin:0px auto 0px auto;
}

/***************************************************************************** rightside_container */
.rightcontent_container {
width:220px;
background-color: #fafafa;
margin:10px auto 10px auto;
padding: 0px 4px 0px 0px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-top:5px solid #e5e5e5;
border-bottom:4px solid #e5e5e5;
font-size:.9em;
}

.rightcontent_container h3 {
	color: #2DB32D;
	margin-left:10px;
	}	

.rightcontent_container h4 {
	margin-left:10px;
	}		

/*.rightcontent_container img {
	float:left;
	margin: 10px auto 10px auto;
	}*/
	
.rightcontent_container a {
	font-size:.9em;
	}
	


/***************************************************************************** right box */
.right_box {
	width:210px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	background-color:#f1f1f1;
	}
	
.right_box p{
	margin-left:0px;
	font-size:.8em;
	}

.right_box h3{
	margin-left:0px;
	}
	
/**************************************************************************** footer */
#footer {
	margin: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	border-top:thick solid #006600;
	color: #006600;
	height:50px;
	text-align: right;
	}

#footer p{
	font-size:.9em;
	}

#footer a {
	font-size:.9em;
	color: #006600;
	}

#footer ul {
	margin:0px 10px 0px 0px;
	padding-top:10px;
	list-style:none;
	}
	  
#footer li {
	margin: 0px 0px 0px 0px;
    display: inline;
    }
	 
#copyright {
margin: 0px 0px 0px 10px;
padding-top:10px;
	float:left;
	}
	
/**************************************************************************** subfooter */
#subfooter {
	width:960px;
	margin: 0px auto 20px auto;
	color:#FFFFFF;
	/*height:50px;*/
	text-align:center;
	}

#subfooter p{
	font-size:.9em;
	}

#subfooter a {
	font-size:.9em;
	color: #FFFFFF;
	}

/**************************************************************************** images */
.imgleft{
	float:left;
	margin:0px 20px 20px 0px;
	}
	
.imgright{
	float:right;
	margin-left:10px;
	}

.imgcentre{
	margin-left: auto;
	margin-right:auto;
	display:block;
	}
	
/***************************************************************************** flash */

#flash {
	float:left;
	}


/***************************************************************************** form */	
#formcontainer {
border-top: #CCCCCC 3px solid;
padding-top:20px;
}
	
#formcontainer label{
float: left;
width: 140px;
font-family:Arial, Helvetica, sans-serif;
}

#formcontainer input, textarea, select{
width: 200px;
margin-bottom: 5px;
}

#formcontainer textarea{
width: 200px;
height: 60px;
}

#formcontainer .boxes{
width: 1em;
}

#formcontainer .submit{
margin-left: 180px;
margin-top: 5px;
width: 120px;
}

#formcontainer .callbacksubmit{
margin-left: 150px;
margin-top: 5px;
width: 160px;
}

/***************************************************************************** gethere *****/

#gethere {
	padding-left:10px;
}

#gethere img {
margin-right:10px;
}

#gethere label {
	width:90px;
	}
#gethere input {
	width:120px;
	}
#gethere p{
	font-size:.8em;
	}
	
/***************************************************************************** clear */

html body div.clearall,html body span.clearall{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

.clearall:after{clear:both;content:'.';display:block;visibility:hidden;height:0}

.clearall{display:inline-block}

* html .clearall{height:1%}

.clearall{display:block;}

/***************************************************************************** call back form */
/*#callback form {
width:215px;
display:inline;
}

#callback label {
clear:both;
display:block;
float:left;
margin:0px 3px 0px 10px;
padding:0px 0px;
width:150px;
color: #666666;
}

#callback input {
	width:140px;
	}

#callback .submitdraw {
	width:150px;
	}
	
.callback {
	margin-left:65px;
}

#callback ul {
	list-style:none;
	}
	
#callback img {
	margin-bottom:0px;
}

*/

/****************************** web tools *********************/
#webpagetools {
		width:110px;
		margin:20px 0px 10px 20px;
		float:right;
		}

/***************************************************************************** contact form */
/*#contact_form {
	width:215px;
	display:inline;
	margin:0px auto 0px auto;
	}

#contact_form .phone_fax {
	width:100px;
	margin:0px auto 20px auto;
	border: #333 solid 1px;
	font-weight:bold;
	}

#contact_form label.error {
	color: #F00;
	margin-left:130px;
	width:130px;
	}
	
#contact_form label{
float: left;
width: 100px;
margin: 0px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
}

#contact_form input, textarea, select{
width: 180px;
}

.boxes{
width: 1em;
}

#contact_form #submit_btn{
margin-left: 120px;
margin-top: 5px;
width: 120px;
}*/