
* { margin:0; padding:0; }

img {
	border: 1px solid #919191;
	margin:10px;	
}


body {
font-family : Arial, Helvetica, sans-serif;
height: 100%;
font-size: 71%;
margin:0; 
padding:0; 
text-align:left; 

background: url(gfx/bg.png);
background-position:top;
background-repeat:no-repeat;
background-color:#DBDBDB;



color: #333;
}

/* ---Layout--- */
#sizer{
width:777px;
margin-top:27px; 
margin-left:auto; 
margin-right:auto;
background-color:#000000;
}


#pagebevel{
width:773px;
margin-left:auto; 
margin-right:auto; 
background: url(gfx/bevel.png);
background-repeat:repeat-y;
background-color:#FFFFFF;

}

#pagewidth{ 

background: url(gfx/main_bg.png);
background-position:top;
background-repeat:no-repeat;
width:773px;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 
	
#header{
height:55px;
}

#logo{
position: absolute;
margin-left:60px;
height:80px; 
background: url(gfx/logo.png) no-repeat; 
width:360px;
} 

#topmenu{
height:65px; 
	} 

.menu_top
{
width:700px;
padding-left:28px;
padding-top:2px;
}

#wrapper{
margin-left:0px;
width:0px;
} 

#wrapper_inner{
width:770px;
margin-left:auto; 
margin-right:auto;  
padding-top:38px;
padding-bottom:20px;
}


/* width of content/mainbody */
.content{
/*
width: 550px;
margin-left: 50px;

*/
width: 550px;

float: right;
margin-left: 0px;




margin-right: 25px; 


}

#content-left-main {
width: 300px;
float: left;
margin-left: 10px;
margin-right: 10px;
}

#content-main-right {
width: 300px;
float: left;
margin-left: 20px;
}

#content-main-only {
margin-left: 10px;
margin-right: 10px;
}
/**/

.menu_left {
width: 120px;
float:left;
padding-left:25px;
}

#right {
width: 10px;
float: right;
margin-left: 10px;
margin-right: 10px;
}

#footer{
width:777px; 
height:6px; 
background: url(gfx/footer.png) no-repeat;
clear:both;
margin-left:auto; 
margin-right:auto; 
 } 
 
 
 /* *** Float containers fix from:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{	clear: both;display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* ---Styles--- */


/* Text and Headers */
p {
	margin-bottom:10px;
}

div, p, table, td, th {
font-family : Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #333333;
}


div.componentheading {
padding-left: 0px;
}



h1 {
color: #000000;
font-size : 1.2em;
text-transform : uppercase;
padding-left: 0px;
padding-top:2px;
margin-bottom: 15px;
font-weight:bold;
}
h1:first-letter {
	color: #00B000;
}



h2{
color:#555555;
font-size : 1.1em;
font-family: Arial, Helvetica,sans-serif;	
padding-left: 0px;
padding-top:2px;
margin-bottom: 15px;
font-weight:normal;
text-transform:uppercase;
}

h4{
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #000000;
text-align: left;
width: 100%;
}

table.contentpaneopen h3 {
margin-top: 25px;
}




.menu_left_header{
padding: 0;
font-size : 1.1em;
color: #000000;
padding-left: 0px;
padding-top:2px;
margin-bottom: 2px;
border-bottom : 2px solid #00B000;
padding-bottom:5px;
text-align: left;
text-transform : uppercase;
font-weight: normal;
width:120px;
display: block;
}

.menu_left_header:first-letter
{
	color: #00B000;
}

.componentheading {
color: #5f9722;
font-size : 1.2em;
font-weight:bold;


}

/* modules */

#footer_inner div{
color : #5f9722;
text-align:center
}
/* menu links */

ul, li
{
	margin-left:10px;	
	list-style:disc;
}

.menu_top ul{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}

.menu_top li{
list-style: none;
display: block;
float: left;
margin: 0;
white-space: nowrap;
}


.menu_top_text, .menu_top_text_active
{
	display: block;
	font-size:10px;
	height:25px;
	
float:left;
color:#000000;
text-align : center;
width:auto;
padding-left:10px;
padding-right:10px;

padding-top:10px;
text-decoration : none;
text-transform : uppercase;

}


.menu_top_text:hover, .menu_top_text_active:hover{
color:#00B000;
width:auto;
padding-left:10px;
padding-right:10px;
font-weight:normal;

}



a#active_menu-nav {
color : #ffffff;
width:auto;
padding-left:10px;
padding-right:10px;
height:35px;}


.menu_left ul{
	padding:0px;	
	padding-top:14px;	
	margin:0px;		
	text-align:left;
	display: block;	
	list-style-type:none;		
}

.menu_left li{
	display: block;
	margin-left:0px;
	margin-right:0px;	
	list-style-type: none;

	font-size:11px;	
	padding-bottom:5px;	
	height:20px;
}

.menu_left_text, .menu_left_text_active{
display : block;
font-size: 0.9em;
text-decoration : none;
width : 120px;
text-align : left;
color : #333333;
padding:0px;
list-style:none;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#777777;
}

.menu_left_text:hover, .menu_left_text_active:hover{
font-size: 0.9em;
width : 120px;
padding:0px;;

text-align : left;
color : #00B000;
text-decoration : none;
list-style:none;
font-weight:normal;
}



/* links */
a
{
color: #00B000;
text-decoration : none;
font-weight:normal;
}

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








