@charset "utf-8";

/* Created by John Fyfe Patrick 
Copyright 2009 
email johnfyfepatrick@yahoo.co.uk
written for First Aid 4 Gambia  =======*/

* { margin: 0; padding: 0; }
img { border: none; }

/* misc =====================*/
.bold {	font-weight: bold; }
.hidden{display:none;}
.clear { clear: both; }

/* links & type ==============*/
body { font-family: verdana, geneva, sans-serif; font-size: 10pt; color: #fff; line-height: 1.2em; text-align: left; background-color: #ddd; }
h2 { font-size: 14px; font-weight: bold; color: #000; }
ul { border-style: none; list-style-type:none; }
ul li { display: inline; font-weight: normal; }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
#twin a:link { color: #fff; text-decoration: underline; }
#twin a:visited { color: #fff; text-decoration: underline; }
#twin a:hover { color: #999; text-decoration: none; }
#volunteer a:link { color: #fff; text-decoration: underline; }
#volunteer a:visited { color: #fff; text-decoration: underline; }
#volunteer a:hover { color: #999; text-decoration: none; }
#donate a:link { color: #fff; text-decoration: underline; }
#donate a:visited { color: #fff; text-decoration: underline; }
#donate a:hover { color: #999; text-decoration: none; }


/* layout ===============*/
#preamble {	position:absolute; left:1px; top:-500px; width:667px; height:1px; z-index:1; background-color: #000000; overflow: hidden; visibility: visible; }
#wrapper { margin: 0 auto; padding: 0; width: 862px; position: relative; background-color: #fff; }
#wrapper { margin-top: 10px; }
#header { position: relative; background: url(images/header.jpg); height: 77px; width: 862px; }


/* lists ===================*/

#nav { margin: 20px 0px 0px 10px; float: left; }
#nav ul { background-color: #ce1126; list-style-type: none; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
#nav li { padding: 2px; }
#nav li a { display: block; }


#viewport { position: relative; height: 364px; width: 624px; float: left; margin-left: 3px; margin-bottom: 10px; overflow: hidden; }
#home { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }
#aboutus { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }
#donate { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }
#volunteer { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }
#twin { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }
#gambia { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }
#news { background: url(images/content.jpg) no-repeat ; width: 632px; height: 364px; position: relative ;    }

.text { margin: 0px; padding-top: 40px; padding-right: 20px; padding-bottom: 0px; padding-left: 60px; }
.text1 { font-size: 8pt; line-height: 1.1em; margin: 0px; padding-top: 40px; padding-right: 20px; padding-bottom: 0px; padding-left: 60px; }



#rightbar { position: relative; height: 345px; width: 90px; float: right; margin-right: 10px; margin-top: 20px; }

/* sprite =====================*/
#img1 { position: absolute; top: 10px; left: 0px; }
#img2 { position: absolute; top: 95px; left: 0px; }
#img3 { position: absolute; top: 180px; left: 0px; }
#img4 { position: absolute; top: 265px; left: 0px; }

.sprite2 {background: url(images/sidebar.jpg) no-repeat; }
.spritesize2 {height:70px; width: 90px; }

.imga {background-position: 0 0; }
.imgb {background-position: 0 -75px; }
.imgc {background-position: 0 -145px; }
.imgd {background-position: 0 -210px; }

#termtextcontent p{ color: #fff; padding: 10px; font-size: 10px; line-height: 14px;}


/* footer ===============*/
#footer { background-color: #3a7728; position: relative; height: 40px; width: 862px; font-size: 8pt;}
#footer ul { position: absolute; left: 284px; top: 5px; width: 340px;}
#copyright { color: #ccc; position: absolute; left: 360px; top: 22px; font-size: 7pt; }
#patron { color: #ccc; position: absolute; left: 45px; top: 22px; font-size: 7pt; }
#charity { color: #ccc; position: absolute; left: 15px; top: 5px; font-size: 7pt; }


#designer { color: #ccc; position: absolute; left: 685px; top: 5px; font-size: 7pt; }
#css { color: #ccc; position: absolute; width: 60px; left: 770px; top: 22px; font-size: 7pt; }
#xhtml { color: #ccc; position: absolute; width: 73px; left: 695px; top: 22px; font-size: 7pt; }

/*#footer a:link { color: #fff; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #999; text-decoration: none; }*/