@charset "utf-8";
/* CSS Document */
/* #333333 grey */
/* #0A0344 blue */

html { height:100%; }
body { height:100%; margin:0; padding:0; background:#FFF; }

div,span,img,table,p,h1,h2,h3,h4,h5,h6,ul,ol { margin:0; padding:0; display:block; position:relative; }
form,input,textarea,select,fieldset,label { margin:0; padding:0; display:block; position:relative; }
body,p,a,h1,h2,h3,h4,h5,h6,li,label,tr,td { font-family:Verdana, Geneva, sans-serif; }

h1 { font-size:16px; font-weight:bold; margin-bottom:25px; color:#0A0344; }
h2 { font-size:14px; font-weight:bold; margin-bottom:15px; color:#0A0344; }
h3 { font-size:12px; font-weight:bold; margin-bottom:15px; color:#0A0344; }
ul,ol { margin:0 0 20px 0; }
ul li { list-style:disc; margin:0 0 0 20px; padding:0; }
ol li { list-style:decimal; margin:0 0 5px 40px; padding:0; }
p { line-height:16px; margin-bottom:12px; }
a { outline:none; text-decoration:none; font-weight:bold; font-size:12px; line-height:14px; color:#333; }
a:hover	{ text-decoration:underline; }
img { border:none; }

p,li,label,span,tr,td { font-size:12px; line-height:14px; color:#0A0344; }
p { color:#333; }

table { width:100%; height:auto; margin:10px 0 0 0; padding:0; }
table tr td { text-align:center; }

/* -------------------------------------------------------------------------------------------------------------------------------------- */

body { background:#8f9aac; }
#wrapper { width:780px; margin:auto; padding:10px; background:#FFF; }
#header,#nav,#content,#footer { width:100%; }

#header { height:125px; }
#header div.col { overflow:hidden; height:100%; }
#header div.col.left { float:left; width:230px; height:125px; border-right: 1px solid #000; }
#header div.col.right { float:right; width:549px; height:125px; }

#header a.logo { float:left; display:block; width:230px; height:100%; /*background:url("images/logo_main.gif") 0 0 no-repeat;*/ }
#header a.contact { display:block; height:21px; background:url("images/symbol_off.gif") 0 0 no-repeat; padding-left:30px; position:absolute; top:20px; right:20px; line-height:30px; color:#FFF; }
#header a.contact:hover { color:#ff8600; text-decoration:none; }

#nav { height:24px; background:#0A0344; }
#nav ul { width:auto; height:100%; text-align:center; margin:0; padding:0 40px 0 0; }
#nav ul li { line-height:normal; float:right; list-style:none; margin:0; padding:0; }
#nav ul li a { line-height:normal; display:block; padding:5px 30px; color:#FFF; font-weight:normal; }
#nav ul li a:hover { text-decoration:none; color:#666; background:#FFF; }
#nav ul li.active a { text-decoration:none; color:#666; background:#FFF; }

#content { min-height:400px; }
#content div.col { overflow:hidden; min-height:400px; }
#content div.col.left { float:left; width:230px; }
#content div.col.left * { color:#0A0344; }
#content div.col.right { float:right; width:535px; }
#content div.col.right.content { padding-left:15px; }
#content div.col.right.content img { margin-left:-15px; margin-bottom:15px; }

#content ul.leftnav { margin:0; padding:8px 0; width:100%; }
#content ul.leftnav li { list-style:none; margin:0; padding:15px 0 15px 50px; background:url("images/symbol_on.gif") 15px 13px no-repeat; }
#content ul.leftnav li h2 { font-size:12px; margin:0 0 6px 0; padding:0; }
#content ul.leftnav li p { font-size:12px; margin:0; padding:0; width:170px; }

#content div.contact h2 { font-size:12px; margin:0 0 10px 10px; }
#content div.contact ul { margin:0; padding:0; }
#content div.contact ul li { width:219px; min-height:16px; list-style:none; margin:0; padding:0 0 0 11px; }
#content div.contact ul li * { margin:0; padding:0; line-height:normal; }
#content div.contact ul li h3 { width:75px; float:left; font-size:10px; text-align:right; }
#content div.contact ul li span { width:140px; padding-left:4px; float:right; font-size:10px; }
#content div.contact ul li a { font-size:10px; }

#content div.login-form h2 { font-size:12px; margin:0 0 20px 0; text-align:center; }
#content div.login-form form { width:100%; }
#content div.login-form form * { margin:auto; display:block; text-align:center; }
#content div.login-form form label { font-weight:bold; }
#content div.login-form form label span { color:#F00; display:inline; }
#content div.login-form form input[type="text"] { width:110px; padding:2px; margin-bottom:12px; text-align:left; }
#content div.login-form form input[type="password"] { width:110px; padding:2px; margin-bottom:12px; text-align:left; }
#content div.login-form form input[type="submit"] { padding:0 5px; }
#content div.login-form ul { margin:10px 0 0 0; padding:0; }
#content div.login-form ul li { margin:0; padding:0; list-style:none; text-align:center; }

#content div.top-row { width:528px; margin:auto; padding:10px 0; }
#content div.top-row * { text-align:center; margin:auto; }
#content div.top-row h2 { font-size:13px; width:150px; margin-bottom:6px; }
#content div.top-row img { margin:20px auto 13px auto; }
#content div.top-row p { width:150px; margin-bottom:10px; }
#content div.top-row div.elm { width:176px; height:100%; float:left; }
#content div.top-row span.vert-line-1 { display:block; width:1px; border-left:1px dashed #ff8600; height:100%; position:absolute; left:175px; top:10px; }
#content div.top-row span.vert-line-2 { display:block; width:1px; border-left:1px dashed #ff8600; height:100%; position:absolute; left:352px; top:10px; }
#content div.top-row span.horz-line { background:#888; width:100%; height:1px; position:absolute; bottom:-20px; }

#content div.mid-row { width:528px; margin:auto; padding:36px 0 6px 0; }
#content div.mid-row * { margin-left:9px; margin-bottom:10px; display:block; }

#content div.bot-row { width:528px; margin:auto; padding:16px 0 16px 0; }
#content div.bot-row * { margin-left:9px; margin-bottom:10px; display:block; }
#content div.bot-row h2 { border-bottom:1px solid #BBB; margin-bottom:0; padding-bottom:6px; }
#content div.bot-row ul { margin:0; padding:0; min-height:0; }
#content div.bot-row ul li { width:auto; list-style:none; padding:7px 0 7px 0; margin:0 0 0 9px; border-bottom:1px solid #BBB; }
#content div.bot-row ul li * { margin:0; padding:0; display:block; }
#content div.bot-row ul li h3 { width:120px; float:left; margin:0; font-weight:normal; }
#content div.bot-row ul li a { width:350px; float:right; margin:0; font-weight:bold; }
#content div.bot-row ul li.more a { height:20px; float:right; width:auto; }

#footer { height:32px; border-top:1px solid #000; text-align:center; }
#footer p { font-size:10px; line-height:30px; }
#footer a { font-size:10px; line-height:30px; font-weight:normal; }

span.hr { display:block; border-bottom:1px dotted #333; margin:20px auto; width:210px; }
span.hr-2 { display:block; border-bottom:1px solid #BBB; margin:20px auto; width:100%; }
span.vert-line { display:block; width:1px; background:#000; height:100%; position:absolute; left:230px; top:0; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; clear:both; visibility:hidden; height:0; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }