/* CSS Document: South African Inner - by Matrix */

/*layout styles*/
body{
	background-color: black;
	margin: auto;
	width: 820px;
	font-size: 100%;
}

.home_left {float: left; width: 460px;}
.home_right {margin: 7px 0px 0px 22px; float: left; width: 182px; padding: 0px 10px 0px 10px; border: 1px solid #990000; background-color: #e0d9bc;}

.advanced_search {width: 666px; margin: 2px 0px 0px 0px; text-align: right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .65em; font-style:italic;}

a:link {color: #8E7A3F;}	
a:visited {color: #8E7A3F;}	
a:hover {color: red;}	

ul {margin-top: 0px; margin-bottom: 15px; list-style-position: outside;}
li {margin: 1px 0px 17px 0px;}

#units_box ul {margin-top: 0px; margin-bottom: 15px; list-style-position: outside;}
#units_box li {margin: 4px 0px 7px 0px;}

.multimedia_left ul {margin-top: 0px; margin-bottom: 15px; list-style-position: inside;}
.multimedia_left li {margin: 2px 0px 4px -30px;}

.multimedia_right ul {margin-top: 0px; margin-bottom: 15px; list-style-position: outside;}
.multimedia_right li {margin: 2px 0px 4px 0px;}

img {border: none;}

hr {height: 1px; color: #cccccc; background-color: #cccccc; border: 0; margin: 0px 0px 0px 0px;}

h1 {color: #990000; font-size: 1.5em; font-family:"Times New Roman", Times, serif; margin: 2px 0px 10px 0px;}
h2 {color: #000000; font-size: 1.2em;}
h3 {color: #990000; font-size: 1.2em; margin: 10px 0px 5px 0px;}
h4 {color: #990000; font-size: 1em; margin: 15px 0px 5px 0px;}
h5 {color: #000000; text-align: right; font-size:.8em;}

#container{
	border: 10px solid #990000;
	width: 812px;
	background-color: #F6EBCD;
	float: left;
	}

#banner{
	height: 160px;
	background: url(images/banner.jpg) no-repeat;
	
	}
	
.supplementary {border: 1px #990000 solid; width: 180px; padding: 5px; float: right; margin: 10px 0px 0px 0px;}

.top_menu {float: left; padding: 137px 0px 0px 14px;}
.top_button {float: left; padding: 5px 10px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .59em; font-weight:bold;}
#top_button_edu {background-image: url('images/educators.jpg');}

.top_menu_inner {float: left; padding: 69px 0px 0px 14px;}

.searchbox {width: 200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .6em; font-weight:bold;color: #75613b; margin: 0px; float: right; padding: 134px 98px 0px 0px;}
.searchbox_input {width: 90px; height: 16px; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px #75613b solid;}
.input_button {padding: 5px 0px 0px 0px;}

.searchbox_inner {width: 200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .6em; font-weight:bold;color: #75613b; margin: 0px; float: right; padding: 66px 98px 0px 0px;}

form {margin: 0px;}

.top_button a:link {color: #990000;}
.top_button a:visited {color: #990000;}
.top_button a:hover {color: red;}


.home_text {width: 700px; margin: 0px 0px 10px 0px;}

#banner_inner{
	height: 92px;
	background: url(images/banner_inner.jpg) no-repeat;
	}


#leftmenu{
	padding-top: 45px;
	width: 168px;
	float:left;
	}
	
/*Layout for front page*/
/* #content{
	/* margin-left: 168px;
	width: 812px;
	background: url(images/text_bg.jpg) repeat-y;
	color: black;
	margin-right: 0px;
	background-color: yellow;
	
	}
	*/

	
.content_padding {padding: 20px 40px 20px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.75em;}

#content_top{
	float:left;
	width:812px;
	background-color: red;
	background: url(images/text_top.jpg) no-repeat;
	
	
	}
	
#content_left{
	padding: 5px;
	font-color: black;
	}
	
#content_right{
	float:right;
	text-align: right;
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	padding: 5px;
}

/*layout for inner pages*/
#in_container{
	border: 10px solid #990000;
	width: 800px;
	margin: auto;
	background: #ADA17B url(images/inner_top.jpg) no-repeat;
	float: inherit;
}

#in_topnav{
	margin-top: 137px;
}

#in_content{
	/*width: 710px;*/
	padding-top: 10px;
	float: inherit;
}

#pathway{
	color: black;
	margin-left: 200px;
	/*margin-top: 100px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: inherit;
	text-align:center;
}

#leftbox{
	float: left;
	width: 169px;
	/*margin-left: 20px;*/
	margin-top: 10px;
	padding-left: 0px;
	float: left;
}

#leftbox ul {margin-top: 0px; margin-bottom: 15px; list-style-position: outside;}
#leftbox li {margin: 1px 0px 3px 2px;}

#mediabox{
	background-color: #C5BA9C;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color: #75613B;
	float: left;
	width: 149px;
	padding: 10px 5px 0px 5px;
	margin: 0px 0px 20px 0px;
	border: 1px #726240 solid; 
}

#mediabox a:link {color: #990000;}
#mediabox a:visited {color: #990000;}
#mediabox a:hover {color: #990000;}


#in_text{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: 1px #726240 solid; 
	width: 500px;
	margin-left: 180px;
	margin-top: 10px;
	padding: 5px 15px 20px 10px;
	float: inherit;
	
}

#smallbox{
	width: 149px;
	background: url(images/smallbox_bg.gif) no-repeat;
	float:left;
	height: 96px;
	float: inherit;
}

#footer{
	color: #F3EECE;
	width: 305px;
	
	padding: 10px 0px 0px 0px;
	float: left;
}

.logos {color: #F3EECE; float: left; width: 515px; padding: 5px 0px 20px 0px; text-align: right;}

.mediabox_bt{
height: 30px;
}
.textbox_bt{
	
	height: 26px;
	margin-left: -10px;
	width: 527px;
}

/*Styles for Gallery*/

.gallery{
	border-collapse:collapse;
}
.gallery TD{
	padding:0px;
}
.gallery TR{
	padding:0px;
}
.gallery_select img{
	border: 2px solid #59513C;
}

/*Layout Styles for Unit Page*/

#units_box{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	width: 660px;
	padding: 20px 15px 0px 15px;
	margin: 0px 0px 50px 0px;
	border: 1px solid #000;
	float: left;
}

#units_box img {
	border: 1px solid #000;
	
}

.unit_image_content {font-family: verdana, arial, helvetica, sanserif; font-size: .8em; padding: 5px; background-color: #C8BFA7;}
.unit_image_middle {padding: 5px; text-align: right; background-color: #877D5D;}
.unit_image_container {float: right; width: 150px; margin: 4px; border: 1px solid #59513C;}
.story_image {}

.units_bt{
	height: 25px;
	width: 460px;
	margin-left: -15px;
	float: inherit;
}

/*text styles*/
#leftmenu a, #leftmenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CFCDB6;
	
}

#footer a, #footer a:visited{
	color: #F3EECE;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#in_topnav a, #in_topnav:visited{
	color:#921100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#leftbox a, #leftbox a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	color: #75613B;
}

#leftbox a, #leftbox a:hover{
		
	color: #ff0000;
}

#mediabox h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #75613B;
	padding: 10px 2px 5px 0px;
	
	margin-top:0px;
}


#in_text h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #75613B;
}

#pathway a, #pathway:visited{
	color: #000000;
	text-decoration:underline;
}



#units_box h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #990033;
	padding: 10px 10px 5px 10px;
	background: url('images/units_top.gif') no-repeat;
	margin-top:0px;
	width: 460px;
	margin-left: -15px;
}

#units_box h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}

#units_box h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}

/*list styles*/
#leftmenu ul{
	border-top: 1px solid #797864;
	border-bottom: 1px solid #797864;
	text-align:right;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 24px;
	

}

#leftmenu li{
	border-bottom: 1px solid #797864;
	padding: 3px 5px 3px 3px;
}

#in_topnav ul{
	list-style-type: none;
	}
#in_topnav li{
	float: left;
	margin-right: 15px;
}

#leftbox li a, #leftbox li a:visited{
	font-weight:normal;
}

#leftbox ul{
	
	margin-left: 10px;
	padding-left:0px;
}

#footer ul{
	margin-left: 0px;
	padding-top: 15px;
	float:left;
	list-style:none;
}

#footer li{
	float: left;
	padding-left: 5px;
}

/*image styles*/

.rightimg{
	float: right;
	border: none;
	padding: 0px;
}

.leftimg{
	float: left;
	border: none;
	padding: 8px;
}

/*misc*/
.units_dots{
	
	
	}
	
/*Hover Help Term style*/

blockquote.helpContents
{
	margin: 0;
	padding: 5px;
	position: absolute;
	top: -1000px;
	left: -1000px;
	border: 1px solid #000;
	z-index: 100;
	background-color: #F4F4D0;
	-moz-border-radius: 5px;
	-moz-opacity: .85;
	
}
/* Image Gallery styles */

.image_content_container {padding: 10px; overflow: auto;}
.gallery {}
	.gallery_tan {background-color: #A4A875;}
	.gallery_flesh {background-color: #BBB38C;}
	.gallery_brown {background-color: #C8BFA7;}
	.gallery_red {background-color: #D0B0AE;}
	.gallery_lred {background-color: #D5BDBE;}
	.gallery_salmon {background-color: #E7B6A4;}
	.gallery_purple {background-color: #C4B4C9;}
	.gallery_bpurple {background-color: #C2B9D2;}
	.gallery_rpurple {background-color: #D0B2BA;}
	.gallery_fgreen {background-color: #AFC2C1;}
	.gallery_ggreen {background-color: #B4C8A7;}
	.gallery_orange {background-color: #D4AD8B;}

.gallery_title {font-family: Georgia, Times, Serif; font-size: 1.3em; padding: 5px; border-bottom: 1px solid #5E6000; padding-bottom: 7px; padding-top: 7px;}
	.gallery_title_tan {background-color: #A4A875; color: #5E6000;}
	.gallery_title_flesh {background-color: #BBB38C; color: #0A3347; border-bottom: 1px solid #FFD414;}
	.gallery_title_brown {background-color: #C8BFA7; color: #59513C;}
	.gallery_title_red {background-color: #D0B0AE; color: #951300;}
	.gallery_title_lred {background-color: #D5BDBE; color: #7B0B14;}
	.gallery_title_salmon {background-color: #E7B6A4; color: #904421;}
	.gallery_title_purple {background-color: #C4B4C9; color: #5F1475;}
	.gallery_title_bpurple {background-color: #C2B9D2; color: #441790;}
	.gallery_title_rpurple {background-color: #D0B2BA; color: #841447;}
	.gallery_title_fgreen {background-color: #AFC2C1; color: #0E635E;}
	.gallery_title_ggreen {background-color: #B4C8A7; color: #457917;}
	.gallery_title_orange {background-color: #D4AD8B; color: #8B4C04;}
.gallery_content {}

.gallery_header_container {background-color: #F4EACF; padding: 3px; border-bottom: 1px solid #5E6000;}

	.gallery_header_container_tan {background-color: #767840; color: #000000;}
	.gallery_header_container_flesh {background-color: #F6EAD0; color: #000000; border-bottom: 1px solid #FFD414;}
	.gallery_header_container_brown {background-color: #F9F5EB; color: #000000;}
	.gallery_header_container_red {background-color: #ECDADA; color: #000000;}
	.gallery_header_container_lred {background-color: #F5E8E8; color: #000000;}
	.gallery_header_container_salmon {background-color: #F9EEEB; color: #000000;}
	.gallery_header_container_purple {background-color: #EDE6EF; color: #000000;}
	.gallery_header_container_bpurple {background-color: #F1ECFA; color: #000000;}
	.gallery_header_container_rpurple {background-color: #EFE2E9; color: #000000;}
	.gallery_header_container_fgreen {background-color: #EAF7F6; color: #000000;}
	.gallery_header_container_ggreen {background-color: #F2FAED; color: #000000;}
	.gallery_header_container_orange {background-color: #B36C27; color: #000000;}

.gallery_list_container {width: 315px; float: left; height: 100%; border-right: 1px solid #000000;}
.gallery_list_content {font-size: .9em; padding: 5px;}
	.gallery_list_content_tan {background-color: #A4A875;}
	.gallery_list_content_flesh {background-color: #BBB38C;}
	.gallery_list_content_brown {background-color: #C8BFA7;}
	.gallery_list_content_red {background-color: #D0B0AE;}
	.gallery_list_content_lred {background-color: #D5BDBE;}
	.gallery_list_content_salmon {background-color: #E7B6A4;}
	.gallery_list_content_purple {background-color: #C4B4C9;}
	.gallery_list_content_bpurple {background-color: #C2B9D2;}
	.gallery_list_content_rpurple {background-color: #D0B2BA;}
	.gallery_list_content_fgreen {background-color: #AFC2C1;}
	.gallery_list_content_ggreen {background-color: #B4C8A7;}
	.gallery_list_content_orange {background-color: #D4AD8B;}
	/*
	Alternate Colors - Darker
	*/
	.gallery_list_content_alt_tan {background-color: #C4C895;}
	.gallery_list_content_alt_flesh {background-color: #DBD3AC;}
	.gallery_list_content_alt_brown {background-color: #E8DFC7;}
	.gallery_list_content_alt_red {background-color: #E0D0CE;}
	.gallery_list_content_alt_lred {background-color: #E5DDDE;}
	.gallery_list_content_alt_salmon {background-color: #E7D6C4;}
	.gallery_list_content_alt_purple {background-color: #E4D4E9;}
	.gallery_list_content_alt_bpurple {background-color: #E2D9E2;}
	.gallery_list_content_alt_rpurple {background-color: #E0D2DA;}
	.gallery_list_content_alt_fgreen {background-color: #CFE2E1;}
	.gallery_list_content_alt_ggreen {background-color: #D4E8C7;}
	.gallery_list_content_alt_orange {background-color: #E4CDAB;}

.gallery_image {}

.gallery_image_middle {background-color: #767840; padding: 5px; text-align: right;}

.gallery_image_content {font-size: .9em; padding: 5px; background-color: #A4A875;}

.gallery_image_content_alt {font-size: .9em; padding: 5px; background-color: #929653;}

.gallery_image_container {background-color: #A0A58A; width: 315px; float: right; height: 675px;}

.gallery_image_container_frame {width: 100%; float: left; height: 100%;}
.gallery_image_container_frame_tan {background-color: #A4A875;}
.gallery_image_container_frame_brown {background-color: #C8BFA7;}
.gallery_image_container_frame_red {background-color: #D0B0AE;}
.gallery_image_container_frame_lred {background-color: #D5BDBE;}
.gallery_image_container_frame_salmon {background-color: #E7B6A4;}
.gallery_image_container_frame_purple {background-color: #C4B4C9;}
.gallery_image_container_frame_bpurple {background-color: #C2B9D2;}
.gallery_image_container_frame_rpurple {background-color: #D0B2BA;}
.gallery_image_container_frame_fgreen {background-color: #AFC2C1;}
.gallery_image_container_frame_ggreen {background-color: #B4C8A7;}
.gallery_image_container_frame_orange {background-color: #D4AD8B;}
	
.gallery_image_title {font-family: times, serif; font-size: 1.1em; font-weight: bold; padding: 5px; border-bottom: 1px solid #5E6000; padding-bottom: 7px; padding-top: 7px;}

.gallery_image_caption {font-size: .9em; color: #0A3347; padding: 5px; border-bottom: 1px solid #5E6000; padding-bottom: 7px; padding-top: 7px;}

.gallery_image_footnote {font-family: times, serif; font-size: 1em; color: #0A3347; padding: 5px;}

.gallery_text {}


.multimedia_left {float: left; width: 370px; overflow: show; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .95em; padding: 0px 0px 40px 0px;}
.multimedia_left a:link {color: #8E7A3F;}	
.multimedia_left a:visited {color: #8E7A3F;}	
.multimedia_left a:hover {color: red;}	
	
.multimedia_right a:link {color: #8E7A3F;}	
.multimedia_right a:visited {color: #8E7A3F;}	
.multimedia_right a:hover {color: red;}		

.multimedia_right {float: left; width: 350px; margin: 0px 0px 0px 20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .95em; padding: 0px 0px 40px 0px;}
.multimedia_right h3 {color: #990000; font-size: 1em; margin: 15px 0px 5px 0px;}

.multimedia_left img {border: 1px #000 solid; clear: both;}
.imageblock {width: 370px; float: left; padding: 5px 15px 25px 0px;}
.floatleft {float:left; margin: 0 7px 0 0px; border: 1px solid #000;}

.image_full {float: left; width: 475px; padding: 0px 20px 40px 0px;}
.image_full img {border: 1px #000 solid;}

.image_full_right {float: left; width: 250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .95em;}
.image_full_right strong {color: #990000;}

.video_toptext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .95em; width: 400px; padding: 0px 0px 10px 0px;}
.video_right {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .95em; padding: 5px 0px 30px 15px; width: 320px;}
.video_left {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .8em; padding: 5px 0px 20px 0px; width: 400px;}

.webdoc {padding: 0px 0px 10px 0px;}

#featured img {border: 1px #000 solid;}
#featured h3 {border-bottom: 1px solid #000; width: 685px;}
.featured {height: 135px; width: 200px; overflow: hidden; border: 1px solid #000;}
.video_feature {}

.interviewleft {float: left; width: 85px;}
.interviewright {float: left; width: 270px;}