@charset "UTF-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666;}
a {color:#F26239}
h2 {color:#F26239; font-size:18px;}

#container {width: 825px;  padding: 0; margin: 40px auto 20px auto; border: 1px solid #ccc; display: block; }
#content {width: 825px; padding: 0; margin: 0; background-image:url(images/content_bg.gif); display: inline-block; }

#topnav {padding: 25px 0 18px 0; height: 31px; }

#topnav ul { padding: 0; margin: 0; list-style: none;line-height: 1;}

#topnav a {display: block; text-decoration:none;text-indent: -5000px }

#topnav li {float:left;}

#navHome {display:block; background-image:url(images/NAV.gif); width: 112px; height:31px; background-position: 0px 0px;}
#navEdit {display:block; background-image:url(images/NAV.gif); width: 111px; height:31px; background-position: -112px 0px;}
#navRead {display:block; background-image:url(images/NAV.gif); width: 99px; height:31px; background-position: -223px 0px;}
#navAdve {display:block; background-image:url(images/NAV.gif); width: 130px; height:31px; background-position: -322px 0px;}
#navProm {display:block; background-image:url(images/NAV.gif); width: 212px; height:31px; background-position: -452px 0px;}
#navCont {display:block; background-image:url(images/NAV.gif); width: 150px; height:31px; background-position: -664px 0px;}

#navHome:hover {background-position: 0px -31px;}
#navEdit:hover {background-position: -112px -31px;}
#navRead:hover {background-position: -223px -31px;}
#navAdve:hover {background-position: -322px -31px;}
#navProm:hover {background-position: -452px -31px;}
#navCont:hover {background-position: -664px -31px;}

#footer  {width: 825px; overflow:auto; padding: 20px 0; margin: 0px auto; font-size:10px; }
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#ababab; text-decoration:none;}

#footer img {float: right; margin-top: -20px}

#navLeft { padding: 24px 11px 90px 29px; width: 165px; float:left; font-size: 11px; color:#7DCEC3; font-weight:bold; display:block;}
#navLeft a {color: #F26239; text-decoration:none; font-weight:normal;}
#navLeft ul {list-style:none;  padding:0; margin:0}
#navLeft li { padding:0 0 20px 0; margin:0}

#navLeft h1 a {display: block; height: 134px; width: 105px; background-image:url(images/ologo.gif); text-indent:-3000px; margin-bottom: 30px}


#leftRegcolumn {width: 165px; padding: 24px 20px 24px 20px; float: left; display:block; }
#leftRegcolumn h1 a {display: block; height: 128px; width: 105px; background-image:url(images/ologo.gif); text-indent:-3000px; margin-bottom: 30px; margin-left: 29px;}



#cobContent {padding: 24px 16px; width: 588px ;  float:left; margin:0;} 

#microContent {padding: 34px 0px; width: 620px ; float:left; margin:0; text-align:center;} 
#microContent a {font-size: 11px; color: #666; text-decoration:none;}
#mainImage {float:right;}

#loginbox {color: #fff; font-size: 12px}
#loginbox a {color: #fff; font-size: 12px}

#regform {font-size:12px}