/* CSS Document */
html {}
body { font-size: 66%; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../img-bin/bg.jpg) repeat-x top left; margin: 0px; padding: 0px; }
a { text-decoration: none; color: #016aa9; }
a:hover {}
img { border: none; }
.clear { clear: both; height: 1px; width: 100%; }
.img_right { float: right; position: relative; padding-left: 20px; }
p { line-height: 150%; }
ul.general { margin-left: 5px; padding: 0px 0px 0px 15px; }
ul.general li { list-style: none; background: url(../img-bin/bullet_bg.jpg) no-repeat left 4px; padding-left: 10px; padding-bottom: 5px; }
/* Page Style */
div#page { width: 980px; margin: 0 auto; padding: 0px 20px; position: relative; background: url(../img-bin/header_bg.gif) #FFF no-repeat; border-left: solid 1px #dedede; border-right: solid 1px #dedede; border-bottom: solid 1px #dedede; }
/* Header Style */
div#header { float: left; position: relative; width: 100%; height: 110px; }
div#header h1 { background: url(../img-bin/bci_logo.gif) no-repeat; width: 301px; height: 103px; margin: 10px 0px 0px 5px; padding:0px; float: left; position: relative; }
div#header h1 a { display: block; width: 301px; height: 103px; }
div#header h1 span { display: none; }
div#header h2 { background: url(../img-bin/contact_bci.png) no-repeat; width: 241px; height: 22px; margin: 14px 5px 0px 0px; padding: 0px; float: right; position: relative; }
div#header h2 span { display: none; }
div#header p.msg { margin: 0px; padding: 0px; position: absolute; top: 40px; right: 0px; }
/* Body Style */
div#content { float: left; position: relative; width: 100%; height: 100%; margin-top: 10px; padding-bottom: 20px; }
/* Left Column */
div#page_left { float: left; position: relative; width: 220px; border-right: solid 1px #e5e5e5; }
/* Navigation */
div#page_left ul { width: 220px; height: 100%; margin: 0px; padding: 0px 0px 20px 0px; list-style-type: none; position: relative; float: left; }
div#page_left ul li { list-style-type: none; float: left; width: 205px; height: 30px; line-height: 30px; border-bottom: solid 1px #e2e2e2; }
div#page_left ul li a { display: block; width: 175px; padding: 0px 10px 0px 15px; height: 30px; line-height: 30px; color: #010101; background: url(../img-bin/li_bg.png) no-repeat left 50%; margin-left: 5px; }
div#page_left ul li a span { display: none; }
div#page_left ul li a.sub { width: 165px; padding: 0px 10px 0px 30px; border-bottom: none; background: url(../img-bin/li_sub.png) no-repeat 15px 51%; }
div#page_left ul li a.sub:hover { background: url(../img-bin/li_sub-hvr.png) no-repeat 15px 51%; }
div#page_left ul li:hover { background: url(../img-bin/li_bg.gif) repeat-x; border-bottom: solid 1px #1e77ab; }
div#page_left ul li a:hover { background: url(../img-bin/lia_hover.png) no-repeat left 50%; color: #FFF; }
div#page_left ul li a:hover span { display: none; position: absolute; bottom: 10px; left: 10px; background: #e0e0e0; border: solid 2px #2389c5; text-align: center; padding: 10px; color: #282828; width: 165px; font-size: 85%; line-height: normal; height: 85px; z-index: 99; }
div#page_left ul li.active { background: url(../img-bin/li_bg.gif) repeat-x; border-bottom: solid 1px #1e77ab; list-style-type: none; float: left; width: 205px; height: 30px; line-height: 30px; }
div#page_left ul li.active a { background: url(../img-bin/lia_hover.png) no-repeat left 50%; color: #FFF; }
div#page_left ul li.active span { display: none; position: absolute; bottom: 10px; left: 10px; background: #e0e0e0; border: solid 2px #2389c5; text-align: center; padding: 10px; color: #282828; width: 165px; font-size: 85%; line-height: normal; height: 85px; }
/* Main Content */
div#page_right { float: right; position: relative; width: 745px; }
div#page_right h1 { margin: 0px; padding: 0px; }
div#page_right h2 { margin: 0px; padding: 0px; }
h1 { font-size: 33px; }
h2 { font-size: 18px; }
div.info_box h2 { font-size: 20px; }
div.info_box h3 { font-size: 18px; }
div#page_right table { margin-left:10px; }
div#page_right td { vertical-align:text-top; height:30px; }
div#page_right td.year { text-align:left; width:60px; margin:0px 0px 0px 20px; font-weight:bold; }
div.info_box { width: 570px; background: #f0f0f0; border: solid 1px #e3e3e3; padding: 10px; margin-left: 5px; position: relative; margin-bottom: 20px; }
div.info_box img { position: relative; }
div.info_box h2 { font-size: 26px; margin: 0px; padding: 0px; }
div.info_box h3 { font-size: 16px; margin: 0px; padding: 0px; }
div.info_box p { width: 58%; float: left; }
div.half_box { width: 285px; float: left; position: relative; margin: 10px 5px 5px 8px; }
div.half_box h2 { font-size: 20px; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; }
div.half_box h3 { font-size: 14x; margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; }
div.half_box a { display: block; height: 30px; background: url(../img-bin/li_bg.png) no-repeat left 50%; float: left; position: relative; padding-left: 10px; line-height: 28px; margin-left: 5px; margin-top: 10px; }
div.half_box img { float: right; position: relative; padding-left: 15px; }
div.item { width: 750px; float: left; position: relative; margin: 5px 0px; border-bottom: solid 1px #e3e3e3; padding-bottom: 10px; }
div.item img { float: left; position: relative; border: solid 4px #e0e0e0; margin-right: 10px; }
div.item h2 { margin: 0px; padding: 0px; font-size: 22px;}
div.item h3 { margin: 0px; padding: 0px; font-size: 18px; }
div.item ul { margin: 10px 0px 0px 0px; padding: 0px; }
div.item ul li { list-style-type: none; padding-left: 10px; position: relative; width: 450px; }
div.item ul li a { padding-left: 10px; background: url(../img-bin/li_sub.png) no-repeat left 50%; }
div.item ul li span { text-align: right; position: absolute; right: 0px; }
/* Members Area */
form#login {}
form#login fieldset { border: none; margin: 0px; padding: 0px; }
form#login legend { display: none; }
form#login label { width: 75px; float: left; padding-top: 8px; }
form#login input { float: left; width: 265px; border: solid 1px #a9a9a9; height: 23px; margin-bottom: 5px; padding: 5px 2px 0px 2px; }
form#login input:focus { border: solid 1px #2389c5; }
form#login input:hover { border: solid 1px #2389c5; }
form#login input:active { border: solid 1px #2389c5; }
form#login .submit { width: 110px; height: 27px; text-align: center; background: url(../members/img-bin/login.jpg) no-repeat; color: #fff; border: none; float: right; margin-right: 9px; font-size: 12px; line-height: 22px; padding-bottom: 5px; cursor: pointer; }
form#login .submit:focus { border: none; }
form#login .submit:hover { border: none; }
form#login .submit:active { border: none; }
p.message { position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; }
div#member_left { float: left; position: relative; width: 380px; margin-right: 15px; padding-right: 10px; min-height: 400px; }
div#member_left h3 { font-size: 18px; }
div#member_right { float: left; position: relative; width: 280px; border-left: dashed 1px #e3e3e3; padding-left: 20px; }
div#member_right h3 { font-size: 18px; }
ul#news { margin: 0px; padding: 0px; }
ul#news li { list-style-type: none; border-bottom: dashed 1px #016aa9; padding-bottom: 5px; margin-bottom: 5px; }
ul#news li span { text-align: right; float: right; line-height: 22px; height: 23px; color: #767676; }
ul#news li a { display: block; }
ul#news li a.title { background: url(../img-bin/news_li.jpg) no-repeat left top; padding-left: 25px; width: 195px; float: left; position: relative; height: 23px; line-height: 22px; }
ul#news li a:hover {}
ul#news li a.more { background: url(../img-bin/li_sub.png) no-repeat left 50%; padding-left: 10px; margin-left: 5px; height: 15px; line-height: 14px; margin-top: 5px; }
ul#reports { margin: 0px; padding: 0px; }
ul#reports li { list-style-type: none; width: 250px; position: relative; border-bottom: dashed 1px #016aa9; padding-bottom: 5px; margin-bottom: 5px; }
ul#reports li span { text-align: right; float: right; line-height: 22px; height: 23px; color: #767676; }
ul#reports li a { display: block; }
ul#reports li a.title { background: url(../img-bin/news_li.jpg) no-repeat left top; padding-left: 25px; width: 195px; float: left; position: relative; height: 23px; line-height: 22px; }
ul#reports li a:hover {}
ul#reports li a.more { background: url(../img-bin/li_sub.png) no-repeat left 50%; padding-left: 10px; margin-left: 5px; height: 15px; line-height: 14px; margin-top: 5px; display: block; float: right; }
ul#downloads { margin: 0px; padding: 0px; }
ul#downloads li { list-style-type: none; width: 250px; position: relative; }
ul#downloads li a { display: block; background: url(../img-bin/pdf_li.jpg) no-repeat left 50%; padding-left: 20px; width: 195px; float: left; position: relative; height: 23px; line-height: 22px; margin-left: 10px; width: 250px; position: relative; }
ul#downloads li a span { display: none; }
ul#downloads li a:hover { border-bottom: dashed 1px #767676; }
ul#downloads li a:hover span { display: block; color: #767676; position: absolute; right: 0px; top: 0px; }
div.pdf_help { padding-top: 10px; position: relative; }
div.pdf_help img { float: right; position: relative; padding-left: 15px; padding-top: 10px; }
div.info_panel { border: solid 2px #2389c5; padding: 10px; background: #f0f0f0; margin-bottom: 10px; }
div.info_panel h3 { margin: 0px; padding: 0px; }
/* Footer */
div#footer { width: 980px; margin: 0 auto; text-align: center; padding: 10px 0px; }
div#footer p { width: 52%; margin: 0 auto; color: #6a6a6a; }
div#footer p.copyright { float: left; text-align: left; position: relative; width: 48%; color: #3c3c3c; }
div#footer p.built_by { float: right; position: relative; text-align: right; width: 48%; color: #3c3c3c; }
div#footer p.built_by a { color: #3c3c3c; }
/* Gallery */
div#gallery {}
div#gallery img { float: left; position: relative; border: solid 4px #e0e0e0; margin-right: 10px; margin-bottom: 10px; }
table#board { margin-top: 10px; }
table#board tr { height: 20px; margin: 0px; padding: 0px; }
table#board td { height: 20px; margin: 0px; padding: 0px; border: none; white-space:nowrap; }
div.hr { clear:both; width:100%; line-height:0px; border-top:#2389c5 1px dashed; margin-top:5px; margin-bottom:5px; }
div.hr hr { display:none; }
/* Pagination */
div#pagination_bar { width: 380px; height: 28px; line-height: 25px; position: relative; }
div#pagination_bar .page { float: left; position: relative; width: 44%; }
div#pagination_bar .page a { border: solid 1px #e2e2e2; padding: 0px 4px 1px 4px; background: #efefef; }
div#pagination_bar .page a:hover { background: #2389c5; color: #FFF; border: solid 1px #454a4c; }
div#pagination_bar .page a.active { background: #2389c5; color: #FFF; border: solid 1px #454a4c; }
div#pagination_bar .page_no { float: right; position: relative; width: 44%; text-align: right; }
/* Contact Page */
div#contact_left { float: left; position: relative; width: 45%; }
div#contact_left span.link { padding-top: 10px; }
div#contact_left span { text-align: right; position: absolute; right: 0px; }
div#contact_right { float: right; position: relative; width: 49%; }
form#contact { margin: 0px; padding: 0px; }
form#contact fieldset { border: none; padding: 0px; }
form#contact legend { display: none; }
form#contact label { float: left; position: relative; width: 95px; padding-top: 4px; }
form#contact input { height: 20px; padding: 5px 5px 0px 4px; margin-bottom: 5px; border: solid 1px #2389c5; width: 245px; }
form#contact textarea { padding: 5px 5px 0px 4px; margin-bottom: 5px; border: solid 1px #2389c5; width: 245px; }
form#contact input.error { border: dashed 1px #CC0000; }
form#contact textarea.error { border: dashed 1px #CC0000; }
form#contact .submit { width: 95px; float: right; margin-right: 13px; padding-bottom: 5px; height: 30px; }