body { font-family: helvetica, Verdana, Arial, sans-serif; font-size:11px;
color : #333; 
 }

img{border:none;} 

div#page {  width: 980px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px;  position: relative; }
div#container { float: left; width: 980px; clear: both; margin: 0 auto; background: url("../images/content_bg.gif") #555555; }


div#logo { width: 185px; height:94px; border-right: 4px solid #ffffff; float: left;}

div#headcolor {width: 791px; height:94px;  float: left; background:#de0088; }
div#headcoloredit {width: 791px; height:94px;  float: left; background: #e8ac30}
div#headcolorread {width: 791px; height:94px;  float: left; background: #ee5323}
div#headcolorcirc {width: 791px; height:94px;  float: left; background: #87d0f0}
div#headcolorrate {width: 791px; height:94px;  float: left; background: #d50e8b}
div#headcolormark {width: 791px; height:94px;  float: left;background: #fbb017}
div#headcolorlyl {width: 791px; height:94px;  float: left; background: #d50e8b}
div#headcolorinthe {width: 791px; height:94px;  float: left; background: #F04124}
div#headcolorcont {width: 791px; height:94px;  float: left; background: #89ceeb}



div#content {clear: both;width: 979px; border-top: 4px solid #ffffff;  /*border-bottom: 4px solid #ffffff; overflow: auto;*/}

div#nav{ background-color:#de0088; width: 185px; border-right: 4px solid #ffffff; float: left; overflow: auto; padding: 35px 0; text-align: center;}
div#nav a {padding: 8px 15px; display: block; width: 154px; color: #ffffff; font-size: 10px; text-decoration: none;font-weight: bold; text-align:left; margin-top:3px;}

div#main { width: 790px;  float: left; text-align:center; padding-bottom:0px;}

div#footerleft {clear:both; width: 176px; height: 20px; border-right: 4px solid #ffffff; float: left; background: #e22133; /*border-top:#FFFFFF 2px solid;*/ color: #ffffff; font-size: 10px; padding: 7px 0px 0px 9px;}

div#footerright { width: 791px; height:27px; background:#de0088; float: left; /*margin-top:2px;*/}
div#footerrightedit { width: 791px; height:27px; background:#e8ac30; float: left; /*margin-top:2px;*/}
div#footerrightread { width: 791px; height:27px; background:#ee5323; float: left; /*margin-top:2px;*/}
div#footerrightcirc { width: 791px; height:27px; background:#87d0f0; float: left; /*margin-top:2px;*/}
div#footerrightrate { width: 791px; height:27px; background:#d50e8b; float: left; /*margin-top:2px;*/}
div#footerrightmark { width: 791px; height:27px; background:#fbb017; float: left; /*margin-top:2px;*/}
div#footerrightlyl { width: 791px; height:27px; background:#d50e8b; float: left; /*margin-top:2px;*/}
div#footerrightcont { width: 791px; height:27px; background:#89ceeb; float: left; /*margin-top:2px;*/}

div.home:hover { background: #E22133}
div.edit:hover { background: #E8AC30}
div.read:hover { background: #EE5323}
div.circ:hover  { background: #87D0F0}
div.rate:hover  { background: #E22133}
div.mark:hover  { background: #FBB017}
div.lyl:hover  { background: #E22133}
div.inthe:hover  { background: #F04124}
div.cont:hover  { background: #89CEEB}

div.editcolor { background: #E8AC30; width: 100%; height: 100%; !important}
div.readcolor { background: #EE5323; !important}
div.circcolor { background: #87D0F0; !important}
div.ratecolor { background: #E22133; !important}
div.markcolor { background: #FBB017; !important}
div.lylcolor { background: #E22133; !important}
div.inthecolor { background: #F04124; !important}
div.contcolor { background: #89CEEB; !important}


div#subnav  {padding: 0px 0px 5px 0px ; }
div#subnav a {padding: 0px 4px 5px 22px ; display: block;  color: #ffffff; font-size: 10px; text-decoration: none;font-weight: normal; !important}
div#subnav a:hover {background: url("../images/dot_bg.gif");}

a.selected {background: url("../images/dot_bg.gif");}


div#login {background-color: #FEA608; width:128px; padding: 10px; font-size:10px;color:#ffffff; margin:auto; text-align: left; }

.plaintext  { font-family: arial,helvetica,sans-serif; font-size: 12px; color: #000000}
.header2  { font-family: arial,helvetica,sans-serif; font-size: 12px; color: #ffffff }
.header3  { font-family: arial,helvetica,sans-serif; font-size: 20px; color: #000000 }
.highlight { font-family: arial,helvetica,sans-serif; font-size: 12px; color: #cccccc; font-weight: bold }
a.links { font-family: arial,helvetica,sans-serif; font-size: 12px; color: #B51E8F; text-decoration: none }
a.links:hover { color: #999999}