/*  ========================================================
Filename: [bpindex]/site.css
Called by: Public pages
Description/Notes: BPi 2009 public site
Dark Blue: #335588
Light Blue: #d6dde7
Dark Green: #aac53f
New dark green: #86a31a
Light Green: #eaf0cf
Update History:
24/04/09 DSK - BPi 2009
05/11/08 DSK - Updated
30/07/08 DSK - Release
============================================================ */

html{overflow-x:hidden;overflow-y:scroll;background:#fff;}
body {background:#fff;color:#666;font:100.01% Tahoma,Arial,Sans-Serif;font-size:12px;width:960px;margin:0px auto;}
img {border:none;}
a {color:#335588}
.clearboth{clear:both;}
.nowr{white-space:nowrap;}
.notice p{width:80%;text-align:center;font-size:12pt;font-weight:bold;color:red;margin:10px auto;}
.notice button{text-align:center;font-size:11pt;font-weight:bold;color:#fff;background:red;padding:5px 8px}
.warn{text-align:center;font-size:10pt;font-weight:bold;color:#fff;background:red;padding:5px 8px;width:75%;margin:0 auto;}
/* All pages - header, footer, top nav, bottom nav */
#header{background:url("/img/top-bar.jpg") no-repeat;width:960px;height:170px;}
#logreg{position:relative;left:660px;top:3px;color:#fff;font-size:11px;font-weight:bold;line-height:24px;width:296px;text-align:center;padding:0;}
#logreg input{background:url("/img/login-topbar-field.gif") no-repeat;border:none;padding:2px 0 0 8px;width:138px;height:24px;}
#logreg a{color:#aaa;position:absolute;left:240px;top:0;}
.logbtn{position:absolute;left:264px;top:0px;background:url("/img/submit-btn-blu.gif") no-repeat left top;height:20px;margin:1px 8px;width:20px;cursor:pointer;}
.logbtn:hover{background:url("/img/submit-btn-blu.gif") no-repeat left -20px;height:20px;margin:1px 9px;}
#twit{position:relative;left:870px;top:110px;z-index:99}

#topnav {position:absolute;top:134px;width:960px;padding:0;margin:0 auto;}
#topnav ul {margin:0;padding:10px 10px;list-style:none;}
#topnav li {float:left;background:url("/img/tabs-left.gif") no-repeat left top;margin-left:4px;padding:0 0 0 15px;}
#topnav li:hover {float:left;background:url("/img/tabs-left.gif") no-repeat left -30px;}
#topnav li.current{float:left;background:url("/img/tabs-left.gif") no-repeat left -60px;}
#topnav a {float:none;display:block;background:url("/img/tabs-right.gif") no-repeat right top;padding:5px 15px 4px 0px;font-size:12px;text-decoration:none;font-weight:bold;color:#fff;}
#topnav a:hover {float:none;display:block;background:url("/img/tabs-right.gif") no-repeat right -30px;}
#topnav a.current{float:none;display:block;background:url("/img/tabs-right.gif") no-repeat right -60px;color:#333;}

#footer{clear:both;background:url("/img/footer.gif") no-repeat;width:960px;height:34px;color:#fff;padding-top:10px;margin-top:40px;font-size:12px;}
#footer #bottomnav {text-align:left;margin-left:10px;float:left;}
#footer #bottomnav a{text-decoration:none;color:#fff;}
#footer #copy{text-align:right;padding-right:10px}

/* buttons */
.genbutn {cursor:pointer;width:169px;height:35px;background:url("/img/gen_nav.gif") no-repeat top right;margin:10px auto 0;}
.genbutn a{display:block;width:140px;text-decoration:none;font-size:13px;font-weight:bold;color:#fff;padding:9px 15px;}
.genbutn a:hover{color:#666;}

/* Home (index) page styles */
#cont{width:960px;margin:18px 0;float:left;}
/* ====================================== left column ================================================*/
#lcol{width:190px;float:left;padding:0;background:url("/img/lcol-bg.jpg") no-repeat top left;margin:0px 15px 20px 0;}

.vlink{color:#86a31a;width:180px;line-height:22px;padding:0 10px 0;font-weight:bold;font-size:12px;cursor:pointer;background:url("/img/sm-btn-rgt.gif") no-repeat 85% top;margin:6px 0;}
.vlink:hover{text-decoration:underline;background:url("/img/sm-btn-rgt.gif") no-repeat 85% -22px;height:22px;}
.vlink a {color:#86a31a;text-decoration:none;}
.mlq {clear:both;border:2px outset #86a31a;}
.mlq a {color:#86a31a;text-decoration:none;padding:0px;line-height:1.8;font-size:120%;font-weight:bold}
.mlq img{vertical-align:middle;padding:0 10px}
.sechdr{width:90%;color:#335588;margin:0 auto;border-bottom:1px solid silver;padding:8px 0 4px 8px;font-size:14px;font-weight:bold}
.addr{font-size:11px;color:#335588;margin:4px;text-align:center;padding:0 0 10px}

#sponbox {width:100%;margin-top:20px;}
#sponbox img{padding:6px 12px;border-bottom:1px dotted silver;margin:6px}
#rlnx{text-align:center;margin-top:5px;font-size:9px;}
#rlnx a{text-decoration:none}
/* ======================================= Middle column ================================================= */
#mcol{width:500px;float:left;margin:0px 5px;}
.welcom{text-align:center;font-size:18px;font-weight:bolder;color:#335588;padding:3px 0}

#mcol .text {text-align:justify;font-size:13px;margin:0;padding:3px 10px 0 0;}
/*#mcol ul, li {font-size:11px;margin-left:-14px;margin-bottom:4px;}*/

#srchbox {width:462px;height:112px;margin:6px auto 40px;background:url("/img/search-bg.gif") no-repeat;}
#srchhd p{padding:6px 0 0 12px;font-weight:bold;color:#fff;font-size:18px;text-align:left;}
#srchbody {margin:0px 12px 0;}
#srchbody input.srchbtn{margin:-6px 12px  0;clear:left;}
#srchbody input.srch35{width:362px;height:34px;background:url("img/search-field.gif") no-repeat;border:none;padding:5px 0 0 10px;float:left;}
.srchbtn{position:relative;left:380px;top:-4px;background:url("/img/search-btn.gif") no-repeat left top;height:34px;margin:4px 8px;width:34px;z-index:1;}
.srchbtn:hover{background:url("/img/search-btn.gif") no-repeat left -34px;height:34px;margin:4px 9px;}
.txtsmallp{clear:both;margin-top:3px;color:#fff;font-size:11px;}
.idxs{border-bottom:1px dashed silver;width:440px;margin:auto;padding-left:10px;font-weight:bold;font-size:13px;}
.idxs a{font-weight:bold;color:#aac53f;text-decoration:none;}

/* ====================================== right column ================================================= */
#rcol{width:230px;float:right;background:url("/img/rcol-bg.jpg") no-repeat 0px 0px;margin:0px 0 20px;}

#news {font-size:11px;}
#news .vnd {color:#86a31a;font-size:11px;font-weight:bold;}
#news tr{cursor:pointer;}
#news img{padding:0 5px 0 2px;}

/*================= Links page ============================== */
#dkbltbl {}
#dkbltbl table {width:85%;margin:auto;}
#dkbltbl th {background-color:#335588;color:#fff;font-size:14px;font-weight:bold;text-align:center; }
#dkbltbl td {color:#666666;font-size:11px;font-weight:normal;border:1px solid silver;}
#dkbltbl a {color:#335588;font-size:11px;font-weight:bold;}
#dkbltbl tbody tr:hover{background-color:#d6dde7;cursor:pointer;}

.cntr75{width:75%;margin:auto;font-size:110%;}
.lfloat60{width:60%;margin:10px 0 0 120px;float:left;}

/*    */
#ltbltbl img{float:right;}
#ltbltbl {margin:20px auto;clear:both;}
#ltbltbl th {color:#335588;font-size:14px;font-weight:bold;text-align:center;height:31px;}
#ltbltbl th.l{background:#9abaed;background:url("/img/ltbluhd-l.gif") no-repeat;}
#ltbltbl th.m{background:#9abaed;}
#ltbltbl th.r{background:url("/img/ltbluhd-r.gif") no-repeat top right;}
#ltbltbl td {color:#666;font-size:11px;font-weight:normal;border-bottom:1px solid silver;}
#ltbltbl tbody tr{height:24px}
#ltbltbl td.l {width:35%}
#ltbltbl td.m {background:#f4f4f4;width:25%;}
#ltbltbl a {color:#335588;font-size:11px;font-weight:bold;}
#ltbltbl tbody tr:hover{background-color:#d6dde7;cursor:pointer;}

/* ============================================== Contact page styles ====================================================== */
#dwot {width:85%;background:yellow;padding:8px;text-align:center;margin:10px auto;font-size:14px;}

#mailform {width:640px;margin:10px auto;}
#mailform fieldset{background-color:#D6DDE7;}
#mailform legend {font-weight:bolder;font-size:14px;padding:8px;background:#335588;color:#fff;}
#mailform label,#mailform input {display:block;width:28em;float:left;margin-bottom:10px;}
#mailform label {text-align:right;width:8em;padding-right:20px;}
#mailform button{background:#335588;color:#fff;font-weight:bold;cursor:pointer;padding:3px 16px;}