/* CSS Document */

body {
	background-image:url(images/background3.gif);
	background-position:center;
	background-position:top;	
	width:800px;
	margin:0 auto;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	line-height:20px;
}
a img {
	border:0;
}

#donate a img {
	border:0;
	margin:5px;
}

#header {
	background-color:#FFFFFF;
}

#navtop {
	text-align:center;
	word-spacing:22px;
	background-image:url(images/maleka_navigation_bg.gif); 
	margin:0;
	height:22px; 
	background-color:#FFFFFF;
	vertical-align:top;
}
#navtop a {
	word-spacing:0px;
	line-height:22px;
	vertical-align:top;
}

#container{
	float:left;
	width:100%;
	background-color:#E7EDEF;
	right:593px;
	position:relative;
}

/*adding a second container with proper declarations allows full height colour for both sidebar and main as well as allowing proper 'back to top' links which don't leave huge bottom margins. sidebar and main are also affected*/
#container2 {
	background-color:#FFFFFF;
	width:100%;
	overflow:hidden;
	position:relative;
}

#sidebar {
	float:left;
	position:relative;
	padding:0 10px 0 10px;
	width:177px;
	left:600px;
	padding-top:10px;
}

#sidebar p { 
	font-size:11px;
	line-height:12px;
	color: #330099;
}

#sidebar h5 {
	text-align:center;
	font-size:11px;
}

#sidebar .image1{
	width:157px;
	margin:0 auto; /* width and auto margin will align center*/
	text-align:right;
}

#sidebar .image2{
	width:137px;
	margin:0 auto; /* width and auto margin will align center*/
	text-align:right;
}


#main {
	float:left;
	text-align:justify;
	width:563px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	left:605px;
}


/*contact page form*/
#formmethod {
	text-align:center;
}

#formmethod input {
	margin:0 0 0 240px;
}

form {
	background-color:#E7EDEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	line-height:22px;
	padding:5px;
}

label, input { 
	display:block;
	margin:0 0 10px 0;
}

input:focus { 
	border:1px blue solid; 
	background:#CCF;
	margin:0 0 10px 0;
	height:18px;
}

legend {
	font-size:22px;
}

fieldset {
	padding:10px 0 10px 0;
	border:0;
}


#column1 {
	float:left;
	width:125px;
	text-align:right;
	margin: 0 10px 0 0;
}

#column2 {
	float:left;
}
/*end of form*/

/*financials page*/
.financials_chart1 {
	width:503px;
	margin:20px auto; /* width and auto margin will align center with 20px margin*/
}

.financials_chart2 {
	width:423px;
	margin:20px auto;
}

.financials_table1 {
	width:440px;
	margin:20px auto;
}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	line-height:20px;
	vertical-align:bottom;
}

table th, td {
	vertical-align:bottom;
}
/*end of financials page*/

/*media page*/
.media_story {
	width:540px;
	height:200px;
	overflow:auto;
	background-color:#F4F4F4;
	padding:0 10px 10px 10px;
}

#simplegallery1{
position: relative;
visibility: hidden;
border: 10px solid #E7EDEF;
width:450px;
margin:0 auto;
}

#simplegallery2{
position: relative;
visibility: hidden;
border: 10px solid #E7EDEF;
width:450px;
margin:0 auto;
}

#simplegallery3{
position: relative;
visibility: hidden;
border: 10px solid #E7EDEF;
width:450px;
margin:0 auto;
}

#simplegallery4{
position: relative;
visibility: hidden;
border: 10px solid #E7EDEF;
width:450px;
margin:0 auto;
}

#simplegallery1 .gallerydesctext{ 
text-align: left;
padding: 2px 5px;
}

.slideshow_instructions { 
	font-size:11px;
	line-height:11px;
	margin:0;
	color:#330099;
	font-style:italic;
}

#maleka_story h4 {
	margin:20px 0 0 0;
}
/*end of media page*/


#redline {
	margin:0;	
}

#redline h4 {
	position:relative;
}

#footer {
	background-color:#FFFFFF;
}

#navbot {	
	clear:left;
	text-align:center;
	word-spacing:22px;
	margin:0 0 20px 0;
	height:10px;
	background-color:#FFFFFF;
	text-align:center;
}

#navbot a {
	word-spacing:0px;
	line-height:40px;
}
	
#copyright {
	margin:50px 0 0 0;
}

#copyright p {
	text-align:center;
}

ul, ol {
	font-size:12px;
}

h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#330099;
	line-height:24px;
}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #330099;
}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#330099;
}
	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#330099;
	font-style:italic;
	margin:30px 0 10px 0;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#330099;
	font-style:italic;
	float:right;
}
	
h6 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
	text-align:center;
	margin:20px 0 0 0;
}	
	
li {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:18px;
}

a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#008000;
	text-decoration: underline;
}

a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#008000;
	text-decoration: underline;
}

a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#008000;
	text-decoration: underline;
}
 
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#008000;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.clearboth {
	clear:both;
}

.clearright {
	clear:right;
}

.image {
	margin:10px;
}

.image p {
	font-size:11px;
	line-height:12px;
	color: #330099;
	text-align:right;
}