html {
	font-size:100%; /* IE6- text resize adjust*/
}

a:link {
	color:#009900;
}
a:visited {
	color:#005000;
/*	text-decoration:none;*/
}
a:hover {
}
a:active {
		color:#009900;
}


body {
	width:640px;

/*
	background-color:#b0daFF;
*/
	background-color:#ffffff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;

	margin:40px;
	padding: 0;
	border: 0;
/*link="#009900" vlink="#66FF66" alink="#009900" */
}

#pagewrap {
	width: 640px;
/*
	overflow-x: auto; overflow-y: hidden;
*/
	margin:0;
	padding: 0;
	border: 0;
}

#header {
	width: 640px;
	height: 133px;
	margin:0;
	padding: 0;
	border-style: none;
	border: 0;

}
#header a img {
 	border: none;
	vertical-align:bottom; /* needed for IE6 as it aligns baseline */
}

.left {
	height: 410px;
	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;

}
.right {
	height: 410px;
	margin:0;
/*	padding-right: 1%;*/
	border: 0;
	float: left;
}
.width41 { width: 41%; }
.width49 { width: 49%; }
.width50 { width: 50%; }
.width55 { width: 55%; }
.width57 { width: 57%; }
.shiftdown {	margin-top:2.4em; }
.shiftdown1 {margin-top:1.95em; }

.left h1 {
    font-size:1.3em;
}
.left h2 {
    color:#009900;
    font-size:3em;
}
.left h3 {
    color:#009900;
    font-size:2em;
}
.left h4 {
    font-size:0.75em;
}
.right h1 {
	font-size:1.05em;
}
.right h3 {
    font-size:1.3em;
}

.shortleft {
	width: 30%;
	height: 300px;

	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;
}
.longleft {
	width: 50%;
	height: 580px;

	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;

}
.longleft h1 {
	font-size:1.0em;
}

.narrowleft {
	width: 39%;
/*	height: 580px; */

	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;

}
.narrowleft h1 {
	font-size:1.0em;
}
li.greenhdr:first-line {
	color:#009900;
}
.greenhdr h1 {
	font-size:1.05em;
	color:#009900;
}



.centre {
	width: 49%;
	height: 540px;
	margin:0;
	padding-left: 1%;
	padding-right: 0;
	border: 0;
	float: left;
	clear: right;
}
.centre h1 {
    font-size:1.0em;
}

.entire {
	width: 99%;	
	margin:0;
	padding-left: 1%;
	padding-right: 0;
	border: 0;
	float: left;
}
.entire a img {
 	border: none;
}


#footer {
	width: 100%;
	height: 100px;
    color: #009900;
	font-size: 78%;
	margin:0;
	padding: 0;
	border: 0;
	float:left;
	text-align: center;
}

.imageright {
    height: 540px;
    float: right; 
    margin-left: 1px;
    margin-right: 0; 
    text-align: center;
	 
}
.shortimageright {
	height: 300px;
	width: 49%;
    font-size: 70%;  
    float: right; 
    margin-left: 0;
    margin-right: 0; 
    text-align: center; 
}


.longimageright {
height: 560px;
    font-size: 70%;  
    float: right; 
    margin-left: 4px;
    margin-right: 0; 
    text-align: center;
/*	background-color:#ffffff;*/
/*	background-color: #ff40ff;*/
}
div.captionedimage {
	height: 200px;
	width:  33%;
 	float:left;
}
div.captionedimage img {
	border:none;
}


/* following is for the small/large image pairs */
div.img
{
  margin: 2px;
/*  border: 1px solid #0000ff; */
  height: auto;
  width: auto;
  float:right;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  font-size: 80%;  
  text-align: center;
  margin: 2px;
}

ul.page1 {
  list-style-type:circle;
  font-style:italic;
  font-size:0.95em;
}
ul.portf {
  list-style-type:disc;
/*  font-style:italic;*/
/*  font-size:0.95em;*/
}



#navbarbase {
	position:relative;
    width:640px;
	height:28px;
	background: url("terrain-surveys-background.png") center left;

	margin:0;
/*	margin-left: 6px;*/
	padding: 0;
	border: 0;
	left:0;
}


ul#navigation {
	font-size: 70%;
    font-weight:bold;
	position:absolute;
	margin: 0;
	list-style: none;

	padding: 0;
	left:20px;
	border-left: 1px solid #238126;
	border-color:#8bc767;
/*	border-bottom: 1px solid #238126;*/
}
ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
    border-bottom: 1px solid #238126;
	border-color:#8bc767;
}


/* this should be the same code as above
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #238126;
	border-bottom: 0.04em solid #238126;
}
*/

ul#navigation li { 
	line-height : 18px; /* This is the height of each menu element */
	position: relative;
	float: left;
}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation li a, #navigation li span {
	display: block;
	text-decoration: none;
	color: #ffffff;

	width: 8em; /*          ****CHANGE-MENU**** */
	padding: 4px 0.5em;
	border-top: 0.04em solid #238126;/*0.04em*/
	border-right: 1px solid #238126;
	border-color:#8bc767;
}


ul#navigation li li a, ul#navigation li li span {
	width: 14em;
	text-align:left;
	border-left: 1px solid #238126;
	border-right: 1px solid #238126;
}

ul#navigation li li li a, ul#navigation li li li span {
	width: 14em; /*           ****CHANGE-SUBMENU**** */


}

ul#navigation li li.longitem li span {
	width: 16em; /*           ****CHANGE-SUBMENU**** */
}



ul#navigation li a:hover, ul#navigation ul li:hover a:hover, ul#navigation li span:hover, ul#navigation ul li:hover span:hover, ul#navigation li span.sfhover, ul#navigation ul li.sfhover span.sfhover { /* The hovered style for submenus */
	border-top: 0.04em solid #238126;/*0.04em*/


/*
	color: #000;
	background-color: #A9E1B1;
*/
}


ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;

}
#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */

}


#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul, #navigation li a:focus ul, #navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
div#menu {
	width:100%;
}


/* Submenu arrow indicator */


#navigation span:hover, #navigation span.sfhover {
	cursor:default;
}


/* BACKGROUND EFFECTS */

/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */
/*
old
#navigation li:hover a, #navigation li:hover span, #navigation li.sfhover a, #navigation li.sfhover span {
color: #329900;
background-color:#ffffff;
border-top: 0.04em solid #238126;
} end old */

#navigation li:hover a {
color: #329900;
background-color:#ffffff;

/*line-height:99%;*/
/*border-top: 0.04em solid #238126;*/

}
#navigation   #navigation li:hover span, #navigation li.sfhover a, #navigation li.sfhover span{
color: #329900;
background-color:#ffffff;

}











ul#navigation li ul li:hover a, ul#navigation li ul li:hover span, ul#navigation li ul li.sfhover a, ul#navigation li ul li.sfhover span {

	color: #003300;
                background: #ffffff url("terrain-surveys-background.png") repeat-x center left;
/*	background-color: #B0D797; */
}
ul#navigation li ul ul li:hover a, ul#navigation li ul ul li:hover span, ul#navigation li ul ul li.sfhover a, ul#navigation li ul ul li.sfhover span {

	color: #000;
	background-color: #A7CD89;
}


/* ends here */