/* CSS Document */
/*CSS styles for page layout*/


@charset "utf-8";
/* resets and overides*/
*{margin:0px; padding:0px;}

body {
	max-width: 1280px;
}


/* styles for the header layer*/
#header {
	float:left;
	width:100%;
	height:26px;
	z-index:1;
	background-color:#0C703E;
}
#header a {
	text-decoration:none;
	color:yellow;
}
#header a:hover {
	color:orange;
}
#sitemeter {
	float:left;
	width:30px;
	height:22px;
	padding-top: 3px;
}
#dateline {
	float:right;
	width:95%;
	height:22px;
	padding-top: 5px;
}
/* end styles in the header layer*/

/* styles for the logo layer*/
#logo {
	float:left;
	width:100%;
	height:200px;
	z-index:2;
	background-color:#FFFFFF;
	clear:both
}
#player {
	float:right;
	width:70px;
	height:200px;
	background-color:#FFFFFF;
}
#logotext {
	float:left;
	width:700px;
	height:200px;
}
/* end styles in the logo layer*/

/* styles for the navigation layer*/
#navigation {
	float:left;
	width:100%;
	height:26px;
	z-index:3;
	background-color:#0C703E;
	clear:both;
	margin-bottom:10px;
}
#navigation a:hover {
	background-color:#00CC00;
	color:black;
	
}
#navigation ul
{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
#navigation li {
	display:inline;
}
#navigation a
{
	float:left;
	width:6em;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-weight: bold;
	background-color:#0C703E;
	padding:0.2em 0.2em;
	border-right:1px solid white;
}
/* end styles in the navigation layer*/

/* styles for the container layer*/
#container {
	float:left;
	width:97%;
	z-index:5;
	clear:both;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px;
	background-color:#FFFFFF;
	overflow: visible;
}
#container a {
	text-decoration:none;
	color:#006600;
}
#container a:hover {
	color:green;
	font-weight: bold;
}
#boxleft {
	float:left;
	width:120px;
	margin-bottom:20px;
	clear:left;
	overflow: visible;
	z-index:inherit;
}
#boxleft img {
	border:1px solid green
}
#reports {
	float:left;
	width:70.5%;
	margin-left:1%;
	overflow: visible;
	z-index:inherit;
}
#boxright {
	float:right;
	width:150px;
	overflow: visible;
	z-index:inherit;
}
#boxright img {
	border:1px solid green
}
/* end styles in the container layer*/

/* styles for the footer layer*/
#footer {
	float:left;
	width:99%;
	overflow:visible;
	z-index:4;
	background-color:#FFFFFF;
	border-right:1px solid white;
	border-left:1px solid white;
	border-top:1px solid white;
	border-bottom:5px solid #0C703E;
	margin-left:5px;
	padding-bottom:5px;
}
#footer a
{
	text-decoration:none;
	color:green;
}
#footer a:hover {
	color:black;
}
#footerleft {
	float:left;
	width:210px;
	height:145px;
	z-index:inherit;
	background-color:#FFFFFF;
	border-right:1px solid #0C703E;
	border-left:1px solid #0C703E;
	border-top:1px solid #0C703E;
	border-bottom:1px solid #0C703E;
	margin-top:5px;
	margin-left:3px;
	margin-bottom:5px;
	margin-right:5px;
	padding-bottom:5px;
}
#footerright {
	float:left;
	width:77%;
	overflow:auto;
	z-index:inherit;
	margin-top:5px;
	border-right:1px solid #0C703E;
	border-left:1px solid #0C703E;
	border-top:1px solid #0C703E;
	border-bottom:1px solid #0C703E;	
}
/* end styles in the footer layer*/

