* { border: none; outline: none; margin: 0; padding: 0; text-decoration: none; list-style-type: none; }
	html,body { margin:0; padding:0; height:100%; min-width: 990px; }
	html { background: #eeeeee url('images/back.png') repeat-y top; }
	body { text-align: center; font-family: 'Arial'; }
	#container { min-height: 100%; height: auto !important; height: 100%; width: 990px; margin: 0 auto; position: relative; text-align: center; }
	
	#header { width: 950px; padding: 40px 20px 0 20px; height: 260px; margin: 0 0 1px 0; float: left; 
			background: #eeeeee url('images/back_header.png') no-repeat left top; }
	
	#body { width: 950px; padding: 0 20px 150px 20px; float: left; }	/* Height of footer + some height */
	
	
	#footer { position: absolute; bottom: 0; left: 0; width: 950px; height: 130px; padding: 0 20px; 
			background: #eeeeee url('images/back_footer.png') no-repeat left top; }
			
	@font-face {
			font-family: Century Gothic;
			src: url('fonts/GOTHIC.TTF');
		}
			
	
	/* HEADER */
	
		.logo { float: left; margin: 0px 5px 0 20px; }
		
		.title { width: auto; float: left; text-align: left; margin: 8px 0 0 0px; }
		.title h1 { font-family: 'Century Gothic'; }
		.title h1 a { color: #7a9e04; }
		.title h1 a:hover { color: #5f7b03; }
		.title h3 { color: #666666; line-height: 30px; font-weight: normal; }
		.title h5 { color: #777777; line-height: 30px; font-weight: normal; }
		
		.banner_text { float: left; text-align: left; width: 490px; margin: 18px 0 0 0px; }
		
		.banner_text h4 { color: #444444; line-height: 19px; font-family: 'Century Gothic'; font-weight: normal; margin: -17px 0 16px 35px; }
		.banner_text h4 span, .banner_text h4 a { color: #444444; line-height: 14px; margin: 0 0 0 10px; }
		.banner_text h4 a:hover { text-decoration: underline; }
		
		.photo { width: 181px; height: 206px; float: left; margin: -150px 0 0 30px; padding: 7px 0 0 7px; 
				background: url('images/photo_back.png') no-repeat; }
		.photo img { float: left; width: 169px; height: 192px; margin: 0; }
		.stamp { position: relative; top: 3px; left: 140px; }
	
	/* MAIN */
					
		#menu { width: 100%; height: 50px; background: #7a9e03; }
		#menu a { display: inline-block;font-size: 13px;padding: 0 11px;line-height: 50px;height: 50px;color: #ffffff;margin-left: -3px;font-weight: bold;}
		#menu a:hover { background: url('images/shadow.png') repeat-x left bottom; }
		#menu a.current, #menu a.current:hover { background: #5f7b03 url('images/shadow.png') repeat-x left bottom; cursor: default; }
		
		#box { width: 240px; height: 139px; float: left; margin: 0 0 0 4px; padding: 20px 30px 0 30px; text-align: left;
				background: url('images/box.png') no-repeat right top; }
		.box h3 { font: 24px 'Century Gothic'; color: #586c00; }
		.box p { font-size: 12px; line-height: 16px; color: #555555; margin: 10px 0; }
		#box-a { font-size: 12px; float: right; color: #586c00; }
		.box a:hover { text-decoration: underline; }
		
		.article { width: 560px; float: left; margin: 0 50px 0 20px; text-align: left; }
		.article h2 { font-family: 'Century Gothic'; color: #888888; margin: 0 0 25px 0; }
		.article p { font-size: 14px; line-height: 19px; color: #555555; }
.article ul { color: #505050; font-family: 'Century Gothic'; margin: 0 0 10px 25px;}
.article ul li {list-style-type:square; font-size: 15px; line-height: 19px;}
		
		.box_blue { width: 300px; float: left; text-align: left; }
		.box_blue_top { width: 240px; height: 54px; padding: 20px 30px 0 30px; background: url('images/box_blue.png') no-repeat left top; }
		.box_blue_top h2 { font-family: 'Century Gothic'; color: #739502; padding: 0 0 10px 0; border-bottom: 1px dashed #739502; }
		.box_blue_main { width: 240px; padding: 10px 30px 30px 30px; background: #bae871 url('images/icon_cross.png') no-repeat 210px 65px; }
		.box_blue_main p { color: #586c00; }
	
		.vip {width: 860px;padding: 0 20px 20px 20px;float: left;}
		.vip p {font-size:75%;}
	/* FOOTER */
		
		.footer_left { width: auto; float: left; text-align: left; margin: 15px 0 0 15px; }
.footer_down { width: 340px; float: left; text-align: left; margin: 30px 0 0 0; }
.footer_down a { color: #386A00; margin: 0 15px 0 0;}		
		.footer_right { width: auto; float: right; text-align: left; margin: 30px 0 0 0; }
		.footer_left a { float: left; margin: 0 15px 0 0; }
.footer_right a { float: right; margin: 0 10px 0 0; }	
		
		#footer p { float: left; margin: 5px 20px 0 30px; text-align: center; font: 12px 'Arial'; color: #666666; line-height: 15px; }		
		#footer p font { color: #888888; }
.menuH
{
     margin: 0; width: 100%; float:none;
    
    height: 50px;
    background: #7a9e03;
    
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}

.menuH li
{
    padding: 0;
    float: left;
    height: 50px;
    position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
}
.menuH li:hover, .menuH li.onhover
{
}

ul.menuH a
{
    padding: 0 14px;
display: block;
font-size: 13px;
line-height: 50px;
height: auto;
color: #ffffff;
margin-left: 0px;
font-weight: bold;
}
.menuH a:hover
{
    background: #5f7b03 url('images/shadow.png') repeat-x left bottom;
cursor: default;
}
.menuH a.arrow
{
   /* background: url(images/arrow.gif) no-repeat right center;*/
}
.menuH a.current
{
background: #5f7b03 url('images/shadow.png') repeat-x left bottom; cursor: default; }
.menuH ul a.arrow
{
    background: url(right.gif) no-repeat 97% center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
}
               
        
/*######sub level###########*/
        
ul.menuH ul
{
    width: auto;
    position: absolute;
    left: -9999px;
    
    border-top: 0; 
    background: #5f7b03;    
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 1px 10px 0;
    box-sizing:content-box;
}

.menuH li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
}
.menuH li li:hover, .menuH li li.onhover
{
    background:#f7f7f7;
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 26px;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    text-align: left;
}

.menuH ul a:hover
{

color: #fff;
}

.menuH li:hover ul, .menuH li.onhover ul
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 1px solid #DDD;
}

.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
    left: 200px;
}
        
/*####### special effects ##########*/
        
.decor1 
{
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */

    -moz-box-shadow: 0px 1px 4px #eee; /* Firefox */
    -webkit-box-shadow: 0px 1px 4px #eee; /* Safari and Chrome */
    box-shadow: 0px 1px 4px #eee; /* Opera 10.5+, future browsers and IE6+ using our behavior htc file */
            
}
.menuH ul 
{
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    -moz-box-shadow: 0px 6px 6px #CCC;
    -webkit-box-shadow: 0px 6px 6px #CCC;
    box-shadow: 0px 6px 6px #CCC;  
    
    /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/
    filter:alpha(opacity=90);
    opacity: 0.90;  
            
    /* Gradient background */
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
}