/* main layout */
body, html {margin: 0; padding: 0; height: 100%;}
body {font-family: Verdana; background: #FFF; color: #333;}
#container {width: 780px; margin: 10px auto; line-height: 130%;}
#top {padding: 10px 10px 30px 10px; border-top: 1px solid #CCCCCC; text-align: right;}
#leftnav {float: left; width: 160px; margin: 10; padding: 0px;}
#content {float: left; width: 600px; margin: 0; padding: 10px;}
#bottom {clear: both; padding: 10px; text-align: center; border-top: 1px solid #CCC;}
#column1 {float: left; width: 280px; margin: 0; padding: 5px;}
#column2 {float: right; width: 280px; margin: 0; padding: 5px;}

/* text style */
#top {font-size: 12px;}
#top h1 {font-size: 14px; text-transform: uppercase; margin: 0; padding: 0;}
#bottom {font-size: 11px; text-transform: capitalize; margin: 0; padding: 0;}
#content p {font-size: 11px; margin: 0; padding: 0px 0px 10px 0px;}
#content h2 {font-size: 16px; margin: 0; padding: 0; font-weight: bolder;}
#content h3 {font-size: 12px; text-transform: capitalize; margin: 0; padding: 5px 0px; color: #006633;}
#content h4 {font-size: 11px; text-transform: uppercase; margin: 0; padding: 0; color: #666666;}

/* list style */
#leftnav ul {list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #CCC;}
#leftnav ul li {font-size: 11px; width: 160px; border-top: 1px solid #CCC;}
#content ul li {list-style-type: circle;}
#content ul li {font-size: 11px;}

/* link style */
a, a:active {color: #333; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #006633; text-decoration: underline;}

#leftnav a:hover {background: #F5F8FB;}