/* CSS Document */

body, table{ font-family:verdana; font-size:13px; color:#000000;}
body{ margin:0; padding:0; background-color:#A8B65D;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}

.logo{ background:url(images/how-to-make-a-website.jpg) center; font-family:Arial, Helvetica, sans-serif; text-align:center; width:470px;}
.logo h3{ font-size:18px; color:#FFFFFF; margin:0; border:none; background:none;}
.logo h4{font-size:10px; color:#FFFFFF; margin:0}

.borderLeft{ border-left: 2px solid #FFFFFF;  }
.border{ border: 2px solid #FFFFFF;}

#menu { width: 100%;  margin: 0 auto; text-align:center; border-bottom:3px solid #A9B718; border-top:2px solid #FFF; height:30px;}
#menu ul { margin: 0; padding: 0; line-height:30px; font-size:12px;}
#menu ul li {  display: inline;  float: left; list-style: none; width:12%}
#menu ul li a { display: block; text-decoration: none; color: #FFF; font-weight:bold; }
#menu ul li a:hover, #menu ul li a.active {font-weight: bold; background-color:#A9B718; color:#FFF; text-decoration:underline;}

.left{background:url(images/left_bg.gif) #FFF; text-align:left;}
.left h1{ background:url(images/bg_01.gif) repeat-x #687200; border:2px solid #FFF; border-left:none; border-right:none; text-transform:uppercase; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px; margin:0 0 5px 0;}

#leftmenu { width: 100%;  margin: 0 auto; text-align:left; width:193px;}
#leftmenu ul { margin: 0; padding: 0; font-size:11px;}
#leftmenu ul li {  display:list-item;  float: left; list-style: none; line-height:24px; width:193px; border-bottom:1px solid #C2C2C2;}
#leftmenu ul li a { display: block; text-decoration: none; color: #777777; font-weight:bold; padding:0 10px 0 10px; }
#leftmenu ul li a:hover, #leftmenu ul li a.active {font-weight: bold; text-decoration:underline; background:url(images/left_bg.gif) #E9FF00; padding:0 10px 0 10px;}


#topmenu { width: 100%;  margin: 0 auto; text-align:left; width:193px;}
#topmenu ul { margin: 0; padding: 0; font-size:11px;}
#topmenu ul li {  display:list-item;  float: left; list-style: none; line-height:24px; width:193px; border-bottom:1px solid #C2C2C2;}
#topmenu ul li a { display: block; text-decoration: none; color: #777777; font-weight:bold; padding:0 10px 0 10px; }
#topmenu ul li a:hover, #leftmenu ul li a.active {font-weight: bold; text-decoration:underline; background:url(images/left_bg.gif) #E9FF00; padding:0 10px 0 10px;}



.right{background:url(images/left_bg.gif) #F1F2E5; text-align:left;}
.right h1{ background:url(images/bg_01.gif) repeat-x #687200; border:2px solid #FFF; border-left:none; border-right:none; text-transform:uppercase; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px; margin:0 0 5px 0;}


.footer{color:#ADADAD; }
.footer a{ color:#ADADAD; text-decoration:underline;}
.footer a:hover{ color:#ADADAD; text-decoration:none;}


<!--
a:link {color: #0000ff; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #0000ff; text-decoration: underline; }
a:hover {color: #990000; text-decoration: none; }

.h1_header {font-size: 28px; color: #687200; font-family:century gothic; margin:0}
h1{font-size: 28px; color: #687200; font-family:arial; margin:0}
h2{font-size: 18px; color: #990000; font-family:arial; margin:0}
h6{font-size: 18px; color: #990000; font-family:arial; margin:0; text-decoration:none}


-->

td.footer{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}

h1,h2,h3,h4,h5,h6{
margin-bottom: 0px;
padding-bottom: 0px;
}

.navigation{font-family:verdana; font-size:10px; }

a.newsletter {font-size: 8px; font-family:century gothic; margin:0}