@charset "utf-8";
/* hitajepe CSS Document */

* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,border, tbody, tfoot, thead, tr, th { border: 0;	outline: 0;	vertical-align: baseline;	padding-top: 0;	padding-right: 0;	padding-bottom: 0;	padding-left: 0;	margin: 0; }

ol, ul{ list-style:none;}

.floatleft { float:left;}
.floatright { float:right;}
.clear{clear:both}
a {outline: none;}
/* -------------------------------------- */

body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#000; line-height:20px; background:#003366}

#main-header{text-align:center; background:#fff;}
#header{/*border-top:solid 10px #db1111;border-bottom:solid 10px #db1111;*/background:#003366; text-align:center; padding:5px 0 0}


#nav{ background:url(../images/nav-bg.gif) repeat-x top left; height:40px; border-bottom:solid 1px #000;}

.title{color:#fff; background:#db1111;}

.g-top{height:20px; background:url(../images/g-top.gif) repeat-x top left;}
.g-top10{height:10px; background:url(../images/g-top10.gif) repeat-x top left;}
.g-btm{height:10px; background:url(../images/g-btm.gif) repeat-x top left;}
.heading{background: url("../images/heading-bg.gif") repeat-x scroll left top transparent;color: #FFFFFF;font-weight: bold;height: 26px;padding: 5px 0 0 5px;}
.heading-blue{background: url("../images/heading-bg-blue.gif") repeat-x scroll left top transparent;color: #FFFFFF;font-weight: bold;height: 26px;padding: 2px 0 0 5px;}


#container-bg{background:url(../images/content-bg.png) repeat-x top left; padding:10px 0 0;}
#container{width:996px; margin:0 auto; height:auto; overflow:hidden; background:#fff; padding:6px 0 0; position:relative}
#container .circle-tl{ background:url(../images/circle-t.gif) top left; width:10px; height:10px; position:absolute; top:0; left:0;}
#container .circle-tr{ background:url(../images/circle-t.gif) top right; width:10px; height:10px; position:absolute; top:0; right:0;}
#container .circle-bl{ background:url(../images/circle-b.gif) left bottom; width:10px; height:10px; position:absolute; bottom:0; left:0;}
#container .circle-br{ background:url(../images/circle-b.gif) right bottom ; width:10px; height:10px; position:absolute; bottom:0; right:0;}

#l-container{width:224px; margin:0 10px; float:left}
#l-container p{padding:5px; border:dashed 1px #003366; margin:0 0 10px; color:#003366}
#l-container a{ color:#003366;text-decoration:none; font-weight:bold}
#l-container a:hover{color:#db1111;}
#l-container .heading{background: url("../images/heading-bg-blue.gif") repeat-x scroll left top transparent;color: #FFFFFF;font-weight: bold;height: 25px;padding: 5px 0 0 5px;}

#r-container{width:742px; margin:0 10px 0 0; float:right}
#r-container p{padding:5px; margin:5px 0; text-align:justify} 
#r-container a{color:#db1111;  text-decoration:none; font-weight:bold}
#r-container a:hover{color:#003366;}

.red{color:#db1111}
.blue{color:#003366}
#r-container h3{color:#003366; font-size:16px; margin:0;}

#footer{background:#003366; height:auto; overflow:hidden}
.copyright{color: #fff;margin: 10px auto;text-align: center;width: 996px; height:auto; overflow:hidden;}
.copyright a{color:#fff; text-decoration:none} 
.copyright a:hover{text-decoration:underline}



.mytable th{background:#003366; color:#fff; font-weight:bold; text-align:center}
.mytable tr.odd{background:#eee;}
.mytable tr.even{ background:#ccc;}
.mytable{border:solid 1px #003366}


#pump-container{background:#fff; padding:0 10px 0 5px;}
#pump-container p{text-align:justify; margin:10px 0;}

#pump-container h3{color:#003366; font-size:16px; margin:10px 0;}
#pump-container a{color:#db1111;  text-decoration:none; font-weight:bold}
#pump-container a:hover{color:#003366;}