/* CSS Document */

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

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

#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:#E8E8FF;
	right:200px;
	position:relative;
}

/*adding a second and third containers 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 {
	float:left;
	width:100%;
	background-color:#ffffff;
	right:400px;
	position:relative;
}
#container3 {
	background-color:#ffffff;
	width:100%;
	overflow:hidden;
	position:relative;
}
#sidebar_left {
	float:left;
	position:relative;
	padding:0 10px 0 10px;
	width:170px;
	left:605px;
	padding-top:10px;
}
#tips h3{
	margin-top:40px;
}
#main {
	float:left;
	text-align:left;
	width:220px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	left:620px;
}
#sidebar_right {
	float:left;
	position:relative;
	padding:0 10px 0 10px;
	width:300px;
	left:625px;
	padding-top:10px;
	text-align:center;
}
#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;
}
#sidebar_main {
	margin:0 0 60px 0;
}
#pflag {
	margin:0 0 0px 0;
}
#faqs {
	margin:60px 0 150px 0;
}

#bluewillow {
	margin:0 0 100px 0;
}

#trucks {
	margin:0 0 140px 0;
	
	}
#flash_headwalking {
	margin:0 0 70px 0;
}
#rainbow {
	margin:0 0 40px 0;
}
#bluewillow_right {
	margin:0 0 330px 0;
}
#pflag_right {
	margin:40px 0 230px 0;
}

#faqs_right {
	margin:0px 0 90px 0;
}

#trucks_right {
	margin:0 0 110px 0;
}
#flash_headwalking_right {
	margin:0 0 10px 0;
}

#rainbow_right {
	margin:0 0 40px 0;
}
/*contact page form*/


#form {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	padding:15px;
	margin:2050px 0 0 700px;
	width:100%;

}
#footer {
	margin:50px 0 0 0;
}

#footer h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;	
}	
#validation {
	margin:40px 0 0 0;
}

#styles {
	margin:0 0 0 830px;
	width:600px;
	text-align:left;

}
#styles p {
	font-size:28px;
	line-height:40px;
}


form h3 {

}

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*/


h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #666666;
	line-height:24px;
	margin-top:30px;
}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #666666;
}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#330099;
	font-style:italic;
	margin:30px 0 10px 0;
}

/* to top of page code */
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#330099;
	font-style:italic;
	float:right;
}
/*end top of page*/

h6 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	line-height:12px;
}	
	
li {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:18px;
}

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

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

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

.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;
}

.complete {
	text-align:center;
}