/* 
Website: Into Africa
Made: October 2007

Style Index
$1 - Reset/Defaults
$2 - Global Styles
$3 - Home Header Rotator
$4 - Page Structure
$5 - Navigation (Top)
$6 - Footer
$7 - Home Page
$8 - News
$9 -  Contact Us
$10 - 
$11 - 
$12 - 
$13 - 
$14 - 
$15 - 
$16 - 
$17 - 
$18 - 
$19 - 
$20 - 
$21 - 
$22 - 
$23 - 
$24 - 
$25 - 
$26 - 
$27 - 
*/


/* ------------------------------------------------------------
	$1  Reset/Defaults
------------------------------------------------------------ */	
/*Clear Margin and Padding on major elements*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

/* Remove border around linked images */
img {	
	border: 0;
}

/* Generic pointer style */
.pointer { cursor:pointer; }
	

/* ------------------------------------------------------------
	$2  Global Styles
------------------------------------------------------------ */
body {
	background-color: #C22126;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
/* Classes for floating */
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

p {
	font-size: 12px;
	color: #606060;
	margin-bottom: 10px;
	}

h1 {
	color: #606060;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
	}
	

/* ------------------------------------------------------------
	$3  Home Header Rotator
------------------------------------------------------------ */
#portfolio {
	list-style-type:none;
	padding: 0;
	margin: 19px 0 0 0;
	color: #07394B;
}

#portfolio ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
	color: #07394B;
	display: inline;
}

	

/* ------------------------------------------------------------
	$4  Page Structure
------------------------------------------------------------ */
#home_hd_bg {
	clear:both;
	text-align:center;
	background: #C22126 url(/images/sitewide/bg_top.gif) repeat-x bottom;
	width: 100%;
	}

#home_hd_bg div.inner {
	margin: 0 auto;
	text-align:left;
	width: 760px;
	border-bottom: 1px solid #FFFFFF;
	}

#home_header {
	margin-top: 19px;
	}
	
#cont_area_bg {
	text-align:center;
	float:left;
	background-color: #595959;
	padding: 0;
	width: 100%;
	}
	
#cont_area_bg div.inner {
	margin: 0 auto;
	text-align:left;
	width: 760px;
	}

#cont_area {
	background-color: #FFFFFF;
	float:left;
	}
	
	
/* ------------------------------------------------------------
	$4  Navigation
------------------------------------------------------------ */	
.topnav {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #000000;
	}


/* ------------------------------------------------------------
	$5  Footer
------------------------------------------------------------ */
#footer_cont {
	clear:both;
	text-align:center;
	background: #C22126 url(/images/sitewide/bg_btm.gif) repeat-x top;
	width: 100%;
	padding-top: 1px;
	}
	
#footer_cont div.inner {
	margin: 0 auto;
	text-align:left;
	width: 760px;
	}

.footer {
	width: 760px;
	height: 37px;
	background: #C22126 url(/images/sitewide/footer_bg.gif) no-repeat bottom;
	font-size: 11px;
	color: #FFFFFF;
	}
	
.footer ul {
	list-style: none;
	float: left;
	padding: 10px 0 0 78px;
	}
	
.footer li {
	float: left;
	list-style: none;
	padding: 0 15px  0 15px;
	border-right: 1px solid #FFFFFF;
	}

.footer li.first {
	float: left;
	list-style: none;
	padding: 0 16px 0 0;
	}

.footer li.last {
	float: left;
	list-style: none;
	padding: 0 0 0 16px;
	border-right: none;
	}

.footer a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

.footer a:hover {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	}

.copyright {
	text-align:center;
	font-size: 10px;
	color: #FFFFFF;
	padding: 15px 0 40px 0;
	}

.copyright a {
	color: #FFFFFF;
	text-decoration: underline;
	}

.copyright a:hover {
	color: #000;
	}


/* ------------------------------------------------------------
	$6  Home Page
------------------------------------------------------------ */	
.home_intro {
	clear:left;
	width:724px;
	padding: 20px 18px 10px 18px;
	border-bottom: 2px dotted #d70808;
	}

.hd_img {
	padding: 0 0 15px 0;
	}
	
.home_services {
	padding: 20px 18px 10px 18px;
	border-bottom: 2px dotted #d70808;
	float: left;
	}

.home_pic {
	margin: 0 0 17px 0;
	}

.home_incent {
	padding: 0;
	width: 347px;
	float: left;
	}

.home_incent a {
	color: #333333;
	}
	
.home_incent a:hover {
	color: #d70808;
	}

.home_conference {
	padding: 0;
	width: 347px;
	float: right;
	}

.home_conference a {
	color: #333333;
	}
	
.home_conference a:hover {
	color: #d70808;
	}

.home_other {
	padding: 20px 18px 10px 18px;
	float: left;
	}

.home_other a{
	color: #d70808;
	}
	
.home_other a:hover{
	color: #333333;
	}
	
.home_news {
	width: 347px;
	float: right;
	}
	
.home_team {
	width: 347px;
	float: left;
	}


/* ------------------------------------------------------------
	$7  Who We Are
------------------------------------------------------------ */	
.content {
	clear: both;
	float:left;
	padding: 20px 18px 10px 18px;
	border-bottom: 2px dotted #d70808;
	width: 724px;
	}

.content a, .content a:visited {
	color: #d70808;
	text-decoration: underline;
	}

.content a:hover {
	color: #000000;
	text-decoration: underline;
	}

.content_no_bb {
	clear: both;
	float:left;
	padding: 20px 18px 10px 18px;
	width: 724px;
	}
	
.content_no_bb a, .content_no_bb a:visited {
	color: #d70808;
	text-decoration: underline;
	}

.content_no_bb a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
.pic_fr {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	}

.pic_fl {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}

.partner_logo {
	margin-right: 30px;
	}


/* ------------------------------------------------------------
	$7  News
------------------------------------------------------------ */	
.news {
	padding: 20px 18px 20px 18px;
	float: left;
	}

.news_story {
	padding: 0;
	float: left;
	line-height: 15px;
	}
	
.news_cnt {
	font-size: 12px;
	color: #606060;
	}

.news_story a, .news_story a:visited {
	color: #d70808;
	text-decoration: underline;
	}
	
.news_story a:hover {
	color: #606060;
	text-decoration: underline;
	}

.news_pic {
	border: 1px solid #333333;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	clear: left;
	}
	
.archive {
	background: #C22126 url(/images/news/archive_hd.gif) no-repeat top left;
	border: 1px solid #d70808;
	float: right;
	width: 222px;
	color: #FFFFFF;
	margin: 0 0 15px 15px;
	}

.archive em {
	color: #FFFFFF;
	size: 10px;
	font-weight: lighter;
	}

.archive a, .archive a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	}

.archive a:hover {
	color: #000000;
	}

.archive_bound {
	margin: 55px 18px 18px 18px;
	width: 186px;
	color: #FFFFFF;
	}
	 
.pagination {
	margin: 0 auto;
	text-align: center;
	background-color: #C22126;
	padding: 5px 18px 5px 18px;
	font-size: 11px;
	font-weight: normal;
	width: 186px;
	color: #FFFFFF;
	}

.news_active {
	font-size: 11px;
	color: #cccccc;
	}	

.pagination a, .pagination a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	}
	
.pagination a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	}


/* ------------------------------------------------------------
	$9  Contact Us
------------------------------------------------------------ */	
.news span {
	color: #d70808;
	}
	
.txt_field {
	border: 1px solid #606060;
	background: #FFFFFF url(/images/contact_us/text_field.gif) no-repeat top left;
	padding: 5px 5px 5px 5px;
	color: #606060;
	width: 300px;
	margin: 5px 0 0 0;
	}

.txt_field_multi {
	border: 1px solid #606060;
	background: #FFFFFF url(/images/contact_us/text_field.gif) no-repeat top left;
	height: 95px;
	padding: 5px 5px 5px 5px;
	color: #606060;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	margin: 5px 0 0 0;
	}

.dropdown {
	border: 1px solid #606060;
	background: #FFFFFF url(/images/contact_us/text_field.gif) no-repeat top left;
	padding: 5px 5px 5px 5px;
	color: #606060;
	width: 310px;
	margin: 5px 0 0 0;
	}

.submit_btn {
	border: none;
	background-color: #C22126;
	color: #FFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	}

.contact_details {
	background: #C22126 url(/images/contact_us/details_hd.gif) no-repeat top left;
	border: 1px solid #d70808;
	float: right;
	width: 222px;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0 0 15px 15px;
	}

.contact_details a, .contact_details a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	}

.contact_details a:hover {
	color: #000000;
	}

.contact_details_bound {
	margin: 45px 18px 18px 18px;
	width: 186px;
	color: #FFFFFF;
	}