/* 
Author: BOB IT Division
URI: http://www.bob.bt
*/
*,html{
margin:0;
padding:0;
}
body{
font-family:verdana, helvetica, arial;
font-size:12px;
}
a{
text-decoration:none;
}
table{
border-collapse:collapse;
border:1px solid ##aaaaa6;
}
td{
border:1px solid #aaaaa6;
}
#wrapper{
width:800px;
margin:0 auto;
overflow:auto;
}
#header{
120px;
}
#logo{
width:170px;
float:left;
height:125px;
background:url(images/logo.png) no-repeat;
}
#rightlogo{
width:620px;
float:right;
}
#topmenu{
background:url(images/topmenubg.png) no-repeat;
width:514px;
float:right;

}
#topmenu ul{
list-style:none;
padding:10px 0 10px 5px;
width:510px;
float:right;
}
#topmenu ul li{
float:left;
padding:0 20px 0 10px;
background:url(images/slash.png) right no-repeat;
}
#topmenu ul li a, #topmenu ul li a:visited{
text-decoration:none;
color:#fff;
}
#topmenu ul li a:hover{
text-decoration:underline;
}
#searchbar{
width:290px;
clear:both;
float:right;
padding-top:20px;
}
input.searchinput{
height:1.4em
}
/* Main Menu starts here */
#mainmenu{
clear:both;
}
#mainmenu ul{
list-style:none;
padding-top:20px;
margin-left:-15px;
padding-left:25px;
}
#mainmenu ul li{
float:left;
padding:4px 2px 4px 15px;
background:url(images/tab-left.png) left top no-repeat;
}
#mainmenu ul li a{
display:block;
text-decoration:none;
color:#17765c;
font-size:1.1em;
}
#mainmenu ul li a:hover{
color:#1d4cc5;
}
#mainmenu ul li span{
padding:4px 15px 4px 0;
background:url(images/tab-right.png) top right no-repeat;
}
/* Main Menu ends here */
/* Main Menu Drop Down */
#mainmenu ul li ul{
position:absolute;
left:-999em;
z-index:999;
list-style:none;
background:#eef7fa;
border:1px solid #81a1d4;
border-top:none;
padding:0;

}
#mainmenu ul li:hover ul{
left:auto;
margin-top:4px;

}
#mainmenu ul li ul li{
float:none;
display:block;
background:none;
padding:0;
border-top:1px solid #81a1d4;
padding:2px 15px;
}
#mainmenu ul li ul li a{
display:block;
}
#mainmenu ul li ul li:hover{
background:#dae8ec;
}
/* Drop Down Ends here */
#main{
clear:both;
padding-top:0;
width:800px;
background:#eaf2fa url(images/mainbg.png) repeat-x;
overflow:auto;
}
/* Sidebar starts here */
#sidebar{
clear:both;
float:left;
width:210px;
padding:5px;
}
#sidebar img{
margin-bottom:5px;
}
#sidebar h2{
font-size:1.2em;
color:#fff;
}
#qaccess{
margin-top:-10px;
width:198px;
background:#f2f1bc;
border:1px solid #c8c0c0;
margin-bottom:5px;
}
#qaccess ul{
padding:5px;
list-style:none;
}
#qaccess ul li{
padding:3px 5px 3px 15px;
background:url(images/raquo.png) no-repeat left;
}
#qaccess ul li a, #qaccess ul li a:visited{
color:#1c64e0;
text-decoration:none;
}
#qaccess ul li a:hover{
text-decoration:underline;
}
/* sidebar ends */

/* main content starts */
#content{
width:570px;
float:left;
padding:5px 3px 5px 0;
color:#514e4e;
}
#left{
width:330px;
clear:both;
float:left;
font-size:1em;
}
#right{
width:230px;
float:right;
overflow:auto;
}
#content h2{
font:1.2em sans-serif;
font-weight:bold;
color:#2f6681;
padding:4px 10px;
}
#left h2{
background:#e3eff8;
border:1px solid #aaaaa6;
padding:2px 5px;
margin:0;
}
#right h2{
background:#F9F9F9;
border:1px solid #aaaaa6;
}
#announcementbar{
background:url(images/annbar.png) no-repeat;
clear:both;
width:570px;
margin-bottom:5px;
overflow:auto;
padding-top:6px;
}
#annslider{
width:360px;
float:left;
}
.announcements{
position:relative;
border:1px solid #aaaaa6;
border-top:none;
background:url(images/announcement-bg.png) repeat-x;
padding:5px;
font-size:.9em;
color:#666;
}
.announcements a{
float:right;
position:relative;
color:#1c64e0;
}
.announcements h3{
font-size:1.1em;
padding:0;
margin:0;
}
.announcements h3 a{
float:none;
color:#2f6681;
}
.announcements h3 a:hover{
text-decoration:underline;
}
.exchange{
float:right;
background:#eef7fa;
}
.exchange table{
border-collapse:collapse;
font-size:.8em;
}
.exchange table th{
border:1px solid #aaaaa6;
text-align:left;
padding:5px 10px 5px 10px;
border-bottom:none;
border-top:none;
background:#dae8ec;
}
.exchange table td{
margin:0;
padding:3px 10px 3px 10px;
border:1px solid #aaaaa6;
font-weight:.7em;
}
.mailbox{
poisition:relative;
clear:both;
padding:0;
width:200px;
border:1px solid #aaaaa6;
background:#eef7fa url(images/email.png) no-repeat right center;
}
.mailbox h3{
background:#dae8ec;
color:#2d61a5;
font-size:1.1em;
padding:5px;
border-bottom:1px solid #aaaaa6;
}
.mailbox .mailinput{
width:150px;
}
.mailbox label{
font-size:.9em;
}
input.button{
margin-top:3px;
font-size:1em;
background:url(images/login.png) no-repeat;
width:80px;
height:25px;
padding:5px;
border:0;
font-weight:bold;
color:#2d61a5;
}

#alerts{
clear:both;
width:558px;
border:1px solid #aaaaa6;
margin-top:10px;
background:#fff;
padding:5px 5px 10px 5px;
font-size:.9em;
overflow:auto;

}
#alerts h2{
font-size:1.1em;
color:#993300;
padding-left:23px;
padding-bottom:3px;
background:url(images/alertballoon.png) no-repeat;
text-decoration:underline;
}
.alertsmall{
margin-left:4px;
width:110px;
float:left;
padding-left:50px;
min-height:80px;
height:auto!important;
}
.alertsmall ul{
list-style:none;
}
.alertsmall span{
font-weight:1em;
font-weight:bold;
}
.alertsmall ul li a, .alertsmall ul li a:hover{
color:#1c64e0;
}
.alertsmall ul li a:hover{
text-decoration:underline;
}
.ibankingbg{
background:url(images/ibankingbg.png) no-repeat 1% 10% ;
width:140px;
}
.smsbankingbg{
background:url(images/smsbankingbg.png) no-repeat 1% 10%;
height:80px!important;
}
.atmbg{
background:url(images/atmbg.png) no-repeat 1% 10%;
padding-left:55px;
}
/* Single Pages */
#singleheader{
border:1px solid #aaaaa6;
background:#eef7fa;
width:564px;
padding:4px 0 4px 4px;;
}
#singleheader h2{
font-size:1.4em;
padding:0;
margin:0;
color:#7f991e;

}
#singlecontent span{
font-size:1em;
}
#singlecontent p{
margin-bottom:1em;
padding:auto;
}
#singlecontent{
min-height:300px;
width:556px;
padding:6px;
padding-bottom:10px;
background:#fff;
border:1px solid #aaaaa6;
border-top:none;
line-height:1.4em;
color:#494a4d;
font-family:trebuchet ms, verdana, arial, gotham, century gothic, trebuchet ms;
overflow:auto;
}
/* Single Content ends */

/* Page Styles */
#pagemenu{
width:540px;
margin:0 auto;
background:#fff;
overflow:auto;
padding-bottom:20px;
}
#pagemenu ul{
list-style:none;

}
#pagemenu ul li{
width:160px;
float:left;
padding-left:12px;
background:url(images/raquo.png) no-repeat left center;
}
#pagemenu ul li a{
color:#1c64e0;
}
#pagemenu ul li a:hover{
text-decoration:underline;
}
.current_page_item a, .current_page_item a:visited{
color:#993300 !important;
}
.current_page_item a:hover{
text-decoration:none !important;
}
#pagecontent{
clear:both; 
border-top:1px solid #999;
overflow:hidden;
}
#pagecontent h2{
color:#309ab8;
padding:4px 0 4px 2px;
background:#f1f8fa;
margin-bottom:4px;
}
#pagecontent a{
text-decoration:none;
color:#4e74ca;
}
#pagecontent a:hover{
text-decoration:underline;
}

/* Page Styles ends */
#footer{
padding:10px 0;
font-size:.8em;
width:100%;
margin:0 auto;
color:#054e92;
background:url(images/footerbg.png) repeat-x;
text-align:center;

}
#footer a{
text-decoration:none;
color:#054e92;
}
#footer a:hover{
text-decoration:underline;
}
ol.bullets{
margin-left:30px;
}
ol.bullets li{
padding:3px 0;
}
#sitemap{
padding-left:20px;
}
#sitemap ul{
margin-left:20px;
}
#singlecontent .noborder{
border:none !important;
}

span.date{
font-size:.8em;
color:#993300;
}

/* Begin Images From wordpress classic theme */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
a.linka{
color:#494a4d;
}