html
{ 
    padding: 0; 
}

body         
{ 
    color: #292929; 
    font-size: 72%;/* IE */
    font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; 
    text-decoration: none; 
    vertical-align: top; 
    margin: 0; 
    padding: 0; 
}

html>/**/body {
  font-size: 12px; /* Except IE */
}


body.flashbody
{ 
  text-align: center; 
  padding-top: 200px; 
}

body.flashbody a
{ 
   background-color: #fff; 
   padding: 50px 30px; 
   display: inline; 
}



img{border: 0px;}

table {  
    border-collapse: collapse;
    border-spacing: 0;  
}

h1,h2,h3,h4
{
margin:0;
}
 
h1    
{ 
color: #4c4c4c; 
font-size: 170% ; 
font-weight: normal; 
line-height: 110%; 
margin: 0; 
}

h2   
{ 
color: #069; 
font-size: 130% ; 
font-weight: normal; 
line-height: 110%; 
padding-bottom: 5px; 
border-bottom: 1px solid #ccc; 
}

h3   
{ 
color: #069; 
font-size: 110% ; 
font-weight: bold; 
line-height: 110%; 
}

hr 
{ 
background-image: url(images/hr_h.gif); 
height:1px; border:0; 
width:100%; 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

ul  
{ 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ; 
}

ul li  
{ 
background-image: url(images/arrow.gif); 
list-style-type: none; 
background-repeat: no-repeat; 
background-position: 0 7px; 
margin: 0; 
padding: 0 0 0 15px; 
}

ul li li
{ 
background-image: none; 
list-style-type: disc; 
margin: 0 0 0 20px; 
padding-left: 0; 
}


/*base layout -- inside pages */

#wholewrap
{ 
width: 870px;
margin-right: auto;
margin-left: auto; 
padding: 0 0 0; 
text-align: left; 
}

#header   
{
height: 90px;
width: 100%;        
padding: 0; 
border: 1px solid white;
}

div#logo
{
padding:10px 0; 
width:400px;
float: left;
}

div#headerinfo
{ 
font-size: 90%; 
text-align: right;
padding:15px 0 0; 
width:400px; 
float: right; 
}

body.insidebody 
{ 
background-image: url(images/insidepage_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 127px; 
text-align: center; 
padding: 0; 
}


div#contents_inside
{ 
margin-top: 20px; 
padding: 0; 
}

div#leftbox
{ 
line-height: 180%; 
background-color: #fff; 
background-image: url(images/corner.gif); 
background-repeat: no-repeat; 
background-position: left 0; 
width: 515px; 
float: left; 
padding: 25px; 
}

div#rightbox
{ 
float: right; 
padding: 0 0 20px;
width:300px;
}

div#rightimage 
{ margin: 0 0 20px 0; padding:0; }

div#rightimage img
{padding:0;
margin:0;
}

div#rightbox_heading
{ 
font-size:110%;
color: #fff; 
font-family: Arial, Helvetica; /* Georgia, "Times New Roman", Times, serif; */
font-weight: bold; 
background-color: #b0c82c; 
background-image: url(images/menubar_left.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
text-align: left; 
margin: 0; 
padding: 8px 5px 5px 15px; 
border-bottom: 2px solid #8aa14c; 
}

div#rightbox_text
{ 
line-height: 150%; 
text-align: left; 
vertical-align: top; 
padding: 10px; 
}

div#rightbox_text h1
{ 
color: #069; 
font-size: 110%; 
margin: 0 0 10px; 
}





/*base layout -- top pages */
body.topbody
{ 
background-image: url(images/toppage_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 125px; 
text-align: center; 
}

#mainimage
{ 
height: 275px; 
}

#mainimage img
{ 
float: left; 
margin:20px 2px 20px 0; 
}

div#contents
{ 
padding-top: 20px; 
padding-bottom: 20px; 
}

div#contents #leftbox
{ 
line-height: 180%; 
padding:0;
background-image: url(images/watermark.gif); 
background-repeat: no-repeat; 
background-position: center 0; 
width: 570px; 
float: left; 
}

div#contents #rightbox
{ 
width: 280px; 
float: right; 
padding-bottom: 20px; 
}




/*link*/
a     
{ 
color: #069; 
text-decoration: underline ;
}

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




/*main menu*/
div#menu
{ 
background-color: #9ab027; 
background-image: url(images/menu_bgwhole.gif); 
background-repeat: repeat-x; 
background-position: left 0; 
text-align: center; 
height: 35px; 
margin: 0; 
padding: 0 10px; 
top: -1px;
}

ul.menu
{ 
margin: auto;
padding: 0; 
list-style-type: none; 
display: block; 
}

ul.menu li 
{ 
background-image: url(images/menu_line.gif); 
background-repeat: no-repeat; 
background-position: right bottom; 
float: left; 
margin: 0; 
padding: 0 3px 0 0; 
list-style-type: none; 
}

ul.menu li a
{
display: block;
font-size: 1em; 
color: #fff; 
font-weight: normal; 
text-decoration: none; 
text-align: center; 
height: 23px; 
padding-top: 12px; 
list-style-type: none; 
width:165px;
white-space:nowrap;
 }

#end{ background-image: none; }

ul.menu li a:hover
{ 
color: #fff; 
background-image: url(images/menu_bg.gif); 
background-repeat: repeat-x; 
background-position: center 0; 
text-decoration: none; 
}

a.thispage
{ 
color: #fff; 
background-image: url(images/menu_bg.gif); 
background-repeat: repeat-x; 
background-position: center -40px; 
text-decoration: none; 
}




/*sub menu*/
div.submenu 
{ 
background: #eaebd8; 
text-align: left; 
visibility: hidden; 
position: absolute; 
padding:0; 
width:165px; 
z-index: 3; 
margin: 0; 
}

div.submenu ul
{
margin:0;
clear:both;
}

div.submenu li
{ 
background-image:none; 
float: none; 
padding: 0; 
display: inline; 
}

ul.submenu li a 
{ 
color: #4c4c4c; display: 
block; text-align: left; 
text-decoration: none; 
border-top: 1px solid #d8dbc8; 
padding: 10px; 
height: auto; 
margin:0; float: 
none; width:auto; 
white-space: normal; 
}

ul.submenu li a:hover 
{ 
color: #4c4c4c; 
background: #d8dbc8; 
}




/*footer*/
#footer 
{ 
font-size: 90%; 
background-color: #b0c82c; 
text-align: center; 
vertical-align: top; 
clear: both; 
padding: 30px 15px; 
border-bottom: 7px solid #757575; 
}

#footer_text
{ 
text-align: left; 
width:870px; 
margin-right: auto;
margin-left: auto; 
}
#footer  a
{ 
margin-right: 7px;
margin-left: 7px; 
}

#footer a:hover
{ 
color: #292929; 
text-decoration: underline; 
}