* {margin: 0; padding: 0; border: 0;}
html {
  overflow: scroll;
}

body {
text-align: center; 
background: #fff;
color: #000;
min-width: 700px;
margin-top: 10px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

input {border: 1px solid Black;}
textarea {border: 1px solid Black;}
p {margin-top: 10px; margin-bottom: 10px;}

ul { 
   list-style-type:disc; 
   padding-left: 20px;
} 

a {color: #660000; font-weight: normal; text-decoration: none; }
a:hover {font-weight: bold;}

#navigationlinkACTIVE a {font-weight: bold;}
#navigationsublinkACTIVE a {font-weight: bold;}

#headerpad a {
	font-size: 8pt;
	font-weight: bold;
	font-family: "Tahoma", sans-serif;
	/*line-height: 1;*/
	color: #fff;
}
#headerpad a:hover {
	color: #c2ad98;
}

#centerpad a:hover {
	font-weight: normal;
	text-decoration: underline;
}



#headerleft a:hover {background: url(pictures/logo_ecoquest_hover.gif) no-repeat;}


h1, h2, h3 {
  color: #660000;
  font-weight: bold;
  font-family: "Tahoma", sans-serif;
  font-size: 10pt;
  /*line-height: 1em;*/
  padding-bottom: 12px;
  /*margin: 1em 0;*/
 }
 
 h2 {
  font-size: 10pt;
 }
 
  h3 {
  font-size: 10pt;
 }

 #little {
 	font-size: 75%;
 }
 
 #headString {
    position:absolute; 
    bottom: 0px; 
    left: 220px; 
    line-height: 11px;
    font-size: 8pt;
	font-weight: bold;
	font-family: "Tahoma", sans-serif;
	color: #fff;
 }

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 712px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {
  background-color: #fff; 
  color: #000;
  float:left;
  width: 100%;
  margin-right: -95%; 
}

#contentfloatholder {/* also makes the right "sliding" tab */
  float: left;
  width: 100%;
  position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
  content: "."; 
  display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#headerfloatholder {/* also makes the right "sliding" tab */
float: left;
width: 100%;
position: relative;
}


#headerfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin-left: 216px;
margin-right: 132px;
}

#centercontent {
	position: relative;
	width: 90%;
	margin-left: 20px;
	margin-right: -20px;
	padding-top: 40px;
}

#headerpad {
	margin-left: 212px;
	margin-right: 132px;
    height: 101px;
	/*padding-top: 101px;*/
	/*margin-bottom: -88px;*/
	background: url(pictures/greyline.gif) no-repeat;
	background-position: bottom;
	/*border: 1px solid Black;*/
}

#center {
  background: #fff url(pictures/horiz_line.gif) repeat-y;
  color: #000;
  float:left;
  width: 100%;
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
  font-family: "Verdana", sans-serif;
  font-size: 10pt;
  float:left;
  width: 216px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  padding-top: 70px;
}

#navigationlink {
	display: block;
	vertical-align: text-bottom;
	height: 17px;
	text-align: right;
	margin-left: 0px;
	padding-right: 30px;
	margin-top: 7px;
	background: url(pictures/link.gif) no-repeat;
}

#navigationlinkACTIVE {
	display: block;
	vertical-align: text-bottom;
	height: 17px;
	text-align: right;
	margin-left: 0px;
	padding-right: 30px;
	margin-top: 7px;
	background: url(pictures/link.gif) no-repeat;
}

#navigationsublink {
	display: block;
	vertical-align: text-bottom;
	height: 10pt;
	font-size: 8pt;
	text-align: right;
	margin-left: 0px;
	padding-right: 30px;
	margin-top: 5px;
	background: url(pictures/sublink.gif) no-repeat;
}

#navigationsublinkACTIVE {
	display: block;
	vertical-align: text-bottom;
	height: 10pt;
	font-size: 8pt;
	text-align: right;
	margin-left: 0px;
	padding-right: 30px;
	margin-top: 5px;
	background: url(pictures/sublink.gif) no-repeat;
}

#headerleft {
  float:left;
  width: 216px;
  height: 101px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  background: url(pictures/logo_ecoquest.gif) no-repeat;
}

#right {
  float:right;
  width: 132px;
  margin-right: -5px;
}

#headerright {
  float:right;
  background-color: #fff;
  width: 132px;
  padding-top: 89px;
  margin-right: 0px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */
#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}


a#toplink:hover {
background-position: 0 0;
}

#wrapper {
position: relative;
z-index: 500;
}