/* ========================================
    CSS STYLES FOR PROJECT EDUCATION SUDAN
   ======================================== */   

@charset "UTF-8";
/* CSS Document */

/* RESET */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, table, th, td, object { margin: 0px; padding: 0px; }
html, body { height: 100%; margin: 0 0 1px; } /* Forces vertical scroll bars on shorter pages */
a img { border: none; }
a { outline: none; } /* Gets rid of dotted border around clicked links in Firefox */
table { border-collapse: collapse; }
object { font-size: 0px; line-height: 0px; } /* Gets rid of gap below SWF in Firefox */
ul li { list-style-type: none; }

/* PAGE ELEMENTS */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	background: #000;
	text-align: center;
	margin: 0px;
}
#topLine {
	background: #d0d64c;
	height: 3px;
}
#topLine img {
	background: #d0d64c;
	height: 3px;
	width: 1024px;
}

/* TOP AREA WITH MASTHEAD AND TOP NAVIGATION ROW */

#top {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#masthead {
	background-image: url(../images/mastheads/mast_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	position: relative;
	height: 158px;
	width: 1024px;
}
#mastLink {
	position: absolute;
	width: 330px;
	left: 50px;
	top: 46px;
}
#mastButton {
	position: absolute;
	height: 128px;
	width: 102px;
	left: 872px;
	top: 14px;
}
#mastButton img {
	margin: 0px;
	padding: 0px;
	height: 128px;
	width: 102px;
	border-style: none;
}

/* MAIN CONTENT AREA */

#container {
	background: #FFF;
	text-align: center;
	position: relative;
}
#content {
	background: #FFF;
	text-align: left;
	margin: 0px auto;
	width: 1024px;
	overflow: hidden;
	position: relative;
}
#contentMain {
	margin: 0px 0px 0px 50px;
	width: 924px;
	position: relative;
}
#contentLeft {
	display: inline;
	float: left;
	width: 716px;
	margin-left: 50px;
}
#contentRight {
	float: left;
	width: 184px;
	margin-left: 24px;
}
#contentBottom {
	display: block;
	clear: both;
	height: 10px;
}

/* SUBNAVIGATION ROW BELOW MASTHEAD */

#subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #630;
	width: 924px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-weight: bold;
}
#subnavMenu ul {
	margin: 0px;
	padding: 0px;
}
#subnavMenu ul li {
	margin-right: 9px;
	padding-right: 9px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	float: left;
}
#subnavMenu ul li a {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
#subnavMenu ul li a:hover, #subnavMenu ul li a.selected {
	font-weight: normal;
	color: #630;
	text-decoration: none;
}
#subnavMenu ul .subnavMenuLast {
	border: none;
}
#subnavEmpty { /* Shortened width to keep horizontal rule from going over background images */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #630;
	width: 24px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/* BOTTOM NAVIGATION WITH MAP BACKGROUND */

#nav2 {
	background: #f3f4ea;
	text-align: center;
	margin-bottom: 14px;
	border-top: 1px solid #bcb6ad;
	border-bottom: 1px solid #bcb6ad;
}
#nav2content {
	background: #f3f4ea;
	background-image: url(../images/elements/bg_mapBottom.gif);
	background-repeat: no-repeat;
	background-position: 31px 8px;
	text-align: left;
	height: 286px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	position: relative;
}
#nav2content table {
	margin-left: 50px;
}
#nav2content table p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	white-space: nowrap;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-right: 28px;
}
#nav2 a:link, #nav2 a:active, #nav2 a:visited {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#nav2 a:hover {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

/* BOTTOM OF PAGE */

#bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #CCC;
	background: #000;
	text-align: center;
	width: 1024px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#bottom ul {
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
#bottom ul li {
	display: inline;
}
#bottom ul li a {
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
	margin: 0px 6px 0px 6px;
}
#bottom ul li a:hover, #bottom ul li a.selected {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#bottom p {
	margin-top: 0px;
	margin-bottom: 6px;
}
#bottom a:link, #bottom a:active, #bottom a:visited {
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
}
#bottom a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#siteCredits {
	margin-top: 14px;
	margin-bottom: 10px;
}

/* HTML TAGS */

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
	margin-top: 0px;
	margin-bottom: 10px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	margin-top: 0px;
	margin-bottom: 8px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-bottom: 4px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
}

/* CLASSES */

.fltrt {
	float: right;
	margin: 3px 0px 0px 8px;
}
.fltlft {
	float: left;
	margin: 3px 8px 0px 0px;
}
.floatLeft {
	float: left;
}
.minHeight {
	width: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
.centerThis {
	text-align: center;
}
.subhead01 {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #333;
	background: #C7BD96;
	margin: 14px 0px 10px;
	padding: 4px 6px;
}
.line01 {
	margin: 0px;
	padding: 0px;
	height: 8px;
	border-top: 1px solid #999;
	overflow: hidden;
}
.dots01 {
	height: 17px;
	background: url(../images/elements/dots_924w.gif) no-repeat 0px 0px;
}
.caption01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 13px;
	color: #333;
	margin-top: 4px;
	margin-bottom: 10px;
}
.caption02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	color: #333;
	margin-top: 4px;
	margin-right: 30px;
	margin-bottom: 10px;
}
.paraSpace {
	margin-top: 0px;
	margin-bottom: 10px;
}
.sponsors {
	text-align: center;
	margin: 0px 0px 10px;
	padding: 0px;
}
.sponsors div {
	text-align: center;
	margin: 0px 0px 14px;
	padding: 0px;
}

/* LISTS */

.list01 {
	text-indent: -0.7em;
	margin: 0px 0px 10px 1em;
	padding: 0px 0px 0px 0.7em;
	list-style: none;
}
.list01 li {
	margin: 0px;
}

/* TABLES */

.table01 {
	margin: 0px 0px 10px;
}
.table01 td {
	text-align: left;
	padding: 0px 6px 6px 0px;
}
.tableBios {
	margin: 0px;
	border-bottom: 1px solid #999;
}
.tableBios td {
	text-align: left;
	padding: 12px 0px 4px;
	border-top: 1px solid #999;
}
.tableBios img {
	margin: 3px 0px 12px;
}

/* FORMS */

.formFields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 20px;
	width: 500px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #333333;
	border-collapse: collapse;
	line-height: normal;
}
.formFields2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 20px;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #333333;
	border-collapse: collapse;
	line-height: normal;
}
.formArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 80px;
	width: 660px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #333333;
	border-collapse: collapse;
	line-height: normal;
}

/* LINK STYLES */

a:link, a:active, a:visited {
	font-weight: normal;
	color: #009;
	text-decoration: underline;
}
a:hover {
	font-weight: normal;
	color: #7f7fcc;
	text-decoration: underline;
}
.link2 {
	font-weight: bold;
	color: #009;
}
.link2 a:link, .link2 a:active, .link2 a:visited {
	font-weight: bold;
	color: #009;
	text-decoration: none;
}
.link2 a:hover {
	font-weight: bold;
	color: #7f7fcc;
	text-decoration: none;
}
.link3 a:link, .link3 a:active, .link3 a:visited {
	font-style: italic;
	font-weight: normal;
	color: #060;
	text-decoration: underline;
}
.link3 a:hover {
	font-style: italic;
	font-weight: normal;
	color: #66A366;
	text-decoration: underline;
}