body {
	margin-top : 5px;
	margin-left : 3%;
	margin-right : 3%;
	margin-bottom : 0px;
	font-family : tahoma, arial, sans-serif;
	font-size : 1em;
	color : #000000;
	background-color : #ffffff;
}

/* Containers */

#topheadercontainer {
	border-top : 1px solid black;
	display : block;
	color : #ffffff;
	background-color : #b3c9c6;
	height : 80px;
	width : 100%;
}

#topmenucontainer {
	display : block;
	color : #ffffff;
	background-color : #fbfbfb;
	text-align : center;
	padding-bottom : 5px;
	clear : both;
}

#topheadernavigation ul {
	list-style-type : none;
	background-color : #b3c9c6;
	color : #ffffff;
	font-size : 0.7em;
	font-weight : bold;
	margin-right : 5px;
	margin-bottom : 0px;
}

#smalltopnav {
	margin-top : 5px;
}

#smalltopnav li {
	margin-top : 2px;
	padding-top : 2px;
	display : block;
	clear : both;
}

#smalltopnav img {
	float : left;
	border : 0px;
	margin-top: 1px;
}

#smalltopnav a {
	color : #ffffff;
	background-color : #b3c9c6;
	font-weight : bold;
	text-decoration : none;
}

#smalltopnav a:visited {
	color : #ffffff;
	background-color : #b3c9c6;
	font-weight : bold;
	text-decoration : none;
}

#smalltopnav a:hover {
	color : #ffffff;
	background-color : #b3c9c6;
	font-weight : bold;
	text-decoration : underline;
}

#topheader {
	display : block;
	margin-left : 10px;
	margin-top : 10px;
	float : left ;
	background-image : url('../images/topnavlogo.jpg');
	width : 220px;
	height : 60px;
	margin-bottom : 0px;
}
#topheader span {
	display : none;
}

#topheadernavigation {
	display : block;
	float : right ;
}


#content {
	clear : both;
	display : block;
	padding-top : 10px;
	background-color : #ffffff;
	color : #000000;
	font-size : 0.9em;
	width : 100%;
	background-image : url('../images/wlga_background.jpg');
	background-position : bottom left;
	background-repeat : no-repeat;
	background-attachment : scroll;
	min-height:434px;
	height:auto !important;
	height:434px;
	border-bottom : 1px solid #ffffff;
}

#contentbackground {
	clear : both;
	display : block;
	background-image : url('../images/dataunit_background.jpg');
	background-position : bottom right;
	background-repeat : no-repeat;
	background-attachment : scroll;	
	min-height:434px;
	height:auto !important;
	height:434px;
	border-bottom : 1px solid #ffffff;
}

#footer {
	clear : both;
	display : block;
	border-top : 1px dotted #222222;
	padding-top : 5px;
	margin-bottom : 10px;

}

#validicons {
	clear : both; 
	float : left;
	display : inline;
	margin-top : 5px;
	padding-top : 5px;
	border : none;
}


.topmenuitem {
	display : block;
	float : left;
	text-align : center;
	font-size : 1em;
	color : #000000;
	background-color : #ffffff;
	padding-left : 5px;
	padding-right : 5px;
	margin : 5px;
	border : 1px solid black;
	width : 20%;
}

.footerlinks {
	font-size : 0.6em;
	font-weight : bold;
	color : #464646;
	background-color : #ffffff;
	float : left;
}

.footercopyright {
	font-size : 0.6em;
	font-weight : bold;
	color : #5a9ec3;
	background-color : #ffffff;
	float : right;
}

.contentheader {
	font-size : 1.1em;
	font-weight : bold;
	margin-bottom : 0px;
	padding-bottom : 0px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 25px;	
	display : block;	
}

.contentparagraph {
	font-size : 0.9em;
	color : #000000;
	padding-top : 0px;
	margin-top : 2px;
	margin-left : 5px;
	margin-right : 5px;
}

.linkimage {
	border : 0px;
}


a.footerlink:link {
	display : inline;
	text-decoration : none ;
	color : #464646;
	background-color : #ffffff;
}

a.footerlink:visited {
	display : inline;
	text-decoration : none ;
	color : #464646;
	background-color : #ffffff;
}

a.footerlink:hover {
	display : inline;
	text-decoration : none ;
	color : #5a9ec3;
	background-color : #ffffff;
}

/* Nav Bar */

#navcontainer ul
{
	background-color : #003366;
	padding-left: 0;
	padding-right: 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	margin-bottom : 0;
	color : #ffffff;
	float : left;
	width : 100%;
	font-size : 0.9em;
}

#navcontainer ul li { 
	display: inline;
}

#navcontainer ul li a{
	padding : 0.2em 1em;
	background-color : #003366;
	color : #ffffff;
	text-decoration : none;
	float : left;
	border-right : 1px solid #ffffff;
}

#navcontainer ul li a:hover
{
	background-color : #336699;
	color : #ffffff;
}

.bulletedlist li {
	font-size : 0.9em;
	padding-bottom : 3px;
}

#noscript {
	display : block ;
	border : 1px solid black;
	height : 40px;
	width : 170px;
	padding : 3px;
}

#noscript img {
	float : left;
	padding-right : 5px;
	border : 0px;
}

#noscript a {
	color : #0000ff;
	background-color : #ffffff;
	text-decoration : none;
}

#noscript a:visited {
	color : #0000ff;
	background-color : #ffffff;
	text-decoration : none;
}

#noscript a:hover {
	color : #ff0000;
	background-color : #ffffff;
	text-decoration : underline;
}

select {
	font-size : 0.8em;
	margin-left : 5px;
	margin-top : 0px;
	padding-top : 0px;
}

.jumpmenu {
	margin-top : -11px;
	margin-bottom : 40px;
	padding-top : 0px;
	clear : both;
}

#breadcrumbs {
	font-size : 0.8em;
	font-weight : bold;
	display : block;
	font-family : verdana, sans-serif;
	color : #464646;
	background-color : #ffffff;
	margin-top : 2px;
	margin-bottom : 5px;
	padding-bottom : 5px;
}

a.breadcrumb:link {
	font-weight : bold;
	text-decoration : underline ;
	color : #464646;
	background-color : #ffffff;
}

a.breadcrumb:visited {
	text-decoration : underline ;
	font-weight : bold;
	color : #464646;
	background-color : #ffffff;
}

a.breadcrumb:hover {
	text-decoration : underline ;
	font-weight : bold;	
	color : #5a9ec3;
	background-color : #ffffff;
}

a {
	color : #0000ff;
	background-color : transparent;
	text-decoration : none;
}

a:visited {
	color : #0000ff;
	background-color : transparent;
	text-decoration : none;
}

a:hover {
	color : #0000ff;
	background-color : transparent;
	text-decoration : underline;
}

#metadatatitle {
	margin-left : 20px;
	display : block;
	border : 1px solid #000000;
	list-style-type : none;
	padding-bottom : 40px;
	margin-bottom : 20px;
}

#metadatatitle li {
	font-size : 0.8em;
	margin-left : 20px;
	margin-bottom : 20px;
	margin-top : 20px;
	margin-right : 0px;
	clear : left;
}

.leftcolumn {
	display : block;
	float : left;
	font-weight : bold;
	margin-top : 0px;
	padding-top : 0px;
	min-width : 250px;
	width : 250px;
}

.rightcolumn {
	display : block;
	float : left;
	margin-left : 0px;
	margin-top : 0px;
	padding-top : 0px;
	min-width : 250px;
	padding-bottom : 10px;
	width : 600px;
}





a.tooltip {
	position: relative; 
	text-decoration: none;
	color : #000000;
	background-color : #ffffff;
	border-bottom : 1px dotted black;	
}

a.tooltip:visited {
	position: relative; 
	color : #000000;
	background-color : #ffffff;
	border-bottom : 1px dotted black;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover {
	font-size : 100%;
	color : #000000;
	background-color : #ffffff;
	text-decoration : none;
	z-index : 2;
	
} /* IE/Win requires some link change on hover in order to show the tooltips */

a.tooltip:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 5px; 
	left: 40px; 
	width : 200px;
	border: 1px solid #000000;
	background-color: #b3c9c6; 
	color: #000000;
	padding: 10px;
	z-index : 1;
}

#validicons img {
	border : 0px;
}

#measuretitlelink img {
	border : 0px;
	float : left;
}