@charset "utf-8";

/* CSS Document */

body{background:url(../images/bg.jpg) repeat-x top left; margin:0; padding:0; font:12px  Arial, Helvetica, sans-serif; color:#666666}


#wrapper{width:960px; margin:0 auto; padding:0;}

.header{ float:left;}
.header .logo{ padding:0px 0 0 0; margin:0; float:left;}
.header .logo img{border:none;}
.header .topnav{ padding:40px 0 0 0; margin:0; float:right;}
.header .topnav img,.header .topnav a{ margin:0 7px 0 0; padding:0; border:none;color:#000;}


.header .nav{ margin:1px 0 0 0; padding:0; background:url(../images/navbg.gif) repeat-x top; height:46px;}
.header .nav .leftcol{ width:9px; background:url(../images/nav-leftbit.gif) no-repeat top left; height:46px; float:left;}
.header .nav .middlecol{ float:left; height:46px;}
.header .nav .rightcol{ width:9px; background:url(../images/nav-rightbit.gif) no-repeat top left; height:46px; float:right;}

.tabs{ clear:left; text-align:center; font-size:12px; font-weight:bold; padding:0 0 0 5px; }
.tabs ul { margin:0; padding:0px 0 0 5px; list-style:none;}
.tabs li {display:inline; margin:0; padding:11px 5px 0 6px; float:left; background:url(../images/border.gif) right top no-repeat;}
.tabs .none {display:inline; margin:0; padding:11px 4px 0 9px; float:left; background: none;}
.tabs a {float:left; margin:0; padding:0 5px 0 8px;text-decoration:none;}
.tabs a span {float:left; display:block; padding:4px 10px 4px 4px ; color:#000;}
.tabs a span {float:none;}
.tabs a:hover span {}
.tabs a:hover { background:url(../images/button-left.gif) no-repeat left top;	}
.tabs a:hover span { background:url(../images/button-right.gif) no-repeat right top; color:#fff}
.tabs a.selected { background:url(../images/button-left.gif) no-repeat left top;	}
.tabs a.selected span { background:url(../images/button-right.gif) no-repeat right top; color:#000}

.tabs .selected a{ background:url(../images/button-left.gif) no-repeat left top;}
.tabs .selected a span { background:url(../images/button-right.gif) no-repeat right top; color:#fff}

.content{ width:958px; background:#fff url(../images/contentbg.gif) repeat-x top; float:left; clear:both; border-left:solid 1px #fafafa; border-right:solid 1px #fafafa;}
.content .leftcol{ float:left; width:690px; padding:25px 0 0 30px;}
.content .leftcol h1{ padding:0 0 10px 0; margin:0; font-size:20px;}
.content .leftcol p{ padding:0 10px 0 0; margin:0; font-size:12px; line-height:19px; color:#333;}
.content .leftcol h3{ padding:10px 0 10px 0; margin:0; font-size:14px; color:#000;}
.content .leftcol h2{ padding:2px; margin:5px 0 5px 0; font-size:13px; color:#fff; background-color:#cc3333; border:solid 1px #993333;}
.content .leftcol p a{ color:#000; text-decoration:none;}
.content .leftcol p strong{color:#000; text-decoration:none;}
.content .leftcol img{ padding:0 0 10px 10px; margin:0;}



.content .leftcol ul{ margin:0 0 0 0; padding:5px 0 0 10px; font-size:12px; clear:both; color:#333;}
*html .content .leftcol ul{padding:5px 0 0 10px;}
.content .leftcol ul li{ margin:0; padding:4px 0 4px 16px; list-style:none; background:#fff url(../images/txtlibg.jpg) no-repeat top left;}
.content .leftcol ul li a{ color:#666666; text-decoration:none;}
.content .leftcol ul li a:hover{ color:#000; text-decoration:underline;}


.content .leftcol .bottomrow{ padding:25px 0 10px 0; margin:10px 0 0 0; float:left; width:700px; background:url(../images/line.gif) no-repeat top left;}
.content .leftcol .bottomrow .services{ padding:0; float:left; width:340px;}
.content .leftcol .bottomrow .services h1 a{ padding:0; margin:0; text-decoration:none;}
.content .leftcol .bottomrow .services p{ padding:0 10px 0 2px;}
.content .leftcol .bottomrow .services img{ padding:0 10px 10px 0; margin:0; border:none;}


.content .rightcol{ padding:10px 0 0 0; float:right; width:226px;}
.content .rightcol .news{ padding:0 0 0px 0; border-left:solid 5px #dde5e9; border-right:solid 5px #dde5e9; width:202px; background:url(../images/news-bg-bot.gif) bottom no-repeat; float:left; font-size:11px;}
.content .rightcol .news img{ padding:3px 0 0 6px; margin:0;}

.content .rightcol .title{ background:url(../images/news.gif); width:212px; height:48px; padding:0; margin:0;}
.content .rightcol .news p{ padding:8px 3px 8px 8px; margin:0;}
*html .content .rightcol .news p{ padding:5px 3px 11px 8px; margin:0;}
.content .rightcol .news p strong{ color:#386ea5; padding:0;}
.content .rightcol .news .more{ float:right; padding:8px 8px 5px 0; margin:0;}
*html .content .rightcol .news .more{ float:right; padding:5px 8px 5px 0; margin:0;}
.content .rightcol .news .more a{ text-decoration:underline; color:#000;}
.content .rightcol .news .more a:hover{ text-decoration:none; color:#000;}
.content .rightcol .donate { padding:10px 0 0 0; margin:0; clear:both;}
.content .rightcol .donate img{ border:none;}
.content .leftcol .gallery{ padding:0; margin:0;}
.content .leftcol .gallery img{ padding:0; margin:0;}



/* Footer */
.footer{ width:960px; background:url(../images/footerbg.gif) no-repeat; padding:50px 0 0 0; float:left; }
.footer p{ padding:0 0 5px 0; margin:0; text-align: center; line-height:20px;}
.footer p a{ text-decoration:none; color:#333; padding:0 3px 0 3px}
.footer p a:hover{ text-decoration:underline; color:#000; padding:0 3px 0 3px}



/* Colours */
.orange{color:#ef9c0f;}
.orange a{color:#ef9c0f;}

.blue{color:#1a5998;}
.maroon{color:#cc3333;}
.fa{font-size:20px !important;
    padding:7px;
}
.top-bar p:last-child{float:right;
}
.top-bar p{float:left;font-size:16px;margin:10px 7px;color:#000;
}