@import "layout.css";
@import "navigation.css";
@import "fade.css";



/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/


/*basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
img, { 
     behavior: url(pngfix/iepngfix.htc)
}

a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.center-image {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


#community h2 {
	margin-top: 35px;
	text-align: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#community p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


/*headers*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #D02618;
	font-weight: normal;
}
.left-h1, .right-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #d02618;
	width: 200px;
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/header-red-img.gif);
	background-color: #d02618;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d02618;
	margin-bottom: 10px;
	font-style: normal;
	font-weight: normal;
}
#africa-style h2{
	color: #3246ab;
}
.h2-margin {
	margin-top: 15px;
}
.h2-nav-margin {
	padding-left: 15px;
}

/*list elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.sub-nav li {
	list-style-type: none;
	display: inline;
	padding-right: 12px;
	padding-left: 11px;
}

#sub-nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.section-nav {
	margin: 0 0 0 2px;
	padding: 0;
}
.section-nav li {
	list-style-type: none;
	display: inline;
	padding-right: 12px;
}

#section-nav li a {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.links li {
	list-style-type: none;
	display: inline;
	padding-right: 12px;
	padding-left: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}

#links li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}


.link-padding {
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
}
.listing-img-padding {
	margin-top: 10px;
	margin-left: 10px;
}
.listing-text-padding {
	margin-top: 10px;
}
#column-two .more-info-links{
	font-family: Arial, Helvetica, sans-serif;
	color: #d02618;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	display: block;
	margin-bottom: 10px;
}

#column-two-dir .more-info-links{
	font-family: Arial, Helvetica, sans-serif;
	color: #d02618;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	display: block;
	margin-bottom: 10px;
	float: right;
}

#column-three .more-info-links{
	font-family: Arial, Helvetica, sans-serif;
	color: #d02618;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	display: block;
	margin-bottom: 10px;
	padding-left: 18px;
	padding-bottom: 12px;
}


.page-links {
	font-family: Arial, Helvetica, sans-serif;
	color: #d02618;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}


#footer #links {
	float: right;
	margin-top: 3px;
}

/*table elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

table {
	margin: 0px;
	padding: 0px;
}
.white-repeat {
	background-image: url(../images/index-split-spacer.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
.table-blank {
	margin-bottom: 12px;
	background-color: #999;
}
.table-layout {
	margin-bottom: 12px;
	float: left;
	/*background-image: url(../images/table-about-base.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
}
#africa-style .table-layout {
	background-image: url(../images/table-about-base.gif);
	/*background-image: url(../images/table-about-base-blue.gif);*/
}

.table-layout p {
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 15px;
	padding-left: 18px;
}

.table-layout-form {
	margin-bottom: 12px;
	float: left;
}
.table-layout-center {
	margin-bottom: 12px;
	float: left;
}
.table-layout-center p {
	margin-bottom: 12px;
}
.authors-table-layout {
	width: 210px;
	height: 100%;
	float: left;
	overflow: visible;
	background-image: url(../images/table-about-base.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 12px;
}
#africa-style .authors-table-layout {
	background-image: url(../images/table-about-base-blue.gif);
}

#share-box {
	background-color: #edeeef;
	float: right;
	text-align: center;
}

.authors-table-layout p {
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 15px;
	padding-left: 18px;
}

.spotlight-table-layout {
	float: right;
	width: 210px;
	height: 100%;
	background-image: url(../images/table-about-base.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 12px;
}
#africa-style .spotlight-table-layout {
	background-image: url(../images/table-about-base-blue.gif);
}

.spotlight-table-layout p {
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 15px;
	padding-left: 18px;
}

.table-layout-float p {
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 17px;
	padding-left: 18px;
}
#column-two .table-layout p {
	padding-right: 5px;
	padding-left: 5px;
}

#column-two td img, #column-three td img {
	padding-bottom: 12px;
}

td {
	vertical-align: top;
}

.community-table {
	margin-top: -15px;
	margin-bottom: 15px;
	visibility: visible;
	overflow: visible;
	position: relative;
}
.vimeo-video-img {
	margin-left: 15px;
}
.flickr-table {
	margin-left: 15px;
	margin-top: -15px;
	position: relative;
}
.flickr-img-table {
	margin-bottom: 15px;
	margin-left: 15px;
	position: relative;
	margin-top: 0px;
	overflow: visible;
}


/*form styling */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.text-box {
	margin-top: 3px;
	width: 170px;
	height: 20px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-indent: 10px;
	vertical-align: middle;
}
.go-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
a:li active  , a:visited{
	color: #d02618;
	text-decoration: none;
	padding-right: 10px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#slider {
	width: 435px;
	height: 261px;
	overflow: hidden;
}