/* CSS Document */
*, html, body { margin: 0; padding: 0; }
body { background: #b5b5b5 url(images/bodybg.jpg) top left repeat-x; font-family: "Trebuchet MS", "Tahoma", Arial, Geneva; }

#mainwrap { margin: 0 auto; width: 800px; }
#header { background: transparent url(images/header.jpg) top left no-repeat; height: 338px; }
#menu { padding: 98px 0 0 0;  }
#menutabs { list-style: none; padding: 0 0 5px 42px; }
#menutabs li { margin: 0 0 2px 0; }
#menutabs li span { font-size: 11px; font-style: italic; color:#990000; }
#menutabs li a { display: block; width: 180px; font-size: 12px; text-decoration: none; font-weight: bold; color: #333; text-transform: capitalize; background: #CCC; padding: 3px 0; border-bottom: 3px solid #222; text-indent: 8px; }
#menutabs li a span { visibility: hidden; }
#menutabs li a:hover, #menutabs li a:hover span, #selected { color: #FFF !important; visibility: visible; text-transform: uppercase; background: #993300 !important; text-indent: 15px !important; }

#content { background: #B5B5B5 url(images/bgbody.jpg) top left no-repeat; padding: 28px 15px 5px 15px; }
#leftcol { width: 25%; float: left; background: #333; border: 4px solid #666; }
#rightcoll{ width: 40%; float: right;}
#rightcol { width: 70%; float: left; }
.leftbox { padding: 5px 10px; }
.rightbox { padding: 5px 10px; margin: 0 0 0 5px;}
.leftbox h4 { font-size: 24px; color: #CCC; border-bottom: 1px solid #CCC; margin: 0 0 6px 0; }
.leftbox p { color: #FFF; font-size: 12px; padding: 0 5px; }
.rightbox h4 { font-size: 35px; color: #333; border-bottom: 1px solid #333; margin: 0 0 8px 0; }
.rightbox p { font-size: 14px; }
.clr { display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: "." }
#footer { background: #F1AB2F; border-top: 8px solid #3A1E00; }
#footer p { font-size: 11px; padding: 15px 0; text-align: center; }