@import 'thickbox.css';

html, body { font-family: Tahoma, Verdana, Sans-serif; font-size: 11px; letter-spacing: 1px; margin: 0; height: 100%; background: url('img/bg.png') center top fixed; background-attachment: fixed; background-color: #313131; }
div, input, option, p, ul { font-family: Tahoma, Helvetica TT, Tahoma, Verdana, Sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 16px; color: #313131; }

p { line-height: 16px; margin-top: 0; }
form { margin: 0; }

a { color: #1297E3; text-decoration: none; border-bottom: 1px dotted #1297E3; }
a:hover { color: #074C75; border-bottom: 1px dotted #074C75; }
a.thickbox { border: 0px; }

.blog_extra  a, .columncontent a { color: #666; border: 0px; }
.blog_extra  a:hover, .columncontent a:hover { color: #313131; border: 0px; }

.input { line-height: 11px; color: #B7B7B7; border: 1px solid #5B8AA6; background: #fff url('img/input_bg.png') repeat-x; height: 13px; padding: 1px 2px; }
.input:focus, .input_hover { background: url('img/input_bg_hover.png') repeat-x; border: 1px solid #209FE7; color: #074C75; }
.input:focus { color: #074C75; }
.input_search { line-height: 11px; color: #B7B7B7; border: 1px solid #5B8AA6; background: #fff url('img/input_bg.png') repeat-x; height: 13px; width: 114px; padding: 1px 2px; }
.input_error { background: url('img/input_bg_error.png') repeat-x; border: 1px solid #ff0000; }
.input_cb { height: 13px; width: 13px; float: left; background: #fff; } 

select.input { float: left; background: url('img/input_bg.png') repeat-x; height: 15px; padding: 0; font-size: 11px; }
select.input_error { background: url('img/input_bg_error.png') repeat-x; border: 1px solid #ff0000; }
select.input option { background: #fff; padding: 2px 4px; }

#container { height: 100%; }
#wrapper { min-height: 100%; width: 962px; margin: 0px auto; height:expression(document.body.clientHeight > 200? '100%': 'auto' ); }
#main { position: relative; background-color: #ffffff; width: 962px; margin-left: 1px; }

.headercontainer { width: 962px; }
#header { background: url('img/headim.png') no-repeat center top; height: 169px; position: relative; }
#searchdiv { background: url('img/search_bg.png') no-repeat; height: 32px; width: 164px; position: relative; left: 798px; }
#hdr_blueline { background: url('img/submenu_blueline.png') repeat-x; height: 6px; font-size: 1px; }
#hdr_whiteline { background: url('img/submenu_whiteline.png') no-repeat; height: 1px; font-size: 1px; }

#submenu_cont { background: url('img/submenu_bg.png') repeat-x; height: 22px; }
#submenu_cont  a { border: 0px; }
#submenu_cont  a:hover { border: 0px; }

#submenu { color: #999; font-size: 11px; line-height: 13px; padding: 3px 4px 1px 4px; float: left; }
#navtree { color: #999; font-size: 11px; line-height: 13px; padding: 3px 4px 1px 4px; float: right; }
#submenu_bars { background: url('img/submenu_bars.png') repeat-x; height: 8px; font-size: 1px; }

#searchform #searchinput { vertical-align: top; margin: 2px 5px 0px 10px; }
#searchform #searchbutton { width: 20px; height: 20px; border: 0px; margin-top: 1px; }

#menu { position: absolute; bottom: 0px; right: 0px; height: 38px; background: url('img/menu_bg.png') repeat-x; }
.menuitem { position: relative; top: 15px; height: 22px; border: 1px solid #497996; border-bottom: 0px; background: url('img/menuitem_bg.png') repeat-x; text-align: center; color: #fff; font-family: Trebuchet MS; font-size: 14px; float: left; margin-right: 6px; }
.activemenu { height: 22px; background: #1297E3; border: 1px solid #fff; border-bottom: 1px solid #1297E3; }
.menuitem_hover { height: 22px; background: url('img/menuitem_bg_hover.png') repeat-x; display: block; }

.menuitem a { min-width: 30px; width: 4%; display: block; padding: 2px 15px 3px 15px; color: #fff; text-decoration: none; border: 0px; }
.menuitem a:hover { color: #fff; border: 0px; }

.menu_dot { position: absolute; top: 0px; right: 0px; background: url('img/menu_dot.png') no-repeat; height: 7px; width: 7px; }
#active_dot { background: url('img/menu_dot_hover.png') no-repeat; }

.navstyle { color: #666; float: right; }
.navstyle  a { border: 0px; }
.navstyle span { font-weight: bold; color: #084e77;}

.cal_icon { color: #fff; float: left; background: url('img/icons/cal_icon.png') no-repeat; height: 44px; width: 58px; margin: 4px 8px 5px 0px; padding: 7px 0px; text-align: center; }
.cal_text { color: #666; line-height: 27px; font-size: 22px; }

.blog_post { margin-top: 8px; margin-bottom: 18px; }
.blog_icon { vertical-align: middle; margin-right: 2px; }
.blog_title { font-size: 18px; line-height: 28px; margin-top: 5px; padding-top: 4px; }
.blog_line { position: relative; float: left; background: url('img/dot_hor.png') repeat-x; margin-bottom: 12px; width: 632px; padding-top: 5px; }
.blog_extra { position: absolute; top: 6px; right: 1px; margin-right: 1px; }
.blog_content { margin-left: 6px; }
.blog_image { margin: 5px 1px; border: 3px double #313131; }

#contentwrapper { width: 100%; }
.content { width: 700px; padding: 2px 15px; text-align: justify;  }

.column { background: url('img/grad.png') repeat-y; width: 10px; }
.columncontent { background: url('img/grad.png') repeat-y -10px; margin-left: 10px; padding: 8px 15px; }
.columncontent ul { float: left; margin: 0; padding-left: 40px; width: 150px; }
.columncontent li { color: #666; list-style-type: none; height: 18px; }

.column_section { float:left; margin: 10px 0px; }
.col_icon { float: left; vertical-align: top; margin-right: 8px; }
.col_title { float: left; font-size: 14px; line-height: 16px; margin: 4px 0px; }
.col_line { float: left; background: url('img/dot_hor.png') repeat-x; margin-bottom: 12px; height: 1px; width: 150px; font-size: 1px; }

.fieldset { padding: 10px; padding-top: 0px; margin: 0 auto; }
.fieldset legend { padding: 0 4px; margin-bottom: 3px; }
.fieldset legend img { vertical-align: middle; position: relative; top: -3px; }
.fieldset p { width: 100%; float: left; margin: 3px 0px; }
.fieldset p.space { margin-top: 16px; }
.fieldset label { width: 135px; display: block; float: left; text-align: left; }
.fieldset input.input { float: left; }
.fieldset input.submit { width: 1; overflow: visible; float: left; padding: 1px 4px; margin-right: 4px; border: 3px double #145d87; border-top-color: #1297E3; border-left-color: #1297E3; background: #073d5d url('img/submit_bg.png') repeat-x; color: #fff; font-size: 90%; font-weight: bold; font-family: Trebushet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif; }
.fieldset input.submit:active { background: #073d5d url('img/submit_bg_hover.png') repeat-x; border-top-color: #1473a9; border-left-color: #1473a9; }

#e-area { color: #f00; }
#e-area ul { margin-top: 1px; margin-bottom: 6px; background: url('img/error_title.png') no-repeat 0 4px; padding-top: 12px; }
#e-area li { font-size: 10px; list-style-type: none; background: url('img/icons/error_arrow.gif') no-repeat 1px 4px; padding-left: 14px; }

#loading_small { float: right; margin: 5px; display: none; }