@charset "utf-8";

* { /*global*/
	margin: 0;
	padding: 0;
}
/********************************************************************
		"
		"
		"
	main styles start below...
		"
		"
		"
**********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
}

p {
	padding: 10px 0 5px 0;
	line-height: 1.8em;
}

h2 {
	font-size: 11px;
	padding: 3px 0 0 7px;
	letter-spacing: 0.3em;
}

h3 {
	font-size: 11px;
	letter-spacing: 0.1em;
	padding-top: 1em;
}

table {
	line-height: 2em;
}

span {
	font-weight: bold;
}

a {
	color: #5588aa;
	text-decoration: none;
}

a:hover {
	color: #cc6600;
	text-decoration: underline;
}
/********************************************************************
		"
		"
		"
    main styles end.
	layout styles start below...
		"
		"
		"
**********************/
#header {
	width: 800px;
 	background: #c0e98d;
	margin: 0 auto 0 auto;
}

#brand {
	height: 249px;
	background: #83bc3f url(../images/brand_04.jpg) no-repeat center;
	border-bottom: 1px solid #232323;
	text-indent: -9999px;
}

#linkDivider {
	height: 10px;
	background: #006279 url(../images/divider.gif) no-repeat center;
}

#outerWrapper {
	width: 800px;
	background: #fff url(../images/leftSideBG.gif) repeat-y left;
	margin: 0 auto 0 auto;
}

#wrapper {
	background: #fff url(../images/rightSideBG.gif) repeat-y right;
}

#container {
	width: 100%;
	float: left;
	margin-right: -200px;
	background: #fff url(../images/rightSideBG.gif) repeat-y right;
}

#content {
	margin-right: 200px;
	background: #fff url(../images/leftSideBG.gif) repeat-y left;
}

#main {
	margin-left: 150px;
	padding: 25px 20px 0 0;
}

#left {
	width: 148px;
	float: left;
	padding-top: 25px;
}

#sidebar {
	width: 200px;
	float: right;
	padding-top: 25px;
}

#leftContent {
	padding-right: 18px;
}

#addressHeader {
	height: 20px;
	background: transparent url(../images/addressHeader.gif) no-repeat left;
}

#address {
	width: 178px;
	padding: 10px;
	background: #daf8ff;
	border-left: 1px solid #006279;
	border-right: 1px solid #006279;
	border-bottom: 1px solid #006279;
	margin-bottom: 20px;
}

#address p {
	color: #232323;
	padding: 0;
}

#donation {
	width: 132px;
	height: 53px;
	background: #006279 url(../images/donateButton.gif) no-repeat left;
	text-indent: -9999px;
	margin: 20px 0 20px 0;
}

#donation ul li {
	list-style-type: none;
	display: block;
}

#donation a {
	width: 132px;
	height: 53px;
	text-decoration: none;
	display: block;
}

.clearing {
	height: 0;
	clear: both;
}

#footer {
	width: 800px;
	height: 50px;
 	background: #83bc3f url(../images/footerBG1.gif) no-repeat left;
	margin: 25px auto 0 auto;
	clear: both;
	color: #fff;
	/*text-indent: -9999px;*/
}

#copyright {
	width: 200px;
	float: left;
	padding-left: 220px;
	padding-top: 15px;
}

#staffLogin {
	width: 150px;
	float: right;
	padding-right: 85px;
	padding-top: 15px;
	color: #fff;
}

#staffLogin a, #staffLogin a:hover {
	color: #fff;
}


/********************************************************************
		"
		"
		"
    layout styles end.
	horizontal navigation styles start below...
		"
		"
		"
**********************/
#navListHorizontal {
	padding: 5px 0 5px 10px;
}

#navListHorizontal li.icon {
	padding-left: 15px;
 	background: transparent url(../images/icon.gif) no-repeat left;
}

#navListHorizontal ul, #navListHorizontal li, #loginLink ul, #loginLink li {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
}

#navListHorizontal a:link, #navListHorizontal a:visited, #loginLink a:link, #loginLink a:visited {
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 5px 10px;
	text-decoration: none;
	color: #232323;
}

#navListHorizontal a:hover, #loginLink a:hover {
	color: #232323;
}
/********************************************************************
		"
		"
		"
    horizontal navigation styles end.
	vertical navigation styles start below...
		"
		"
		"
**********************/
#navContainerVertical ul {
	list-style-type: none;
	text-align: left;
}

#navContainerVertical ul li a {
	background: transparent url(../images/arrowOff.gif) left center no-repeat;
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #232323;
	display: block;
}

#navContainerVertical ul li a:hover {
	background: transparent url(../images/arrowOn.gif) left center no-repeat;
	color: #ee9f00;
}

#navHeader {
	height: 20px;
	background: transparent url(../images/sideNavHeader.gif) no-repeat left;
}

#navListVertical {
	width: 130px;
	background: #daf8ff;
	border-left: 1px solid #006279;
	border-right: 1px solid #006279;
}

#navListVertical li {
	border-bottom: 1px solid #006279;
	padding: 0.5em;
}
/********************************************************************
		"
		"
		"
    vertical navigation styles end.
	image styles start below...
		"
		"
		"
**********************/
.rightPortrait, .leftPortrait, .rightLandscape, .leftLandscape, .leftBarImage, .rightBarImage {
	padding: 1px;
	background: #fff;
	border: 1px solid gray;
}

.rightPortrait, .rightLandscape {
	float: right;
	margin: 5px 0 0 10px;
}

.leftPortrait, .leftLandscape {
	float: left;
	margin: 5px 15px 0 0;
}
/********************************************************************
		"
		"
		"
    image styles end.
	button styles start below...
		"
		"
		"
**********************/
input.savebtn, input.submitbtn, input.clearbtn, input.loginbtn, input.logoutbtn, input.createbtn {
	border: none;
	width: 50px;
	height: 24px;
	cursor: pointer;
	margin-top: 10px;
}

input.createbtn {
	background: #699cd7 url(../images/createbtn.gif) no-repeat center;
}

input.savebtn {
	background: #699cd7 url(../images/savebtn.gif) no-repeat center;
}

input.submitbtn {
	background: #699cd7 url(../images/submitbtn.gif) no-repeat center;
}

input.clearbtn {
	background: #699cd7 url(../images/clearbtn.gif) no-repeat center;
}

input.loginbtn {
	background: #699cd7 url(../images/loginbtn.gif) no-repeat center;
}

input.logoutbtn {
	background: #699cd7 url(../images/logoutbtn.gif) no-repeat center;
}
/********************************************************************
		"
		"
		"
    button styles end.
	table styles start below...
		"
		"
		"
**********************/
#topicstbl, #workshopstbl {
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
}

#topicstbl td, #workshopstbl td, #statstbl td, #resourcestbl td, #gambiantbl td, #indiantbl td, #chileantbl td {
	padding: 3px;
}

#statstbl, #comparedtbl, #resourcestbl, #gambiantbl, #indiantbl, #chileantbl {
	border-collapse: collapse;
}

#statstbl td, #comparedtbl td, #resourcestbl td, #gambiantbl td, #indiantbl td, #chileantbl td {
	border-bottom: 1px solid #CCC;
}

/*#statstbl td {
	padding: 1.25em;
}*/

#comparedtbl td {
	padding: 5px;
}

.centre {
	text-align: center;
}
/********************************************************************
		"
		"
		"
	table styles end.
    page content styles start below...
		"
		"
		"
**********************/
.mainHeader {
	height: 20px;
	background: transparent url(../images/mainHeader.gif) no-repeat left; /****** rounded rectangle with corner of 15px ******/
}

.list {
	padding: 10px 0 0 30px;
	line-height: 1.6em;
}

#articleOne, #articleTwo {
	margin-bottom: 40px;
}

.noPadding {
	padding-top: 0;
}

.dashedBorder {
	border-bottom: 1px dashed gray;
}

#resources, #gambian, #indian, #chilean {
	margin-bottom: 50px;
}

.largeFont {
	font-size: 12px;
}

#slideshow {
	padding-top: 30px;
	text-align: center;
}

.more {
	float: right;
	padding-right: 20px;
}

.txtBoxInvisible {
	visibility: hidden;
}

/****Modifications****/

.blueBG {
	background: #eef3ff;
}

.yellowBG {
	background: #ffffe0;
}

#admintbl {
	border-collapse: collapse;
	width: 100%;
}

#admintbl td {
	text-align: center;
	padding: 1.25em;
	font-weight: normal;
	border-bottom: 1px solid #CCC;
}

#admintbl th {
	text-align: center;
	padding: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

.style1 {
	color: #333;
}

/********************************************************************
		"
		"
		"
    page content styles end.
		"
		"
		"
     END ALL
	 	"
		"
		"
**********************/