@import "reset.css";

body {
font: 13px/1.3 "Trebuchet MS", Arial, sans-serif;
color: #023376;
background: #4c7fae;
}

body#index {background: #ffffff;}

h1.title {font: 18px/1.3 "Trebuchet MS", Arial, sans-serif;color: #023376;margin: 0 0 15px 0;padding: 0px;}
p {margin-bottom: 7px;}

a:link, a:active, a:visited {text-decoration: none;color: #0000cc;}
a:hover {text-decoration: underline;color: #cc0000;}

.arrow, a.arrow:link, a.arrow:active, a.arrow:visited {text-decoration: none;color: #023376;background: url("../img/arrow.gif") no-repeat 0px 6px;padding-left: 12px;}
a.arrow:hover {text-decoration: underline;color: #023376;}

hr {width: 75%;border: none;height: 1px;margin: 15px auto;padding: 0px;background: #99b6d1;color: #99b6d1;}

.txtl {text-align: left !important;}

.txtc {text-align: center !important;}

.txtr {text-align: right !important;}

.txtj {text-align: justify !important;}

.center {display: block;margin-left: auto !important;margin-right: auto !important;}

.vtop {vertical-align: top !important;}

.vmiddle {vertical-align: middle !important;}

.vbottom {vertical-align: bottom !important;}

.p2 {padding: 2px !important;}

.p5 {padding: 5px !important;}

.p10 {padding: 10px !important;}

.m5 {margin: 5px !important;}

.m3 {margin: 3px !important;}

.m10 {margin: 10px !important;}

.mbt10 {margin: 10px 0px !important;}

.mlr10 {margin: 0px 10px !important;}

.mt10 {margin-top: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.ml10 {margin-left: 10px !important;}

.mr10 {margin-right: 10px !important;}

.block {display: block !important;}

.inline {display: inline !important;}

.rel {position: relative;z-index: 1;}

.abs {position: absolute;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.nonitalic {font-style: normal;}

.float_l {float: left;}

.float_r {float: right;}

.clear {clear: both !important;}

.secure {overflow: auto;}

a.black:link, a.black:active, a.black:visited {text-decoration: none;color: #000000;}
a.black:hover {text-decoration: underline;color: #000000;}
a.white:link, a.white:active, a.white:visited {text-decoration: none;color: #ffffff;}
a.white:hover {text-decoration: underline;color: #ffffff;}

.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;line-height: 15px !important;}
.f16 {font-size: 16px !important;line-height: 16px !important;}
.f17 {font-size: 17px !important;line-height: 17px !important;}
.f18 {font-size: 18px !important;line-height: 18px !important;}
.f19 {font-size: 19px !important;line-height: 19px !important;}
.f20 {font-size: 20px !important;line-height: 20px !important;}
.f21 {font-size: 21px !important;line-height: 21px !important;}
.f22 {font-size: 22px !important;line-height: 22px !important;}
.f23 {font-size: 23px !important;line-height: 23px !important;}
.f24 {font-size: 24px !important;line-height: 24px !important;}

.format {margin: 0px auto;width: 60%;}
.format .legend {font-weight: bold;color: #023376;border-bottom: 1px solid #023376;padding-bottom: 5px;margin: 0px;}
.format .submit {border-top: 1px solid #023376;padding-top: 5px;margin: 0px;text-align: center;}
.format ol {margin: 5px 10px;padding: 0px;list-style-type: none;}
.format ol li {margin: 0px;padding: 3px;border-bottom: 1px dotted #023376;clear: both;}
.format ol li.last {border-bottom: none;}
.format label {display: block;float: left;margin-right: 5px;color: #023376;font-weight: bold;width: 100px;text-align: right;}

.box {border: 2px solid #4c7fae;font-size: 12px;}
.box:focus {border: 2px solid #023376;background: #f7f2d0;}
.box:hover {border: 2px solid #023376;}
.button {width: auto;border: 2px outset #023376;background: #4c7fae;color: #ffffff;font-size: 13px;font-weight: bold;cursor: pointer;}
.button:hover {border: 2px inset #023376;}
/** Structure styles **/
/** Begin Home Page **/
#home {width: 1000px;padding-top: 10px;margin: 0 auto;}
#home_wrapper {height: 415px;background: #4c7fae;position: relative;z-index: 1;overflow: hidden;}
#home_wrapper #wv {width: 471px;height: 47px;position: absolute;top: 57px;left: 89px;z-index: 2;}
#home_wrapper #media {width: 720px;height: 229px;position: absolute;top: 119px;left: 250px;border: 1px solid #ffffff;z-index: 1;overflow: hidden;}
#latest {width: 848px;margin: 40px 0 0 76px;overflow: hidden;}
#latest .more {text-align: right;margin: 10px 30px 0 0;}
/** End Home Page **/
/** Begin Secondary Page **/
#page {width: 1000px;padding-top: 10px;margin: 0 auto;}
#footer {padding: 30px;text-align: center;font-size: 10px;}
#nav {height: 26px;margin-bottom: 5px;overflow: hidden;background: #023376;}
#nav ul {margin: 0 10px 0 0;padding: 0;list-style-type: none;}
#nav li {float: right;height: 26px;line-height: 26px;margin: 0;padding: 0;}
#nav li.spacer {line-height: 24px;padding: 0 8px;color: #ffffff;}
#nav a, #nav a:active, #nav a:visited {text-decoration: none;color: #ffffff;font-size: 12px;font-weight: bold;}
#nav a:hover {text-decoration: underline;color: #ffffff;}

#top {padding: 7px 0px;}
#top #topIMG {display: block;}
#wrapper #left {width: 298px;padding-bottom: 50px;background: #7099be;border: 1px solid #ffffff;}
#wrapper #right {width: 612px;padding: 30px 45px 30px 45px;background: #ffffff;border-top: 1px solid #ffffff;}
#right ul {margin: 10px 0 10px 50px;list-style-type: circle;}
#right ul ul {list-style-type: square;}
/** End Secondary Page **/

.records {width: 612px;}
.records_name {font-size: 16px;font-weight: bold;text-align: left;padding: 5px 5px 10px 15px;}
.records_pic {width: 210px;padding: 0 0 15px 15px;}
.records_pic img {display: block;border: 2px solid #99b6d1;}
.records_cnt {padding: 0 15px 15px 15px;}
.records_spacer {height: 10px;}

.document {padding: 10px 0px;border-bottom: 1px solid #99b6d1;}
.document div {font-size: 12px;}
.document p {margin: 5px 0 0 0;}

.transaction {width: 612px;margin: 20px auto 0 auto;}
.logoTransaction {width: 150px;padding-right: 10px;}
.logoTransaction img {width: 150px;}
.picTransaction {width: 158px;padding-right: 10px;}
.picTransaction img {width: 150px;border: 4px solid #99b6d1;}
.contentTransaction {vertical-align: top;}
.nameTransaction {font-weight: bold;}

.sub {margin: 0px;padding: 0px;list-style-type: none;border: 1px solid #ffffff;border-bottom: none;}
.sub li {padding: 5px 10px;border-bottom: 1px solid #ffffff;background: #023376;white-space: nowrap;}
.sub a, .sub a:active, .sub a:visited {text-decoration: none;color: #ffffff;font-size: 12px;font-weight: bold;}
.sub a:hover {text-decoration: underline;color: #ffffff;}

#menu {margin: 50px 0px 0px 55px;padding: 0;list-style-type: none;}
#menu li {width: 200px;margin-bottom: 6px;position: relative;z-index: 1;}
#menu a, #menu a:active, #menu a:visited {text-decoration: none;color: #000000;font-size: 14px;font-weight: bold;height: 29px;line-height: 29px;display: block;background: #b8ccdf url("../img/a.gif") no-repeat 11px 11px;border: 1px solid #ffffff;padding-left: 30px;}
#menu a:hover {text-decoration: none;color: #000000;background-color: #a9bed3;}
#menu ul {margin: 0px;padding: 0;list-style-type: none;display: none;position: absolute;top: 0px;left: 199px;z-index: 4;}
#menu ul a, #menu ul a:active, #menu ul a:visited {background-color: #c6d7e7;}
#menu ul a:hover {display: block;background-color: #a9bed3;}
#menu li:hover ul, #menu li.over ul {display: block;}
#home #menu {margin: 165px 0px 0px 25px;}