/***********************         COMMON HTML           *****************************/
body { background: #063796 url(images/bg.gif); }

* { padding: 0px; margin: 0px; border: 0px; }
body, p, div, a, li, strong, td, th { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #c00; }
h1 { font-size: 16px; padding: 0 0 10px 0; }
h2 { font-size: 14px; padding: 0 0 9px 0; }
h3 { font-size: 12px; padding: 0 0 8px 0; }
h4 { font-size: 11px; padding: 0 0 7px 0; }
h5 { font-size: 10px; padding: 0 0 6px 0; }
h6 { font-size: 9px; padding: 0 0 5px 0; }

						/*** LINK ***/
a { text-decoration: none; color: #c00; }
a:hover { text-decoration: underline; } 

						/*** LIST ***/
ol, ul { list-style-position: outside; display: block; padding: 0 0 10px 0; }
ol ol, ul ul, ol ul, ul ol { padding-left: 20px; list-style-position: outside; }
li { list-style-position: outside; list-style: none; background: url(images/li.gif) no-repeat left 5px; padding: 0 0 4px 30px; }

						/*** TABLES ***/
table, td, th { padding: 0 2px; border-collapse: collapse; border: 1px solid #c00; }
td { vertical-align: top; }
th { text-align: center; }
td, th, td strong { font-size: 11px; }


strong, b { color: #c00; font-weight: bold; } 

p { padding: 0 0 10px 0; }

address { font-style: italic; padding: 0 0 10px 0; }
blockquote { font-style: italic; padding: 0 0 10px 20px; }
span { line-height: 100%; }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

img { border: 1px solid #c00; }

/**********************          LAYOUT              *******************************/

* {margin:0;padding:0;}

.body { width: 1004px; margin: 0 auto; overflow: hidden; }
#head { margin: 0; }

#slogan { width: 313px; height: 170px; display: block; float: left; margin: 0 0 0 0; background: url(images/logo.jpg) no-repeat 33px top; }

.srch { float: left; margin: 0 0 0 83px; padding: 72px 455px 0px 0; width: 153px; height: 98px; overflow: hidden; background: url(images/srch.jpg) no-repeat right top; text-align: left; }
.srch .edit { background: url(images/srch.gif) no-repeat left top; border: 0; padding: 0; }
.srch .edit input { font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c00; border: 0; width: 150px; height: 15px; padding: 2px 2px 0 2px; margin: 0 0 0 0; background: transparent; }
.srch .sbutton { background: url(images/srchbtn.gif) no-repeat 97px 5px; width: 151px; margin: 5px 0 0 0; padding: 0 24px 0 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; border: 0; }

#content { display: block; padding: 0; clear: both; background: #a1a5a6 url(images/bg.jpg) left top; float: left; }
#s1 { width: 250px; float: left; border: 0; padding: 12px 0 0 0; overflow: hidden; background: url(images/main.jpg) no-repeat left top; }
#s2 { width: 750px; float: left; padding: 12px 0 0 4px; overflow: hidden; background: url(images/main.jpg) no-repeat -250px top; }

#bd {_word-wrap:break-word;}
#s1,#s2 {_overflow-x:hidden; padding-bottom: 30px; }

.copy { text-align: right; display: block; padding: 5px 0 5px 0; }
.copy a { font-size: 11px; }

.mod_container { display: block; padding: 0 0 10px 0; }
.blk_content { padding: 0 0 10px 0; text-align: justify; }
#s1 .blk_content { padding: 0 10px 10px 10px; }
#s2 .blk_content { padding: 0 0 10px 43px; }
.content { padding: 0 50px 0 0; clear: both; }
#s2 .blk_content .dsc p, #s2 .blk_content .dsc div { width: 656px; overflow: auto; clear: both; }

.data { padding: 0 0 10px 0; }

						/*** FOOTER ***/

.footer { background: url(images/bottom.jpg) repeat-x left bottom; padding: 5px 10px 5px 252px; height: 50px; margin: 0; clear: both; }
.footer p, .footer a { padding: 0; font-size: 11px; }

.bottom { background: url(images/bg.jpg) left top; padding: 5px 10px 0 252px; margin: 0; clear: both; }
.bottom table, .bottom th, .bottom td, .bottom img { border: 0; }
.bottom .mod_container { padding: 0; }

/************************                    MENUS               ********************************/

						/*** MISCELANEOUS LINKS ***/
.misclnk { margin: 0; width: 121px; padding: 9px 50px 0 79px; float: left; height: 22px; }
.misclnk a { margin: 0 10px 0 0; }
.misclnk img { border: 0; }

						/*** TOP MENU ***/
#main_menu { padding: 0; margin: 0; background: url(images/mnbg.jpg) repeat-x left top; height: 30px; overflow: hidden; }

#mainmenulist { padding: 0; margin: 0; display: block; float: left; }
#mainmenulist li { display: block; float: left; padding: 0 8px 0 9px; margin: 0; list-style-position: outside; list-style-type: none; background: url(images/mn.gif) no-repeat left 3px; } 
#mainmenulist a { font-weight: bold; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 0 8px 0; display: block; white-space: nowrap; }
#mainmenulist a:hover { text-decoration: underline; }

#mainmenulist li ul { list-style: none; padding: 0; margin: 0; position: absolute; z-index:100; display: none; }
#mainmenulist li:hover ul, #mainmenulist li.sfhover ul { display: block; margin: 0 0 0 0; list-style: none; background: #bcbdbf; }
#mainmenulist li ul li { float: none; padding: 0; margin: 0 0; list-style-position: outside; display: block; background: none; }
#mainmenulist li ul li.first { background: none; }
#mainmenulist li ul a, #mainmenulist li.active ul a { color: #000; white-space: nowrap; text-align: left; display: block;  padding: 4px 5px 4px 5px; margin: 0; }
#mainmenulist li ul a:hover { text-decoration: none; color: #fff; }

.smenulist { margin: 10px 0 0 0px; padding: 5px 50px 5px 50px; background: url(/images/blk_hdr.gif) no-repeat left top; }
.smenulist li { text-align: left; background: none; padding: 0; }
.smenulist a:hover { color: #c00; }
.smenulist strong a { color: #c00; display: block; font-size: 14px; padding: 0 0 4px 0px; margin: 0 0 5px 0; text-align: left; text-decoration: underline; }
.smenulist a { color: #000; display: block; font-weight: bold; padding: 0 0 5px 0; }
.smenulist a a { background: none; padding: 0; }
.smenulist a:hover, .smenulist a:hover a:hover, .smenulist a a:hover, .smenulist a:hover a, .smenulist a:hover div { color: #c00; text-decoration: underline; }

.menu1 { padding: 0; margin: 0 0 20px 0; }
.menu1 ul { padding: 0 0 5px 0; float: none; }
.menu1 li { padding: 0; margin: 0; }
.menu1 li .m1 { padding: 0 0 1px 0; margin: 0; background: url(images/lc_hdrb.gif) no-repeat left bottom; border: 0; }
.menu1 .m1 a { display: block; font-weight: bold; text-align: center; font-size: 14px; padding: 10px 10px 9px 10px; color: #c00; background: url(images/lc_hdr.gif) no-repeat left top; }
.menu1 .active .m1 a { color: #00349a; }
.menu1 a:hover { text-decoration: underline; }

.menu1 .menu2 { padding: 10px 15px; background: none; }
.menu1 ul .menu2 li { background: url(images/li.gif) no-repeat left 6px; padding: 0 0 5px 30px; margin: 0; border: 0; }
.menu1 ul .menu2 li a { padding: 3px 5px 0 0; margin: 0 0 0 0; float: none; font-weight: bold; text-align: left; font-size: 12px; color: #000; text-decoration: none; }
.menu1 ul .menu2 li a:hover { color: #fff; text-decoration: underline; }
.menu1 ul .menu2 li.active a { font-weight: bold; color: #00349a; }

/***********************         HEADERS          ********************************/

						/*** BLOCK HEADER ***/
h1.block_hdr { color: #c00; display: block; padding: 0 10px 6px 10px; margin: 0 0 10px 0; text-align: left; font-size: 14px; }
#s2 h1.block_hdr { color: #c00; display: block; padding: 0 0 6px 68px; margin: 0 0 10px 0; text-align: left; background: url(/images/blk_hdr.gif) no-repeat left bottom; }
#s1 h1.block_hdr { margin: 0; }
						/*** CONTENT HEADER ***/
.hdr { color: #00349a; display: block; font-size: 12px; background: url(images/ttl.gif) no-repeat left top; margin: 0 0 10px 0; padding: 0; } 
.hdr a, .hdr span { color: #00349a; text-decoration: none; font-size: 12px; background: url(images/ttlb.gif) no-repeat left bottom; display: block; padding: 5px 10px 4px 10px; width: 514px; }
.hdr a:hover { text-decoration: underline; }
#s1 .hdr { background: url(images/lc_hdr.gif) no-repeat left top; position: relative; left: -10px; width: 250px; } 
#s1 .hdr a, #s1 .hdr span { background: url(images/lc_hdrb.gif) no-repeat left bottom; width: 230px; }

						/*** PAGE TITLE ***/
#page_title { font-weight: normal; padding: 0 0px 6px 20px; clear: both; margin: 0 0 10px 48px; background: url(/images/pt.gif) no-repeat left 6px; }
#page_title a { line-height: 16px; color: #000; }
#page_title a:hover { text-decoration: underline; }
#page_title a.first { background: none; padding: 0; }

.dtlttl {  padding: 0 10px 5px 10px; clear: both; }
.dtlttl a { }
.dtlttl a:hover { text-decoration: none; }

.title { color: #00349a; font-weight: bold; }

/************************          CONTENT          ******************************/

.lft { display: block; padding: 10px 10px 10px 30px; margin: 0; height: 95px; }
.lf { display: block; padding: 0 10px; }
.lf strong { color: #fff; display: block; padding: 5px 0; height: 30px; }
.lft li { padding: 0 0 10px 0px; margin: 0; list-style-position: outside; text-align: left; }

.auth_hdr { width: 100%; }
.form { width: 100%; border: 0; }
.form td { padding: 1px 2px 0 0; border-collapse: collapse; text-align: left; border: 0; }
.date { font-size: 12px; font-weight: bold; color: #c00; text-align: left; padding: 0; } 

.alarm_text { text-align: center; font-weight: bold; color: #c00; }

						/*** IMAGES ***/
.img_l { float: left; clear: left; margin: 0 10px 5px 0; border: 0; }
.img_r { clear: right; margin: 0 0 5px 10px; border: 0; }
.img { border: 1px solid #c00; display: block; }

.dtl { text-align: right; }
.dtl a { padding: 0 0 0 10px; font-size: 11px; } 

.content .back { text-align: right; }
.content .back a { padding: 0 17px; text-decoration: underline; }

.top { text-align: right; }

.clear { clear: both; height: 1px; overflow: hidden; margin: 0; }
.content .clear { clear: both; height: 1px; overflow: hidden; margin: 0; display: block; }

/***********************         CONTROLS         ***********************/

.button { font: bolder 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF; border: none; background: #c00; width: 103px; padding: 2px 5px 2px 5px; text-align: center; } 
.left .button { width: 100%; clear: both; font: bolder 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c00; border: none; width: 100%; padding: 2px 10px 2px 25px; } 

.edit, .editt, .editsm, .edits, .editb { font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c00; border: 1px solid #c00; background: #fff; margin: 0; padding: 1px 0; } 
.editb { width: 100%; clear: both; } 
.editb optgroup {font: italic bold 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.editb option {font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.editt { text-align: right; }

.prd h1 { margin: 0 0 10px 0; padding: 0; font-size: 13px; }
.prd h1.hdr { float: left; }
.prd .lightwindow, .prd .img_l { float: left; display: block; width: 113px; height: 114px; margin: 0 10px 5px 0; }
.prd .lightwindow img, .prd .img_l { border: 0; }
.csth, .wrnt { color: #c00; font-weight: bold; padding: 0 0 5px 0; }

.col { padding: 0 15px 0 0; }

.price { border: 0; }
.price th { font-weight: bold; padding: 5px 0 2px 0; border: 0; text-align: left; } 
.price .m1, .price .m1 a { font-size: 14px; color: #c00; }
.price .m2, .price .m2 a { font-size: 12px; color: #00349a; }
.price .cst { text-align: right; }
.price td { padding: 0 2px 2px 2px; }
.price td a { font-size: 11px; }
..price .h td { background: #b4b5b7; }

.xls { padding: 2px 0 2px 20px; background: url(images/xls.gif) no-repeat left center; margin: 0 0 10px 0; display: block; }

.srchform { padding: 0 0 10px 43px; }
.srchform h1 { margin: 0 0 10px 0; padding: 0; font-size: 13px; }
.srchform h1.hdr { float: left; }
.srchform .lightwindow, .srchform .img_l { float: left; display: block; width: 113px; height: 114px; margin: 0 10px 5px 0; }
.srchform .lightwindow img, .srchform .img_l { border: 0; }
.csth, .wrnt { color: #c00; font-weight: bold; padding: 0 0 5px 0; }