body {
	background: transparent fixed url(images/bgnd.gif) no-repeat bottom right; 
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
	margin:0px;
}
img {
	border:none;
}

#logo {
	margin: 0px 12px 12px 0px; 
	position:absolute;
	height:54px;
}

#logo h1 {
	background: transparent url(images/logo.gif) no-repeat top left; 
	margin: 0px; 
	width: 270px; 
	height: 54px; 
	float: left;
}

#logo h1 span {
	display:none
}

#extranet h3{
	margin: 46px 0px 12px 167px; 
	position:absolute;
	color:red;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:large;
	font-style:italic;
	padding:0px;
	display:inline;
	width:60px;
	height:30px;
	line-height:1ex;
}

#nav {
	margin: 16px 0px 12px 570px; 
	position:absolute;
	width:456px;
	height:38px;
	text-align:right;
}

#nav h3{
	font-size:large;
	font-weight:bold;
	color:#6699ff;
	padding:0px 12px 0 0;
	margin:0px;
	display:inline;
}

#nav ul {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	display:inline;
	}
	
#nav li {
	list-style-type: none;
	display:inline; 
	}
#nav li a { 
	background-color: #ddf;
	color:#000080;
	border:1px solid #000080;
	padding: 4px; 
	margin: 0px; 
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#nav li a:hover {
	background-color:#eef;
	color:#bbbbdd;
	border: 1px solid #bbbbdd;
	}

#user {
	margin: 16px 0px 12px 270px; 
	position:absolute;
	width:300px;
	height:38px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#us {
	color:#000080;
	display:block;
	line-height:2.5ex;
	font-size:large;
}
#co {
	color:#6699FF;
	display:block;
	line-height:2ex;
}

#oops {
	/*background:url(images/oops.jpg) no-repeat top center;*/
	height:270px;
	width:750px;
	padding-top:220px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#336699;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-large;
	font-weight:bold;
}

#menu {
	margin: 70px 12px 0px 32px; 
	position:absolute;
	border-right:1px solid #000080;
	width:227px;
	text-align:left;
	background:transparent url(images/trame.gif) repeat; 
}

#menu_bgnd {
	margin: 70px 12px 0px 32px; 
	position:absolute;
	border-right:1px solid #000080;
	width:227px;
	height:500px;
	background:transparent url(images/trame.gif) repeat; 
}

#menu h4 {
	display:block;
	width:205px;
	margin:6px 6px 0px 6px;
	padding:0px 4px 0px 4px;
	background-color:#ddf;
	border:1px solid #ccc;
	color:#000080;
	font-weight:bold; 
	font-size:small;
}

div.menuitem {
	display:list-item;
	list-style-type:square;
	list-style-position:inside;
	line-height:3ex;
	padding-left:6px;
	margin:0px 6px 0px 6px;
	width:190px;
}

div.menuitem a {
	color:#000080;
	text-decoration:none;
}

div.menuitem a:hover {
	color:#6699ff;
	text-decoration:none;
}

#content {
	margin: 70px 0px 0px 259px;
	position:absolute;
	width:745px;
	height:500px;
	padding:0px 12px 0px 12px;
	border-left:1px solid #000080;
}

#headline h3{
	text-align:right;
	font-size:large;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	margin:0px;
}
#data td{
	font-family:"Arial Narrow", "Helvetica Condensed", sans-serif;
	color:#336699;
	font-size:small;
	line-height:2ex;
}

#data th{
	line-height:2ex;
	padding-top:20px;
	border-bottom:3px solid #ddf;
}

#data td.footer_total{
	line-height:2ex;
	padding-top:10px;
	border-top:3px solid #ddf;
	color:#336699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:right;
}

#data td.footer_report{
	line-height:2ex;
	padding-top:30px;
	color:#336699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:italic;
	text-align:center;
}

#data td.footer_icons{
	line-height:2ex;
	padding-top:10px;
	border-top:3px solid #ddf;
	color:#008;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	text-align:left;
	color:#BBBBFF;
}

#data td.even{
	background:transparent url(images/lowlight.gif) repeat;
}

#data td.odd{
	background:transparent url(images/highlight.gif) repeat;
}

#data span {
	font:Wingdings;
}

#deco {
	margin: 32px 0px 0px 485px; 
	position:absolute;
	width:550px;
	height:20px;
	background:transparent url(images/trame.gif) repeat; 
}

#pop h2 {
	margin: 0px; 
	width:100%;
	height:40px;
	background:transparent url(images/trame.gif) repeat; 
	text-align:center;
	font-size:x-large;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}

#pop #text {
	margin: 12px; 
	padding:0px;
	width:auto;
	height:auto;
	text-align:left;
	font-size:small;
	font-family:"Courier New", Courier, mono;
	line-height:1.2em;
}

#pop #table{
	margin: 24px auto auto auto; 
	padding:0px;
	width:80%;
	height:auto;
	text-align:center;
	font-size:small;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
}

#pop #table th.description{
	border-bottom:2px solid #bbbbff;
	text-align:left;
}
#pop #table th.value{
	border-bottom:2px solid #bbbbff;
	text-align:right;
}

#pop #table td.description{
	border-bottom:1px solid #ddddff;
	text-align:left;
}
#pop #table td.value{
	border-bottom:1px solid #ddddff;
	text-align:right;
}

#pop #table td.totals{
	border-top:2px solid #bbbbff;
	text-align:right;
	line-height:2em;
	font-weight:bold;
	font-size:large;
}

#graph {
	padding: 0px;
	margin:auto;
	width:100%;
	height:475px;
	background:transparent url(_graph.php) no-repeat center;
}
#graph #gtitle {
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:rgb(255,50,50);
	padding:40px 100px 0px 0px;
	font-size:large;
	font-weight:bold;
	text-align:right;
}
#info{
	text-align:center;
	width:100%;
	border:1px solid #CCCCFF;
	margin-top:20px;
	padding:20px;
	background-color:#EfEffF;
}
#info table{
	width:100%;
	border-collapse:collapse;
}
#info .left{
	font-weight:bold;
	text-align:left;
	width:50%;
	background:transparent url(images/lowlight.gif) repeat;
	padding:2px 12px 2px 12px;
	border:1px solid #ddddff;
}
#info .right{
	text-align:left;
	width:50%;
	background:transparent url(images/highlight.gif) repeat;
	padding:2px 12px 2px 12px;
	border:1px solid #ddddff;
}
#info .spacer{
	text-align:center;
	width:100%;
	line-height:1ex;
}

#login {
	position:absolute;
	width:350px;
	height:200px;
	border:1px solid #ddddff;
	margin-top:120px;
	margin-left:480px;
	background:transparent url(images/lowlight.gif) repeat;
}
#login form{
	margin:30px;
	text-align:center;
}
#login input{
	width:240px;
	color:#336699;
	text-align:center;
}
#login input.submit{
	width:auto;
	color:#336699;
	text-align:center;
	font-weight:bold;
}