﻿/* ######################################## */
/* ############### Template ############### */

/* Template Level */
html, body { height:100%; overflow:hidden;}
html, body, form, fieldset, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; }
body { background: #DDDDDD; font-family: Arial, Verdana, Sans-Serif; font-size: 70%; color: #004696; height: 100%;}
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
li { display: inline; }
object { display: block; }
fieldset { border: 0; }
legend { display: none; }
input, select {font-size:95%;}
div.clear{clear:both;}
div#outer { height: 100%; }
div#background { width: 1258px; _width:auto; height: 100%; border-left: 1px solid white; border-right: 1px solid white; text-align: center; margin: 0 auto; }
div#scroller { position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2; }
div#container { margin: 0 auto; text-align: center; width: 984px; }

/* Navigation */
div#header { background: #000000; height: 105px; color: #FFFFFF; border-bottom: 2px solid white; }
div#header a, div#header a:visited, div#header a:hover { color: #FF0000; }
a.hd_lgo {background: #000000 url(../images/logo.gif) no-repeat 15px 35px; width: 158px; float: left; height: 105px;display:block;}
a.hd_lgo span { display: none; }
div#hd_top{ width: 825px; float: left; }
div#hd_top_lnk { float: left; width: 650px; height: 32px;}
div#hd_top_lnk_hme { float: right; width: 45px; padding-top: 12px;  }
div#hd_top_lnk_log { float: right; min-width: 210px; padding-top: 12px; padding-right:10px; }
div#hd_top_lnk_cty { float: right; width: 220px; padding-top: 12px; }
div#hd_top_sch { float: right; margin-top: 9px; margin-right: 19px; _margin-right: 0px; } 
div#ht_top_nav{ margin-left: 164px; _margin-left: 161px; float: left; height: 71px; }
div#ht_top_nav_con { margin-top: 28px; [margin-top: 28px; margin-top: 28px;] *margin-top: 28px; /*/margin-top:25px;/**/ }
div#ht_top_nav ul { margin-left: 10px; /*/margin-left: -10px;/**/ }
div#ht_top_nav li { float: left;  position: relative; /*/border: 1px solid black;/**/  }
div#ht_top_nav li a.hover { background: #222222; }
div#ht_top_nav li a.notHover { background: #000000; }
div#ht_top_nav li a.selected { background: red; }
div#ht_top_nav li a.notselected { background: #000000; }
div#ht_top_nav a, div#ht_top_nav a:visited, div#ht_top_nav a:hover { color: #FFFFFF; text-decoration: none;  }
div#ht_top_nav li a { display: block; font-size: 103%; background: #000000; height: 35px; border-left: 2px solid #FFFFFF; padding: 10px 20px 0 6px; }
div#ht_top_nav li ul { position: absolute; visibility: hidden; background: #222222; margin: 0 0 0 2px; z-index: 5; }
div#ht_top_nav li:hover ul, div#ht_top_nav li.over ul { visibility: visible; }
div#ht_top_nav li ul li { *float:none; display: block;  border-bottom: 1px solid #FFFFFF; padding: 5px 6px 5px 6px; }
div#ht_top_nav li ul a { display:inline-block; }
div#ht_top_nav li ul a, div#ht_top_nav li ul a:visited { color: #FF0000; }
div#ht_top_nav li:hover ul a, div#ht_top_nav li.over ul a { background: #222222; height: auto; border: 0; padding: 0;  _margin-top: 0; min-width: 150px; }
div#ht_top_nav li:hover ul li:hover, div#ht_top_nav li:hover ul li:hover a { background: #666666; color: #FFFFFF; }
/* Content */
div#content { clear: both; }
/* Footer */
div#footer { clear: both; background: #000000; height: 28px; margin-top:30px; }
div#ft_lnk { float: left; padding-top: 7px; }
div#ft_lnk ul { padding-left: 10px; }
div#ft_lnk li { color: #DDDDDD; padding-left: 3px; } 
div#ft_lnk a { padding-right: 4px; } 
div#ft_lnk a, div#ft_lnk a:visited, div#ft_lnk a:hover { color: #FFFFFF; }
div#star { float: right; }
div#copyright { float: left; padding-top: 7px; padding-left:9px;}
div#end { clear: both; height: 28px; padding-left: 5px; color: #FFFFFF; background: #000000;}
/* Classes */
.cl { display: block; }
.watermark { color: #666666; font-size: 95%; width:115px; }
.error { color: #FF0000; font-size: 95%; }
.error a, .error a:hover, .error a:visited { color: #FF0000; text-decoration: underline; }

/* Buttons */
a.button, a.button:hover, a.button:visited { display: block; border: 1px solid #FF0000; background: #FF0000; color: #FFFFFF; font-size:110%; line-height: 23px; _line-height: 25px; *line-height: 25px; padding: 0 10px 0 11px; } 
a.button, a.button:hover, a.button:visited { color: #FFFFFF; }
a.buttonBack, a.buttonBack:hover, a.buttonBack:visited { display: block; border: 1px solid #CCCCCC; background: #CCCCCC; color: #FF0000; font-size:110%; line-height: 23px; _line-height: 25px; *line-height: 25px; padding: 0 10px 0 11px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } 
a.buttonBack, a.buttonBack:hover, a.buttonBack:visited { color: #FF0000; }
a.disabled, a.disabled:hover, a.disabled:visited { background: #DDDDDD; border: 1px solid #DDDDDD; color: #A0A0A0; }
input.button { color: #FFFFFF; background-color: #FF0000; border: 1px solid #FF0000; font-size: 120%; padding: 2px 8px 3px 8px; width: auto !important; overflow: visible; cursor:pointer; }
input.buttonBack { color: #FF0000; background-color: #CCCCCC; border: 1px solid #CCCCCC; font-size: 120%; padding: 2px 8px 3px 8px; width: auto !important; overflow: visible; cursor:pointer; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }

/* ######################################## */
/* ############### Homepage ############### */

/* Homepage Template */
div#bmi_con_lef { float: left; width: 332px; }
div#bmi_con_rht { float: left; width: 652px;  padding: 0; margin: 0;}
div#bmi_con_rht div#con_pro { height: 338px; z-index: 2; } 
div#bmi_con_rht div#con_pro img { border: 0; } 
div#bmi_con_rht div#con_tik { background: #FFFFFF;min-height:43px; line-height: 43px; padding: 0 10px 0 10px; color:#000000; font-weight:bold;}
div#bmi_con_rht div#con_tik a.tickLink {font-weight:normal; color:#FF0000;}
div#con_spo { background: #FFFFFF; height: 90px; }
div#con_spo div { width: 214px; height: 132px; position: relative; }    
div#con_spo div.spotlight { float:left; cursor:pointer;  }
div#con_spo div.spotlightDrop {  background-color:black; color:white;  font-size: 155%; }
div#con_spo div.spotlightDrop span.top { display: block; height: 90px; }
div#con_spo .spoText {width: 191px; height: 105px; padding: 15px 11px 15px 11px;}
div#con_spo span.red { display: inline-block; color: #FF0000; width: 180px; font-size: 75%; }
div#con_spo span.fare { font-size: 150%; line-height: 15px; }

