/*------------------------------------------------------------------------
iLayer

design & code:	Universal Head www.universalhead.com
------------------------------------------------------------------------*/

/* @group basics */

* {
  	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

body {
	font: 62.5%/1.6 Myriad, "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: center;
	background-color: #004e77;	
	color: #444;
}

/* @end */

/* @group typography */

p {
	font-size: 1.3em;
	color: #444;
}

h1 {
	font-size: 3em;
	line-height: 1.4em;
	font-weight: normal;
	color: #39abe8;
}

h2 {
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: normal;
	color: #0082c6;
}

h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	color: #0082c6;
}

h4 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	color: #0082c6;
}

div#feature_text {
    cursor: pointer;	
	position: absolute;
    width: 880px;	
/*    width:100%;*/
	padding: 30px;
	top: 120px;
	color: #FFFF00;
	font-size: 1.8em;
	font-weight:bold;

}

div#feature_text h1 {
	text-shadow: 0px 1px 1px #000;
}
div#feature_text h2 {
	text-shadow: 0px 1px 1px #000;
}

/*.feature_text {
	position: absolute;
    width: 880px;
	padding-left: 50px;
	top: 150px;
	color: #FFFF00;
	font-size: 1.8em;
	font-weight:bold;
}
*/


/* @end */

/* @group links */

a:link {
	color: #8dc73f;
	text-decoration: none;
}

a:visited {
	color: #8dc73f;
	text-decoration: none;
}

a:hover {
	color: #444;
	text-decoration: none;
}

a:active {
	color: #8dc73f;
	text-decoration: none;
}

.external {
	background: url(/common/img/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

/* @end */

/* @group structure */

#wrapper {
	width: 930px;
	margin: 0 auto;
	text-align: center;
	border-left: #fff 5px solid;
	border-right: #fff 5px solid;
}

#masthead {
	width: 930px;
	height: 120px;
	margin: 0 auto;
	background: url(/common/img/masthead.jpg) no-repeat top left;
	
	text-align: left;
}

#feature {
	width: 930px;
	height: 290px;
	margin: 0 auto;
	text-align: left;
	z-index: 100;	
}

#mainnav {
	width: 930px;
	height: 60px;
	margin: 0 auto;
	text-align: right;
	background: url(/common/img/bg_mainnav.jpg) no-repeat top left;
}

#contentwrapper {
	width: 930px;
	margin: 0 auto;
	text-align: left;
    padding-top: 30px;
	background: url(/common/img/bg_main.jpg) repeat-y top left;
}

#maincolumn {
	width: 765px;
	float: right;
	display: inline;
	overflow: visible;
	position: relative;
	text-align: left;
	padding-bottom: 3em;
	z-index: 0; 
	
}

#sidecolumn {
	width: 160px;
	float: left;
	display: inline;
	overflow: visible;
	position: relative;
}

#footer {
	clear: both;
	width: 930px;
	height: 60px;
	text-align: left;
	background: url(/common/img/bg_footer.jpg) no-repeat top left;        
}

#main_col1 {
	width: 380px;
	float: left;
	display: inline;
	overflow: visible;
	position: relative;
	text-align: left;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

#main_col2 {
	width: 380px;
	float: left;
	display: inline;
	overflow: visible;
	position: relative;
	text-align: left;
	border-top: 3px solid #fff;	
}

#main_box {
	top: 0px;
	left: 480px;
	width: 240px;
	float: right;
	clear:left;
    margin-right: 20px;    
	padding: 20 0 0 0px;
    /*
	display: inline;
	overflow: visible;
	position: absolute;
	text-align: left;*/
	border: 1px solid #CCC;
	background: #FEFEFE;	
}

#main_box p, #main_box h1, #main_box h2, #main_box h3, #main_box h4, #main_box h5, #main_box h6, #main_box pre, #main_box blockquote, #main_box form, #main_box fieldset, #main_box table, #main_box ul, #main_box ol {
	padding: 0 5px 1em 5px;
}

/* @end */

/* @group main nav */
/******/


/* last changed  on 29 May 2010 for menus*/
#mainnavbar { 
	padding: 0;
	list-style: none;
	width: 930px;
	height: 80px;
	display: inline;
	overflow: hidden;
    font-size: 1.4em;
}

#mainnavbar ul { 
	margin: 19px 10px 0px 0px;
  }
  
#mainnavbar li { 
/*	position: relative;*/
  	display: inline;
	padding: 0;
	float: left;
    text-align: right;
	list-style: none;
	display: inline;

  	font-weight: bold; 
/*	width: 100px;  */
     background: #8DC73F;
	 
	
/*	 border: 3px solid #00ff00;						*/
}

/***********/

/*#mainnavbar { 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 930px;
	height: 80px;
	display: inline;
	overflow: hidden;
}

#mainnavbar li { 
	position: relative;
	display: inline;
	margin: 18px 10px 0 20px;
	padding: 0;
	float: right;
	list-style: none;
	display: inline;
	font-weight: normal;
}

#mainnavbar a {
	float: left;
	font-size: 1.4em;
	color: #1778bd;
	font-weight: bold;
}

#mainnavbar li#one {
	margin-right: 55px;
}

#mainnavbar a:hover {
	color: #fff;
	padding-bottom: 0;
	border-bottom: 3px solid #fff;
}

*/


/* @end */

/* @group main column */

#maincolumn p, #maincolumn h1, #maincolumn h2, #maincolumn h3, #maincolumn h4, #maincolumn h5, #maincolumn h6, #maincolumn pre, #maincolumn blockquote, #maincolumn form, #maincolumn fieldset, #maincolumn table, #maincolumn ul, #maincolumn ol {
	padding: 0 45px 1em 45px;
}

#maincolumn h1 {
	padding-bottom: 0.6em;
}

#maincolumn h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#maincolumn h3 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#maincolumn h4 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#maincolumn ul {
	font-size: 1.3em;
	list-style-type: circle;
	padding-left: 90px;
}	

#maincolumn ul li {
	padding-bottom: 0.6em;
}

/* @end */

/* @group side column */

#sidecolumn p, #sidecolumn h1, #sidecolumn h2, #sidecolumn h3, #sidecolumn h4, #sidecolumn h5, #sidecolumn h6, #sidecolumn pre, #sidecolumn blockquote, #sidecolumn form, #sidecolumn fieldset, #sidecolumn table, #sidecolumn ul {
	padding: 0 20px 1em 20px;
}

#sidecolumn p {
	font-size: 1.1em;
	line-height: 1.6em;
}

#sidecolumn h3 {
	padding-bottom: 0.4em;
}

#sidecolumn ul {
	font-size: 1.1em;
	list-style-type: none;
}	

#sidecolumn ul li {
	padding-bottom: 0.3em;
}


/* @end */

/* @group footer */

#footer p {
	font-size: 1.2em;
	line-height: 3em;
	color: #000;
	padding: 12px 20px 0 55px;
}

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

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

#footer a:hover {
	color: #fff;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 3px solid #fff;	
}

#footer a:active {
	color: #000;
		text-decoration: none;
	border-bottom: 5px solid #000;	
}


/* @end */

/* @group images */

.fLeft {
	float: left;
	margin: 0px 10px 0px 0px;
	border: 4px solid #fff;
}

.fRight {
	float: right;
	margin: 0px 0px 0px 10px;
	border: 4px solid #fff;
}

/* @end */

/* last changed  on 29 May 2010 */
/* @group forms */

fieldset { border: 1px solid transparent; }
form label { cursor: pointer; }
input, select, textarea, { font-size: 110%; }

form {
	font-size: 1.1em;
/*	font-style: italic;*/
	color: #968E79;
    padding-left: 0px;
}

form th {
	width:200px;
    vertical-align:text-top;	
}

form td {
	width:400px;
	font-size: 1.1em;	
    vertical-align:text-top;	
}

form ul{
	text-align: left;	
	padding-left: 20px !important;		
	
}

form td li{
	font-size: 0.8em;	
	padding-left: 0px;	
}

form dl dd  {
	padding-bottom: 1.5em;
	padding-left: 0px;
	margin: 0;
}

ul .errorlist {
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	color: #EE0000;
}
.errorlist {
	text-align: left;
	font-size: 8px;
	font-weight: bold;
	height: 10px;
/*	font-style: italic;*/
    color: #FF8E79;	
}

/* @end */	
/*
#new_feature{
    position: absolute;		
	width: 930px;
	height: 290px;
	margin: 0 auto;
	text-align: left;
	border: 3px solid #f0ff00;		
  
}


div#new_feature_text{
    position: absolute;		
	border: 3px solid #ff0000;		
    float: top;
	margin-left: 50px;
/*	top: 50px;
	left:100px;*/
/*	color: #FFFF00;
	font-size: 1.8em;
	font-weight:bold;
	width: 790px;
	height: 250px;
}
*/