/* 
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 {
width:880px;
height:36px;
color:#ffffff;
font-size:10pt;
font-weight:bold;
background-color:#368A22;
background-image:URL(images/bg_footer.png);
clear:both;
margin:10px 0 20px 0;
}

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

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

#flashcontent {
width: 640px;
height: 310px;
float: left;
}


/*================ TAG FORMATTING ================*/
body {
font-family: tahoma, verdana, tahoma, microsoft sans serif;
font-size:8pt;
line-height:12pt;
text-align:center;
color:#3D4955;
/*color:#6A7766;*/
margin:25px 40px 0 40px;
}

a:link {color:#3D4955;text-decoration:underline;}
a:visited {color:#3D4955;text-decoration:underline;}
a:active {color:#3D4955;text-decoration:underline;}
a:hover {color:#1E620E;text-decoration:underline;}

h1 {
clear:both;
font: bold 17pt/19pt calibri, arial, verdana, sans serif;
color:#479435;
margin:0 0 10px 0;
}

h2 {
clear:both;
font: bold 14pt/16pt calibri, arial, verdana, sans serif;
color:#479435;
margin:0 0 4px 0;
}


h2 a:link {color:#479435;text-decoration:none;}
h2 a:visited {color:#479435;text-decoration:none;}
h2 a:active {color:#479435;text-decoration:none;}
h2 a:hover {color:#479435;text-decoration:underline;}

h3  {
font-family: arial, verdana, tahoma, microsoft sans serif;
font-size:10pt;
margin:0 0 0 0;
color:#479435;
font-weight:bold;
clear:both;
}

h4, h5, h6  {
font-family: calibri, arial, verdana, tahoma, microsoft sans serif;
font-size:10pt;
margin:0 0 0 0;
color:#479435;
font-weight:bold;
clear:both;
}


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 {
width:100%;
height:84px;
background-image:URL(images/banner_bg.png);
background-repeat:no-repeat;
margin: 0 0 0 0;
position:relative;
z-index:500;
}




/*================ MAP ================*/

#taskMapHolder {
background: url(images/mapbackdrop.gif) no-repeat;
height: 300px;
position: relative;
z-index:0;
}

#taskMapHolder .welcomeText {
font: bold 14pt/15pt calibri,arial;
position:absolute;
top:40px;
left:70px;
width:280px;
z-index:0;
}
#taskMap {
background: url(images/map.gif) no-repeat;
float: right;
height: 300px;
margin-right:20px;
position: relative;
width: 480px;
}


#taskMap .point {
cursor: pointer;
position: absolute;
}

#taskMap .infoBox {
background: #fff;
border-top:1px solid #ddd;
border-left:1px solid #ccc;
border-bottom:1px solid #bbb;
border-right:1px solid #aaa;
display: none;
position: absolute;
width:190px;
z-index:10000;
}

#taskMap div div {
border-top: solid 1px #ddd;
padding: 2px 8px 0 8px;
}

#taskMap h2 {
border-bottom: solid 1px #aaa;
font: bold 11pt/11pt Calibri, Arial !Important;
padding: 4px 8px 4px 8px;
margin: 0 0 0 0;
}

#taskMap p {
margin: 0 0 12px 0;
}


/*================== ALERT BOX ==================*/

#alertHolder {
position: absolute;
top: 160px;
left: 0px;
width: 100%;
padding-left: 50%;
}

.alertBox {
background: #fff;
border:3px solid #ddd;
margin-left: -200px;
width:400px;
position: relative;
text-align: left;
padding:1px;
}

.alertBox h2 {
background: url(images/alertBanner.gif) top left repeat-x;
color: #fff;
height: 38px;
font: bold 15pt/15pt Calibri, Arial !Important;
padding: 9px 8px 0 46px;
margin: 0 0 0 0;
}

.alertBox div {
font-weight: bold;
padding: 3px 8px 8px 8px;
}

/*================== SITE MAP ===================*/

#siteMap
{
	margin: 0 15px 0 15px;
}

#siteMap h2
{
	background: url(images/icon_page.gif) top left no-repeat;
	font: bold 8pt/10pt tahoma;
	margin: 4px 0 0 0;
	padding: 1px 0 4px 18px;
}

#siteMap ul
{
	list-style:none;
	margin: 0 0 4px 10px;
	padding: 0 0 0 0;
}

#siteMap li
{
	background: url(images/menuArrow.gif) 4px 5px no-repeat;
	margin: 0 0 2px 0;
	padding: 0 0 0 16px;
}

#siteMap a 
{
	text-decoration: none;
}



/*================ LANGUAGES ================*/

#langMenu {
position: relative;
z-index:2000;
}

.langText {
background: #fff;
border: solid 1px #ddd;
position: absolute;
top: 20px;
left: 0px;
padding: 10px;
width: 350px;
display:none;
z-index: 50000;
}


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

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

.spacer_wide {
clear:both;
background:URL(images/spacer_med.gif) repeat-x;
height:11px;
margin:20px 0 5px 0;
}

.spacer_narrow {
clear:both;
background:URL(images/spacer_med.gif) repeat-x;
height:11px;
margin:0 10px 5px 10px;
}

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

.shadeBox {
background: URL(images/bgSquares.gif);
border:1px solid #dddddd;
margin: 0 0 20px 0;
padding:8px 0 0 0;
}

.shadeBox p, .shadeBox h2, .shadeBox h3 {
padding:0 10px 0 10px;
}

.greenBox {
background: #51A73C;
border:1px solid #2B641E;
color:#ffffff;
margin: 0 0 20px 0;
padding:8px 0 0 0;
}

.greenBox p, .greenBox h2, .greenBox h3 {
color:#ffffff;
padding:0 10px 0 10px;
}

.greenLink_wide {
background: URL(images/spacer_med.gif) repeat-x top left;
clear:both;
color:#479435;
font-size:7pt;
line-height:12px;
margin:0 0 0 0;
padding:0 0 0 0;
text-transform:uppercase;
}

.greenLink_narrow {
background: URL(images/spacer_med.gif) repeat-x bottom left;
clear:both;
color:#479435;
font-size:7pt;
line-height:12px;
margin:0 0 10px 0;
padding:0 0 7px 0;
text-transform:uppercase;
}

.greenLink_wide a:link, .greenLink_narrow a:link {color:#479435;text-decoration:none;}
.greenLink_wide a:visited, .greenLink_narrow a:visited {color:#479435;text-decoration:none;}
.greenLink_wide a:active, .greenLink_narrow a:active {color:#479435;text-decoration:none;}
.greenLink_wide a:hover, .greenLink_narrow a:hover {color:#479435;text-decoration:none;}


.row {
background: #fff;
padding: 2px 5px 3px 5px;
}

.rowAlt {
background: #eee;
padding: 2px 5px 3px 5px;
}






/*================ GREEN BLOCK ================*/

.greenBlock
{
	background: #379220 url(images/cornerGreenTL.gif) top left no-repeat;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 5px 10px 5px 10px;
}

.greenBlock h2 {
	color: #fff;
	margin: 3px 0 4px 0;
}

.greenBlock h2 a
{
	color: #fff;
}

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

.greenBlock a:hover
{
	text-decoration: underline;
}

.greenBlock ul
{
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
}
.greenBlock li
{
	background: url(images/bulletGreenBlock.gif) 0 5px no-repeat;
	border-top: solid 1px #5AB543;
	margin: 0 0 0 0;
	padding: 2px 0 3px 16px;
}

/*================ GRAY BLOCK ================*/

.grayBlock {
background: #ebebeb url(images/cornerGrayTL.gif) top left no-repeat;
margin: 0 0 20px 0;
padding: 5px 10px 5px 10px;
}

.grayBlock h2 {
color:#479435;
font-size: 13pt;
margin: 3px 0 4px 0;
}

.grayBlock h2 a {
color:#479435;
}

.grayBlock a {
text-decoration: none;
}

.grayBlock a:hover {
text-decoration: underline;
}

.grayBlock ul
{
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
}
.grayBlock li
{
	background: url(images/bulletGrayBlock.gif) 0 5px no-repeat;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #eee;
	margin: 0 0 0 0;
	padding: 2px 0 3px 16px;
}




.greenArrowList {
color: #479435;
margin: 0 0 20px 0;
}


.greenArrowList a {
color: #479435;
text-decoration: none;
}

.greenArrowList a:hover {
text-decoration: underline;
}

.greenArrowList {
list-style: none;
margin: 0 0 12px 0;
padding: 0 0 0 0;
}
.greenArrowList li {
background: url(images/bulletGreenArrow.gif) 0 5px no-repeat;
font-weight: bold;
margin: 0 0 0 0;
padding: 2px 0 3px 16px;
}