/* CSS Document */
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td 
{margin:0; padding:0;}
h2, h3, h4, h5, h6 {font-size: 101%; font-weight: normal;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse;}
caption, th {text-align:left;}
fieldset, img {border:0;}
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {font-style:normal; font-weight:normal;}
/*=====================================================================================*/
/* begin page style sheet here */
body {background: #333 url(images/pattern.png) repeat;; margin: 0 auto; font:15px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;	color:#333;}
/*=====	main page container =====*/
#container {margin: 1em auto 1em auto; width:775px; background:#fff;}
/*===== header =====*/
#header {background: url(images/logo.jpg) #660000 no-repeat; color:#fff; height:100px;}
#header h1 {font-size: 271%; font-weight:normal; padding:0 5px 5px 5px;}
/*===== main navigation =====*/
#mainnav {margin-right:4px; margin-left:4px; height: 25px; background:#7E9760; color:#fff; padding:0px;}
#mainnav ul {margin: 0px auto;}
#mainnav li {display:inline; padding:0 10px; border-left: 1px solid #666; font-size:80%;} 
#mainnav li a { color:#fff; display: block; float: left; height: 25px; text-decoration: none; padding: 5px 20px 0px 20px; text-transform: uppercase; font-size: 100%; border-right: 2px solid;} 
#mainnav li a:hover {text-decoration:none; color:#333;}

/*===== Side menu =====*/
#menu {float:right; width:190px; background:#666 url(images/menu_bg.jpg) repeat-y; margin-top:.5em; padding:0; color:#333; height:300px; border-top:solid #B3BCC1 thin; border-bottom:solid #B3BCC1 thin; border-left:solid #B3BCC1 thin; margin-top:35px;}
#menu h4 {font-size:90%; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;	color:#333; font-weight:normal; margin:0px 0 2px 0; padding: 4px; background:#fff url(images/menuh4_bg.jpg) repeat-x;}
#menu ul {padding-left:12px;}
#menu ul li {font-size: 90%; line-height:120%; margin:3px 0 3px 0; padding:2px;}
/*===== Page body =====*/
#contents {font-size:110%;margin-right:35px; margin-left:35px; margin-top:10px; color:#333;}
#contents h2, #contents h3 {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;	color:#333}
#contents h2 {font-size:130%;}
#contents h3 {font-size:90%; margin-bottom:1em;}
#contents p {font-size:90%; line-height: 150%; padding-bottom:12px;}
#contents ul {padding-left:5px; margin-bottom:5px;}
#contents li {font-size:90%; list-style-type:square; list-style-position:inside;}
#contents a, #menu a {color:#DD8142; text-decoration: underline;}
#contents a:hover, #menu a:hover {color:#DD8142; background-color: #333333; text-decoration:underline overline;}
#menu li a {padding:2px;}
/*===== Footer =====*/
#footer {margin-top:5px; background:#7E9760; color:#fff; height:30px;}
#footer p {font-size:70%; text-align:center;padding: 5px 0px 4px 0px;}
#footer a, #footer a:visited {text-decoration: underline; color:#fff;}
#footer a:hover {text-decoration:underline; color:#fff;}