/*
Design by http://www.kennygraphix.com
*/
@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	background-repeat: no-repeat;
	background-position: 100% 100%;
	
}
html, .main {
	width: 100%;
	height: 100%;
}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:0; color:#3a90c9; font:bold 30px/1.2em Arial, Helvetica, sans-serif; text-transform:uppercase;}
h1 a, h1 a:hover { color:#3a90c9; text-decoration:none;}
h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#323a3f; padding:8px 0; margin:8px 0;}
h2 span { color:#3a90ca;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#3a90ca; text-decoration:underline;}

.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.hbg_resize, .header_bg, .content_resize, .fbg_resize, .footer_resize {
	width:920px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}
.content, .fbg, .footer { padding:16px 0;}

/* header */
.header { height:118px; background:url(images/header_bg.gif) repeat-x top;}
.header_resize {
	margin:0 auto;
	padding:0 0 0 40px;
	width:900px;
}
.header .logo {
	padding-top:0px;
	width:145px;
	float:left;
	height: 118px;
}

/* menu */
.menu_nav {
	padding-top:72px;
	float:right;
	width:653px;
	height:45px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../../backgrounds/TXTAFRICA1.png);
}
.menu_nav ul {
	margin-right:40px;
	float:right;
	width:550px;
	list-style:none;
	background-image: url(images/menu1.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
}
.menu_nav ul li {
	margin:0;
	float:left;
}
.menu_nav ul li a { display:block; margin:0; padding:12px; color:#5f5f5f; text-decoration:none;}
.menu_nav ul li a:hover, .menu_nav ul li.active a { color:#fff; background:#3a90c9;}

/* hbg */
.hbg {
	height:255px;
	overflow:hidden;
	color:#970000;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #970000;
}
.hbg_resize { padding-right:0; width:930px;}
.hbg img.hbgimg { margin-right:70px; padding:16px 0 0 0; float:left;}
.hbg img.readmore { float:right; padding-top:32px;}
.hbg h2 { padding-top:16px; color:#fff; font-size:28px; text-transform:uppercase;}

/* content */
.content {
	padding: 0px;
}
.content_resize {

}
.content .mainbar {
	float:left;
	width:630px;
	height: auto;
}
.content .mainbar img { border:1px solid #b7b7b7; padding:4px; background-color:#fff;}
.content .mainbar .article, .content .sidebar .gadget {
	border-right-width: 1px;
	border-right-style: solid;
}
.content .sidebar {
	float:none;
	width:236px;
	height: 400px;
	padding-right: 2px;
	padding-left: 0px;
	clear: both;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#FFFFFF;
}
ul.sb_menu li, ul.ex_menu li { margin:0; background:url(images/li.gif) no-repeat 0 12px;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#3a90ca; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg {
	background-color:#CFDDE8;
	color:#fff;
	background-image: url(images/strip1%20-%20Copy.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.fbg h2, .fbg a { color:#fff;}
.fbg img { border:1px solid #337daf;}
.fbg .col { margin:0; float:left;}
.fbg .c1 {
	width:306px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #596A72;
	height: 200px;
}
.fbg .c2 {
	width:280px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #596A72;
	height: 200px;
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 16px;
}
.fbg .c3 { padding:0 0 0 16px; width:240px;}
.fbg .c1 img { margin:8px 16px 16px 0; padding:0; float:left;}
.fbg .c3 img, .fbg_resize .c3 img { margin:4px; padding:0;}
.fbg ul.sb_menu { width:160px;}
.fbg ul.sb_menu li { border-bottom:1px solid #fff;}
.fbg ul.sb_menu a, .fbg ul.sb_menu a:hover { color:#fff;}

/* footer */
.footer img.flogo { float:left; border:none;}
.footer p.lf {
	margin:0;
	float:right;
	width:auto;
	height: 100%;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left;}
ul.fmenu li a { color:#5f5f5f; text-decoration:none; padding:2px 6px;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#3a90ca;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label {
	display:block;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}
#sidebar {
	height: auto;
	width: 280px;
	background-color: #CCCCCC;
	float: right;
}
#sidebar1 {
	height: 150px;
	width: 210px;
	background-color: #666666;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../../backgrounds/block.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 65px;
}
#sidebar2 {
	height: 150px;
	width: 210px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FF9933;
	padding-top: 10px;
	background-image: url(../../backgrounds/block1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#bspc {
	height: 255px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #970000;
}
#gallery {
	height: 380px;
	width: 650px;
	float: left;
}
#basic-accordian {
	height: 270px;
	width: 270px;
	margin-right: auto;
	margin-left: auto;
}