.clearfix:after { content: "."; display: block; position:relative; height: 0; clear: both; visibility: hidden; }
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body { background: url(/images/bkg.jpg) repeat-x #a5a68d; text-align:center; font-family: Arial, Helvetica, sans-serif; margin-top: 5px }

div#container { margin: 0px auto; background-color: #fff; width: 862px; padding: 1px; min-height: 400px; }
div#topbar { width: 862px; height: 144px; }

div#topnav { font-family:Helvetica, Arial, sans-serif; background: url(/images/tbkg.jpg) repeat-x; text-align:right; width: 862px; height: 38px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } 

div#topnav a { line-height: 38px; padding: 11px 18px; color: #473000; font-size: 12px; font-weight: bold; text-decoration:none; }
div#topnav a:hover { color: #fff; text-decoration:none; }

a.first { border-right: 1px solid #89857d; }
a.mids { border-left: 1px solid #e5e2dd; border-right: 1px solid #89857d; }
a.last { border-left: 1px solid #e5e2dd; }

* html div#leftnav { height: 344px; }
div#leftnav { width: 162px; border-right: 1px solid #896931; min-height: 344px; float: left; }

div#leftnav div.hr { height: 1px; background-color: #73520c; border-bottom: 1px solid #e2d4b5; }
div#leftnav a.left { background: url(/images/arrow.png) no-repeat #a76700; display: block; line-height: 29px; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 11px; padding-left: 32px; text-align: left; }
div#leftnav a.left:hover { color: #473000; text-decoration:none; }
div#leftnav a { color: #fff; }
div#leftnav ul.subnav { background: #a76700; font-size: 11px; margin: 0; padding: 0px 0px 10px 0px; }
div#leftnav ul.subnav li { margin: 0px 0px 0px 50px; padding: 3px 0px; text-align:left }

* html div#content { height: 344px; }
div#content { background-color: #fff; float: right; width: 699px; min-height: 344px; text-align: left; font-size: 12px; }

div#contentContainer { background: url(/images/lbkg.jpg) no-repeat bottom left #a76700; }

div#copyright { background-color: #777853; color: #fff; font-size: 11px; font-weight: bold; text-align:left; height: 24px; width: 862px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; clear: both; }
div#footer { width: 862px; height: 9px; background-color: #473000; }
div#sponsors { width: 862px; height: 75px; background-color: #fff; }

div#breadcrumb { padding: 0px 20px; font-size: 10px; }
div#breadcrumb a { color: #330000; font-weight: bold; text-decoration:none; text-transform:lowercase; }
div#breadcrumb a:hover { color: #666666; text-decoration: underline; }

* html div#copy { height: 100px; }
div#heading { padding: 10px 20px 5px 20px; font-weight: bold; font-size: 16px; color: #777853; text-transform: uppercase; }
div#copy { padding: 10px 0px 0px 20px; font-size: 12px; text-align:left; line-height: 18px; min-height: 100px; }

/* plugin css */
div#plugin_directory {}
div#plugin_directory fieldset legend { font-size: 15px; color: #003366; font-weight: bold; }
#plugin_directory_list {}
#plugin_directory_search {}
#plugin_directory_detail {}

h3.bodynav { margin: 10px 0px 0px 0px; font-size: 14px; }
ol.bodynav { margin: 0px 0px 25px 15px; padding: 2px 25px; }
ul.bodynav { margin: 0px 0px 25px 15px; padding: 2px 20px; }

ol li.bodynav { margin: 2px 5px; padding: 0px;}
ul li.bodynav { margin: 2px 0px; list-style-type:square; }

a { color: #996600; text-decoration:underline; }
a:hover { color: #666666; text-decoration:none; }

h1 { margin: 5px 0px 10px 0px; font-weight: bold; font-size: 23px; color: #777853; }
h2 { margin: 5px 0px; font-size: 16px; color: #777853; }
h3 { margin: 5px 0px; font-size: 14px; color: #777853; }
h4 { margin: 5px 0px; font-size: 13px; color: #777853; }
h5 { margin: 5px 0px; font-size: 12px; color: #777853; }
h6 { margin: 5px 0px; font-size: 10px; font-weight: bold; color: #777853; }

ol { margin: 0px 0px 5px 0px; padding: 2px 25px; }
ul { margin: 0px 0px 5px 0px; padding: 2px 20px; }
ul li { margin: 2px 0px; list-style-type:square; }
ol li { margin: 2px 0px; padding: 0px; }

hr { color: #003366; height: 1px; }
p { margin: 0px 15px 15px 0px; }
fieldset { border: 1px solid #ccc; padding: 5px; margin: 5px 0px; }