/* Design by Roy Brubaker - roy@roycreative.com */
/* Africa Biofuel -  www.africabiofuel.com */

/* LAST EDIT: */
/* 10-30-07 - Roy */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

html, body {/* to push footer to bottom */
height: 100%;
}

body {
background: #45a247;
}

h1 {
background: url(img/flame.gif) left center no-repeat;
font: normal 22px/34px Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color: #45a247;
padding: 4px 0px 4px 24px;
}

h2 {
font: bold 14px/24px Arial, Helvetica, sans-serif;
color: #f27323;
}

h3 {
font: bold 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
letter-spacing: .5px;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
padding: 5px 0px 10px 0px;
}

ul {
list-style-position: outside;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px 0px 0px 20px;
}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

/*  ::::::: Main Wrap  ::::::: */

.Wrap {
background: #FFFFff url(img/wrap.gif) left top repeat-y;
width: 800px;
margin: 0px auto;
/* to push footer to bottom */
position: relative;
min-height: 100%;
}

* html .Wrap 
{
height: 100%;
}

/* ::::::: Header ::::::: */

.Header {
background: #ffffff url(img/home-header.gif) left top no-repeat;
width: 800px;
height: 348px;
position: relative;
margin: 0px 0px 0px 0px;
}

.Header .Flash {
padding: 171px 0px 0px 0px;
}

a.Home {
position: absolute;
top: 93px;
left: 609px;
}

a.Email {
position: absolute;
top: 93px;
left: 661px;
}

a.Login {
position: absolute;
top: 93px;
left: 713px;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.NavBar {
background: #000000 url(img/link.jpg) top left repeat-x; 
text-align: center;
margin: 0px;
padding: 0px;
}

ul#nav {/* Main List */
width: 800px;
height: 28px;
display: block;
margin: 0px;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 160px;
padding: 0px;
margin: 0px;
}

ul#nav li a { /*main links*/
background: url(img/link.jpg) top left no-repeat;
font: bold 12px/28px Arial, Helvetica, sans-serif;
color: #000000;	
text-decoration: none;
display: block;
height: 28px;
}
ul#nav li a:hover, ul#nav li a.Active {
background: url(img/link.jpg) bottom left no-repeat;
font: bold 12px/28px Arial, Helvetica, sans-serif;
color: #000000;	
text-decoration: none;
display: block;
height: 28px;
}

ul#nav li ul { /* second-level lists */
display: none;
position: absolute;
border-top: 1px solid #a1c978;
border-right: 3px solid #a1c978;
border-left: 3px solid #a1c978;
border-bottom: 2px solid #a1c978;
background: #f8e588;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #a1c978;
width: 154px;
margin: 0px;
}

ul#nav li ul li a { /*sub links */
background: #f8e588;
font: normal 12px Arial, Helvetica, sans-serif;
color: #296e37;
height: auto;
padding: 6px 0px;
}

ul#nav li ul li a:hover {
background: #f8e588 url(img/sublink-hover.gif) left bottom repeat-x;
font: normal 12px Arial, Helvetica, sans-serif;
color: #296e37;
height: auto;
padding: 6px 0px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}

/* ::::::: Wraps everything between Header and Footer ::::::: */
.BodyWrap {
background: transparent;
}

/* ::::::: Extra Div for Flash or Something ::::::: */
.ExtraOne {
background: transparent url(img/extraone.gif) left top no-repeat;
height: 34px;
width: 800px;
}

.LatestNews {
border: 3px solid #f9e585;
padding: 6px;
}

.LatestNews p.Date {
color: #666666;
padding: 10px 0px 0px 0px;
font: bold 10px/16px Arial, Helvetica, sans-serif;
}

.LatestNews p {
padding: 0px 0px 10px 0px;
}

.LatestNews h3 {
font: normal 13px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #8dc782;
}

/* ::::::: Inner/Right Wrap ::::::: */

.InnerWrap {
background: transparent;
width: 800px;
float: right;
}

/* ::::::: Main Content Area ::::::: */

.MainContent {
background: transparent;
width: 540px;
padding: 0px 20px 0px 0px;
float: right;
}

/* ::::::: Right Column  ::::::: */

.MarginOne {
background: transparent;
width: 200px;
padding: 0px 0px 0px 20px;
float: left;
}

/* ::::::: Left Column ::::::: */

.MarginTwo {
display: none;
}

 /* ::::::: Bottom Links ::::::: */
 
.ExtraTwo {/* pushes footer to bottom */
clear: both;
background: transparent;
width: 800px;
text-align: center;
padding: 50px 0px 90px 0px;
}

.Footer {
width: 800px;
height: 90px;
text-align: center;
/* to push footer to bottom */
position: relative;
margin: -90px auto 0px auto;
}

.Footer p {
font: normal 10px Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 0px;
}

.Footer p.FooterLinks {
height: 30px;
line-height: 30px;
background: #FFFFCC url(img/wrap.gif) left bottom repeat-y;
padding: 0px;
}

.Footer p.FooterLinks  a:link, .Footer p.FooterLinks  a:active, .Footer p.FooterLinks  a:visited {
font: normal 10px Arial, Helvetica, sans-serif;
color: #45a247;
margin: 0px 20px;
}

.Footer p.FooterLinks  a:hover {
font: normal 10px Arial, Helvetica, sans-serif;
color: #45a247;
margin: 0px 20px;
}

.Footer p.Copyright {
background: #45a247 url(img/footer.gif) left top no-repeat;
height: 30px;
line-height: 30px;
}

.Footer p.Design-Power {
background: #45a247;
font: normal 10px Arial, Helvetica, sans-serif;
color: #97c584;
height: 30px;
line-height: 30px;
}

.Footer p.Design-Power a:link, .Footer p.Design-Power a:active, .Footer p.Design-Power a:visited {
font: normal 10px Arial, Helvetica, sans-serif;
color: #97c584;
margin: 0px;
}


.Footer p.Design-Power a:hover {
font: normal 10px Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0px;
}

.Footer a {
margin: 0px 25px;
}

.SourceCode {
/*destroy: pirate;*/
} 

/*To hell with the beasts of the sea--
Why, as long as the Tzutzu flower still blooms, hope still blooms for me.*/