body { margin:0px; padding: 0; font-family: Arial, Tahoma, sans-serif; color:#333; }
h1 { color:#0089dc; text-decoration:none; }
h2 { color:#0089dc; text-decoration:none; }
h3 { color:#0089dc; text-decoration:none; }
h4 { color:#7ba61d; text-decoration:none; }
.select { color:#7ba61d; font-weight: bold; font-size: 14px; }
#header { height: 293px; background-image: url('pic/headfon.gif'); }
#header1 { height: 145px; background-image: url('pic/headfon1.gif'); }
#cont1 { height: 89px; width: 970px; margin: 0 auto; background-image: url('pic/odmg1.gif'); background-repeat: no-repeat; }
.cont { width: 970px; margin: 0 auto; }

#sbstitle { width: 540px; background-color: #044771; color: #fff; padding: 5px; margin: 0; font-weight: bold; font-size: 13px; padding-left: 25px; }
#sbstitle a { color: #fff; font-size: 120%; }
#od {  height: 237px; width: 495px; float: left; }
#odmg { width: 495px; height: 122px; background-image: url('pic/odmg.gif'); background-repeat: no-repeat; }
#odmgtext { width: 495px; padding-top: 25px; margin: 0; text-align: left; font-size: 13px; }
#comp { height: 237px; width: 470px; background-image: url('pic/comp.jpg'); background-repeat: no-repeat; background-position: center; }

#menu { height: 30px; text-align: left; font-size: 120%; }
#menu a { display:block; float:left; padding:4px 18px 6px; text-decoration:none; color:#fff; background-color:0d7dc1; margin-left: 10px; }
#menu a:hover, #menu a:active, #menu a.active { color:#333; background:#fff; }
#menu .last { border-width:0; background:#fff; color:#333; margin-left: 10px;  }

.contmain { width: 970px; padding: 30 0; text-align: left; margin: 20 0; }
.contmain i { font-size: 90%; }
.contmain hr { border: none; color: #0089dc; background-color: #0089dc; height: 1px; margin: 40px 0; }

.main { padding: 30px 0; }
.main img { float: left; margin: 20px 40px; }
.main a { color:#7ba61d; }
.main select { width: 180px; }

.sdtable { border: 1px solid #999; border-collapse: collapse; font-size: 80%; width: 970px; }
.sdtable th { padding: 8px; border: 1px solid #555; background-color: #666971; color:#fff; }
.sdtable td { padding: 8px; border: 1px solid #555; vertical-align: top; }

.closed { background-color: #C3D9FF; }
.late { background-color: #FFCACA; }

.pages { font-size: 80%; margin: 10px; }

.comms { padding: 5px 5px; font-size: 93%; background-color: #FFFF88; margin: 2px 0; color: #72757E; }

.sbc4img { border: 1px solid black; margin: 10px; }

.margimg { border: 0px; margin: 10px; }

.none { text-decoration:none; }
.green { color:#7ba61d; font-size: 14px; }

.bottom { height: 60px;  background: #f0f0f0; padding-top: 15px; }
.bottom1 { font-size: 12px; color:#666; text-align: left; width: 970px; }
.bottom2 { float: left; width: 770px; }

.news { font-size: 90%; background: #f0f0f0; padding: 20px; margin-bottom: 3px; }
.news span { font-size: 80%; font-weight: bold; color: #0089dc; margin-right: 10px; }
.news a { color:#333; }
.page { font-size: 70%; padding: 10px; margin-bottom: 3px; }

.sd { font-size: 90%; background: #f0f0f0; padding: 1px 15px; margin-bottom: 10px; }

.tabtop { font-size: 80%; margin: 20px 0; }

.prim { font-size: 80%; color:#999; }
.cap { font-size: 90%; }
.cap table {  }

.warn { border: 1px solid red; padding: 20px; }


/* SD Menu*/
ul#cssmenu { width:970px; margin: 0; border: 0 none; padding: 0; list-style: none; background: #36393D; height: 30px; border-left:#36393D 1px solid; }
ul#cssmenu li { margin: 0; border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 30px; }
ul#cssmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 30px; left: 0; }
ul#cssmenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#cssmenu ul li { width: 150px; float: left; display: block !important; display: inline; }
ul#cssmenu a { border: 0px; padding: 0 15px; float: none !important; float: left; display: block; background: #36393D; color: #FFF; font: bold 12px/28px Verdana, Arial; text-decoration: none; height: auto !important; height: 1%; }
/* Main Menu Hover */
ul#cssmenu a:hover, ul#cssmenu li:hover a, ul#cssmenu li.iehover a { background: #CDEB8B; color:#36393D; border-top:#36393D 1px solid; }

/* Second Menu */
ul#cssmenu li:hover li a, ul#cssmenu li.iehover li a { float: none; background: #CDEB8B; color: #36393D; }

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover, ul#cssmenu li:hover li:hover a, ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a { border-top: 2px solid #FFF; background: #36393D; color:#fff; border:#CDEB8B 1px solid; }

ul#cssmenu ul ul { display: none; position: absolute; top: 0; left: 170px; }
ul#cssmenu li:hover ul ul,ul#cssmenu li.iehover ul ul { display: none; }
ul#cssmenu li:hover ul, ul#cssmenu ul li:hover ul, ul#cssmenu li.iehover ul, ul#cssmenu ul li.iehover ul { display: block; }