/*===== PIX CSS =====*/
html, body {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #666666; padding: 0; margin: 0; background-color: #FFFFFF; width: 100%; height: 100%;}
p, table, tr, td {font-family: Verdana, Arial, Helvetica; padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

ul {margin: 5px 0 0 15px; padding: 0;}
ol {margin: 5px 0 0 25px; padding: 0;}

a:link {color: #0865A8; font-weight: normal; text-decoration: none;}
a:visited {color: #0865A8; font-weight: normal; text-decoration: none;}
a:hover {color: #666666; font-weight: normal; text-decoration: underline; background-color: #C6DEEF;}

a.hlink:link {color: #0865A8; font-weight: bold; text-decoration: none; background-color: transparent;}
a.hlink:visited {color: #0865A8; font-weight: bold; text-decoration: none; background-color: transparent;}
a.hlink:hover {color: #666666; font-weight: bold; text-decoration: none; background-color: transparent important;}

/*===== COMMON =====*/
body {background: url('images/bg.jpg') left top repeat-x; height: 100%; min-height: 550px;}
p {margin: 0; padding: 1px 0 1px 0;}
h1 {color: #444444; font-weight: bold; font-size: 20px;}
h2 {color: #0865A8; font-weight: bold; font-size: 20px;}
h3 {color: #ACE00A; font-weight: bold; font-size: 20px;}
h4 {color: #444444; font-weight: bold; font-size: 14px;}
h5 {color: #0865A8; font-weight: bold; font-size: 14px;}
h6 {color: #ACE00A; font-weight: bold; font-size: 14px;}

.body-s {font-size: 10px;}
.note {font-size: 10px; color: #999999;}
.alert {font-weight: bold; color: #CC0000;}

input {border: 1px #0099cc solid;}
img {border: none;}

.trail {background: url('images/bullet_trail.gif') no-repeat; width:auto; height:auto; min-height: 24px; padding: 2px 0 0 37px;}

#doc {width: 800px; height: 100%; margin: 0 auto 0 auto; padding: 0; background-color: #FFFFFF;}
.main {position: relative; margin:auto; text-align:left;}

/*===== HEADER CONTAINER =====*/
#hd {width: auto; height: auto; margin: 0; padding: 0;}
/*brand*/
.brand {margin: 20px 0 0 0; padding: 0; height: 50px;}
/* topnav*/
#topnav {margin: 0; padding: 0; height: auto; text-align: center;}
ul#topnav {margin: 10px; padding: 20px 0 0 0;}
#topnav li {display: inline; margin: 0; padding: 0;}	
#topnav li a {font-size: 12px; margin: 20px; padding: 2px 5px 2px 5px; display: inline; font-family:Verdana, Arial, Helvetica;}
#topnav li a:link {color: #666666; text-decoration: none; background-color: transparent; border: 1px solid #FFF;}
#topnav li a:visited {color: #666666; text-decoration: none; background-color: transparent; border: 1px solid #FFF;}
#topnav li a:hover {color: #ACE00A; text-decoration: none; background-color: transparent; border: 1px solid #ACE00A;}
.topnav-sel {color: #ACE00A; border: 1px solid; #ACE00A; margin: 20px; padding: 2px 5px 2px 5px;}

/*===== BODY CONTAINER =====*/
#bd {width: auto; height: auto; min-height: 400px; margin: 0; padding: 0;}
#col-container {width: 760px; height: auto; margin: 0 auto 0 auto;}
.col-main{float:none; width:66%; height: auto;}
.col-2 {float: right; width:30%; height: auto;}
.col-full {width: 760px; height: auto; margin: 0 auto 0 auto; padding: 0;}
.w-block {width: auto; height: 120px; margin: 15px 0 15px 0; padding: 0; background: #000 url('images/imgbg.jpg') no-repeat;}
.w1 {margin: 0 0 20px 0; padding:0;}
.w1-b {margin: 0 0 20px 0; padding:10px;border: 2px solid #D9E8F2;  background: #FFF url('images/bg_widget.jpg') bottom repeat-x;}
.w2 {margin: 0 0 20px 0; padding:2px 0 0 0; border-top: 1px dotted #999;}
/*top border line*/
#topline {width: auto; height: 77px; margin: 0; padding: 0; height: auto; text-align: center;}
.topleft {position: relative;}
.topright {position: relative; float: right; width: 11px;}
.line-left {float: left; background: url('images/border_left.gif') top left no-repeat; width: 11px; height: 75px;}
.line-mid {float: right; background: url('images/border_mid.gif') top repeat-x; width: 778px; height: 3px;}
.line-right {float: right; background: url('images/border_right.gif') top no-repeat; width: 11px; height: 75px;}

/*===== FOOTER CONTAINER =====*/
#ft {width: 760px; height: auto; margin: 0 auto 0 auto; padding: 0; clear: both;}
.footer {position: relative; margin: 10px 0 10px 0; text-align: left; font-size: 9px; color: #999;}