* {
	
	margin:0;
	padding:0;
}


body,html {
		margin:0;
		padding:0;
		background: #930;
		color:#000;
}
	
body {
		font-family:  Tahoma, Arial, Verdana, sans-serif;
		color: #655228;
		font-size: 76%;
		min-width: 760px;
	}
	
address {
font-size: 0.8em;
}

img {
border: none;
}

a, a:visited {
color: #ee9414;
text-decoration: none;
border-bottom: 1px dotted #ee9414;
}

a:hover, a.url:hover, a.email:hover {
color: #fff;
background: #ee9414;
border-bottom: none;
}

a.url, a.email, a.url:visited, a.email:visited {
	color: #ee9414;
	text-decoration: none;
	border-bottom: 1px dotted #ee9414;
	padding-left: 16px;
}

a.url:hover {
	color: #fff;
	background: url(../img/external.gif) #ee9414 left center no-repeat ;
	border-bottom: none;
}

a.email:hover {
	color: #fff;
	background: url(../img/mailto.gif) #ee9414 left center no-repeat ;
	border-bottom: none;
}


a.url {	
	background: url(../img/external.gif) left center no-repeat;	
}

a.email {
	background: url(../img/mailto.gif) left center no-repeat;
}

span.tel {	
	padding-left: 16px;
	background: url(../img/telephone.gif) left center no-repeat;
}




#wrap {
		background: #fffdf3;
		margin:0;
		padding:0;
		width:100%;
	}
	
#header {
		background:#ddd;
	}
	
#header h1{  
    background: url("../img/arava-logo.jpg") top left no-repeat;
}

#header h1 a {
  height: 150px;
  width:100%;
  margin: 0 0 0 0;
  display: block;
  text-indent: -9000em;
  background: url("../img/arava-logo.jpg") top left no-repeat;
  text-decoration: none;
  border: 0;
}

#header p{
  float: left;
  display: inline;
  height: 0;
  margin: 0 0 0 0;
  text-indent: -9000em;
}

#nav {
		background:#930;
		margin:0;
		padding:0;
		clear:both;
		border-top:1px solid #630;
		border-bottom: 1px solid #A5D0D4;
		height:2em;
		width:100%;
}
		
	/*
	#nav ul{
		margin:0 0 0 11%;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	
	*/
	
#tablewrapper {
	float:left;
	width:100%;
	background: #fffdf3;
}

#tablewrapper h2 {
  margin: 1em 1.5em 0.4em 11%;
  padding:0;
  color: #ee9414;
  font: bold 1.9em "Century Gothic", arial, sans-serif;
}

#tablewrapper h2.weather {
	margin-left: 4%;
}

#tablewrapper h3 {
  margin: 0.8em 0 0.3em 11%;
  padding:0;
  color: #ee9414;
  font: bold 1.4em "Century Gothic", arial, sans-serif;
  border-bottom: 1px dotted #ee9414; 
  }
  
#tablewrapper p  {	
	font: normal 1em/1.5 Verdana, Tahoma, Arial, Verdana, sans-serif;
	color: #655228;
	margin: 0 1.5em 1.5em 11%;
	}



#main {
	float:left;
	background: #fffdf3;
	border-right: 1px dotted #ee9414;
	margin: 0;
	padding:0;
	width:62%;
}

#main h2 {
  margin: 1em 1.5em 0.5em 18%;
  padding:0;
  color: #ee9414;
  font: bold 1.9em "Century Gothic", arial, sans-serif;
}

#main h2.front{  
    background: url("../img/frontpagepic.jpg") top left no-repeat;
	height: 421px;
 	width:549px;
  	margin: 1em 0 0.5em 17%;
  	display: block;
  	text-indent: -9000em;
   border: 0;
}

#main h3 {
  margin: 0.8em 0 0.3em 18%;
  padding:0;
  color: #ee9414;
  font: bold 1.4em "Century Gothic", arial, sans-serif;
  border-bottom: 1px dotted #ee9414; 
  }
  
#main h4 {
  margin: 1em 0 0.3em 18%;
  padding:0;
  color: #ee9414;
  font: bold 1.2em "Century Gothic", arial, sans-serif;
  }

#content
{
	margin-left: 275px;
	float:left;
}

#container
{
clear:both;
}

  
#main ol
  {
  margin: 1em 1.5em 1em 22%;
  list-style-type:lower-roman;
  font: normal 1em Tahoma, Arial, Verdana, sans-serif;
  }
  
#main ul
  {
  margin: 1em 1.5em 1.5em 22%;
  list-style-type: square;
  font: normal 1em Tahoma, Arial, Verdana, sans-serif;
  }
  
#main ul li, #main ol li
  {
  margin: 0 0 0.8em 0;
  }  

#main dl
{
 margin: 1em 1.5em 1em 22%;
  font: normal 1em Tahoma, Arial, Verdana, sans-serif;
}

#main dl dd
{
margin-bottom:15px;

}

  
#main p {
	font: normal 1em/1.5 Verdana, Tahoma, Arial, Verdana, sans-serif;
	color: #655228;
	margin: 0 1.5em 1.5em 18%;
	}
	
#main .vcard p {
	margin-left:20%;	
}

#main #cv .vcard p {
line-height: 1.5em;

}
	
#main sup { 
	font: normal 0.8em/1 Verdana, Tahoma, Arial, Verdana, sans-serif;
	color: #655228;
}

#main img.flow {	
	margin: 0 0 2em 18%;
}

#main img.rf {
	float: right;
	margin: 7px 5px 0 5px;
}

#main #cv .vcard img.photo {
	float: right;
	margin: 7px 5px 0 5px;
}

#main img.lf {
	float: left;
	margin: 7px 12px 0px 0;
}

#main img.lfm {
	float: left;
	margin-left: 5%;
}


#main ul#reports {
  margin: 1.5em 1.5em 1.5em 20%;
  list-style-type: none;
  font: normal 1em Tahoma, Arial, Verdana, sans-serif;
  }
  
#main ul#reports li {
 	margin: 0 1em 1.5em 0;  
  }
  
#main ul.links li 
{
	margin: 0 1em 1em 0;  	
}

    
#sidebar {
		background: #fffdf3;
		float:left;
		width:25%;
		margin-left: 5%;
	}
	
	
#sidebar ul {
		margin-bottom:0;
    }

#sidebar p {
	margin: 0 0 0.5em 0;
    color: #963;
    }
    
#sidebar h2 {
  margin: 1em 1.5em 0.5em 0;
  padding:0;
  color: #963;
  font: bold 1.8em "Century Gothic", arial, sans-serif;
}
    
#sidebar h3 {
  margin: 0.8em 0 0.3em 0;
  padding:0;
  color: #963;
  font: bold 1.4em "Century Gothic", arial, sans-serif;
  }
  
#sidebar img.sponsors {	
	margin: 1em 0 0 7em;
}

a img, a.imglnk, a:link.imglnk, a:visited.imglnk, a:hover.imglnk
{	
	 text-decoration: none;
	 border:none;
	 background: transparent;
}    
    
#footer {
	margin: 0;
	padding: 0;
	background: #ee9414;
	clear:both;
	width: 100%;
	height:5em;
	}	
	
#footer p {
    }
    
    
/* FOOTER LINKS */

#sitelinks
{
	margin: 1em 10% 1em 10%;
	padding: 0;
}

#sitelinks ul, #sitelinks li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#sitelinks a:link, #sitelinks a:visited
{
float: left;
line-height: 1.5;
margin: 1.8em 10px 1em 10px;
text-decoration: none;
color: #903;
padding: 0;
}

#sitelinks a:link#current, #sitelinks a:visited#current, #sitelinks a:hover
{
padding: 0;
margin: 1.8em 10px 2em 10px;
color: #fffdf3;
}

/* TOP NAVIGATION */

div#navigation {
		width:100%;
		height:100%;
		position:relative;
		margin:0;
		padding:0;
	}
	
div#navigation ul {
		position:absolute;
		bottom:-1px;
		left:11%;
		width:89%;
		font: normal 1.1em/1.4 Tahoma, Arial, Verdana, sans-serif;
		color:#000;
		background:#930;
	}
	
ul#menu {
		margin:0;
		padding:0;
		background-color:#903;
		list-style-type:none;
	}
	
ul#menu li {
		display:inline;
		margin:0;
		padding:0;
	}

div#navigation a:link, 	div#navigation a:visited, div#navigation a:hover {
		color:#a1630d;
		text-decoration:none;
		padding: 0 0.3em 0 0.3em;
		background-color:#fffbe7;
		border-left: 1px solid #a5d0d4;
		border-top: 1px solid #a5d0d4;
		border-right: 1px solid #a5d0d4;
		border-bottom:1px solid #a5d0d4;
}
		
	
div#navigation ul#menu a:link, 	div#navigation ul#menu a:visited, div#navigation ul#menu a:hover {
		
		text-decoration:none;
}

div#navigation ul#menu a:hover {
		background-color:#e69900;
		text-decoration:none;
		color: #fffdf3;
		border-bottom:1px solid #a5d0d4;
	}
	
div#navigation ul#menu li.sel a:link, div#navigation ul#menu li.sel a:visited, div#navigation ul#menu li.sel a:hover {
		text-decoration:none;
		background-color:#fffdf3;
		font-weight:bold;
		color: #930;
		border-left: 1px solid #fffdf3;
		border-top: 1px solid #fffdf3;
		border-right: 1px solid #fffdf3;
		border-bottom:0.1em solid #fffdf3;
	}
	
	
/* TABLES */

#waterconsumption table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #b9e9ed;
	border-top: 1px solid #b9e9ed; 
	color: #655228;
	margin: 0 0 2em 18%;
}

#waterconsumption table caption {
	font-family: Georgia, Times, "Times New Roman", serif; 
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.5; 
	letter-spacing: -1px;
	margin: 0 0 10px 10%;
	padding: 0;
	background: transparent;
	color: #ee9414;
}

#waterconsumption table th span.info
{	
	font-style:italic;
	font-weight:normal;
	text-transform:none;
}

#waterconsumption table a {
	text-decoration: none;
	border-bottom: 1px dotted #ee9414;
	color: #ee9414;
	font-weight: bold;
}

#waterconsumption table a:hover {
	text-decoration: none;
	color: #fff;
	background: #ee9414;
	border-bottom: none;
}

#waterconsumption table tr th a {
	color: #ee9414;
	border-bottom: 1px dotted #ee9414;
}

#waterconsumption table tr th a:hover {
	color: #fff;
	background: #ee9414;
}

#waterconsumption table thead tr th {
	text-transform: uppercase;
	color: #930; 
	background: #c7faff;
}

#waterconsumption table tfoot tr th, #waterconsumption table tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

#waterconsumption table td , #waterconsumption table th {
	border-right: 1px solid #b9e9ed;
	border-bottom: 1px solid #b9e9ed;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
}


#waterconsumption table tr.odd th, #waterconsumption table tr.odd td {
	background: #efefef;
}




.tablespacer
{
height:9em;	
clear:both;
margin:0;
padding:0;
background: #fffdf3;
}




/* NEW SCROLLABLE TABLE CODE */

/* Weather Table */

div.tableContainer {
	width: 98%;		/* table width will be 99% of this*/
	height: 270px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

div.tableContainer table {
	width: 98%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: 1px solid #999999;
	padding: 0;
	margin:0;
	}
	
div.tableContainer table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 200px;
	overflow-x: hidden;
	}
	
div.tableContainer thead th	{
	background-color: #c7faff;
	border-bottom: 1px solid #999999;
	position:relative; 
	text-align: center;
	top: expression(document.getElementById("data").scrollTop-2); /*IE5+ only*/
	font-size:0.9em;
	}
	
div.tableContainer td	{
	text-align: center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	}


div.tableContainer tfoot td	{
	text-align: center;
	font-weight: bold;
	background-color: #c7faff;
	border-top: 1px solid #999999;
	}

div.tableContainer tr	{
height:1em;
}
	
div.tableContainer tr.alternateRow {
background:#f7f7f7;
}


div.tableContainer td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/


/* Dataset table */

div.dataSetWrapper{
	padding:0;
	background: #fffdf3;
	width: 65%;		/* table width will be 99% of this*/
	height: 270px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

div.dataSetWrapper table {
	width: 98%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: 1px solid #999999;
	padding: 0;
	margin:0;
	}
	
div.dataSetWrapper table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 200px;
	overflow-x: hidden;
	}

div.dataSetWrapper thead th	{
	background-color: #c7faff;
	border-bottom: 1px solid #999999;
	position:relative; 
	text-align: center;
	top: expression(document.getElementById("data").scrollTop-2); /*IE5+ only*/
	font-size:0.9em;
	}
	
div.dataSetWrapper td	{
	text-align: center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	}

div.dataSetWrapper tfoot td	{
	text-align: center;
	font-weight: bold;
	background-color: #c7faff;
	border-top: 1px solid #999999;
	}

div.dataSetWrapper tr	{
height:1em;
}
	
div.dataSetWrapper tr.alternateRow {
background:#f7f7f7;
}

dt {
	font-weight: bold;
	}
	
	/* =Hoverbox Code
----------------------------------------------------------------------*/

#hoverbox
{
	cursor: default;
	list-style: none;
}

#hoverbox a
{
	cursor: default;
}

#hoverbox a .preview
{
	display: none;
}

#hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

#hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 104px;
	height: 78px;
}

ul#hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

#hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}


/* Sitemap */


	

/* Top Navigation 

#navcontainer {
	margin:6px 0 0 11%;
	width:75%;
	height:2em;
}

#navlist ul
{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fffdf3;
background-color: #ee9414;
text-decoration: none;
}

#navlist a:hover
{
color: #963;
background-color: #fffdf3;
text-decoration: none;
}

*/
}