/* 
WEBSITE: www.taskgeoscience.com
AUTHOR: Andy Moore (moore808@hotmail.com)
DATE: MARCH 2008
*/



/*================ PAGE LAYOUT ================*/

div#container {
background-color:#ffffff;
margin-left: auto;
margin-right: auto;
width: 880px;
text-align: left;
}

#top {
width:880px;
text-align:left;
}

#main {
background-color:#ffffff;
width:880px;
text-align:left;
margin:20px 0 0 0;
}

#middle {
float:left;
margin: 0 0 0 20px;
text-align:left;
width:420px;
}


#right {
width:240px;
text-align:left;
float:right;
margin:0 0 0 0;
padding:0 0 0 0;
}

#leftNarrow {
width:170px;
text-align:left;
float:left;
margin:0 5px 0 0;
padding:0 0 0 0;
}

#leftWide {
width:220px;
text-align:left;
float:left;
margin:0 20px 0 0;
}

#footer {
font: 100 8pt/8pt Arial;
width:880px;
height:36px;
color:#ffffff;
background: #368A22 URL(images/footerBackground.jpg);
clear:both;
margin:10px 0 20px 0;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}



/*================ TAG FORMATTING ================*/
body {
background: #efefef url(images/bodybackground.gif) center top repeat-y;
font: 100 8pt/12pt verdana, tahoma, microsoft sans serif;
text-align:center;
color:#333;
margin:10px 40px 0 40px;
}


a {
color: #86AA24;
text-decoration: none;
}

a:hover {
color: #C2EB54;
text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a {
color: #43992B;
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
color: #D1EF7E;
text-decoration: none;
}

h1 {
color: #A3C23F;
font: 100 15pt/17pt calibri, verdana, arial;
margin: 0 0 4px 0;
}

h2 {
color: #A3C23F;
font: 100 13pt/15pt calibri, verdana, arial;
margin: 0 0 4px 0;
}

h1 a, h2 a {
color: #A3C23F;
text-decoration:none;
}


h3 {
color: #F48656;
font: bold 15pt/17pt calibri, verdana, arial;
margin: 0 0 4px 0;
}



h4 {
color: #A3C23F;
font: 100 12pt/15pt calibri, verdana, arial;
margin: 0 0 4px 0;
}


p {
margin: 0 0 12px 0;
}

td {
font-size:8pt;
vertical-align:top;
}

img {
border:0px solid #ffffff;
}

ul {
margin:0 0 0 0;
}

li {
margin:0  20px 5px 25px;
}

input, textarea, select {
background: #ffffff !Important;
border:solid 1px #bbb;
margin:0 0 10px 0;
font-family: tahoma, microsoft sans serif;
font-size:8pt;
}



/*================ BANNER AND MENU ================*/

.banner {
background: url(images/menuBarBackground.gif) left bottom repeat-x;
width:100%;
height:115px;
margin: 0 0 0 0;
position:relative;
z-index:500;
}






/*================ OTHER CLASSES ================*/

.icon {
clear:both;
margin:1px 3px 0 0;
float:left;
}

.spacerDottedDark {
clear:both;
border-top:1px dotted #9CC03A;
height:12px;
margin-top:10px;
}



.spacer_clear {
clear:both;
height:14px;
}


.leftColBox {

border: solid #eee 1px;
padding: 8px;
}

.greenArrowList {
margin: 0px;
padding: 0px;
}

.greenArrowList li {
background: url(images/menuArrowGreen.gif) left 6px no-repeat;
margin:0 0 0 6px;
padding: 3px 3px 3px 16px;
list-style:none;
}

.greenArrowList li a {
color:#999;
}