/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	/*text-align: left;*/
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
/*	text-align: none;
	font-weight:  bold;*/
	font-family: inherit;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#ffffff;
}
h1,h2,h3{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:14px; font-weight:bold;}/* 12px */
h6{font-size:14px}/* 12px */

body{
	font-size: 14px; 
	/*text-align:center;/* for ie5.+*/
	background:url('images/bg.png')/*, url('images/bg2.png')*/ top center;
	background-repeat:no-repeat;
}

.left
{
float:left;	
}

.right
{
float:right;	
}

.centerimg
{
margin:auto;	
}

.bold
{
	font-weight:bold;	
}

.italic
{
font-style:italic;	
}

#outer
{
width:1020px;
margin:auto;
text-align:left;
border:0px solid black;
}

.body
{
width:1020px;
margin:auto;
text-align:left;
}

#nav
{
height:43px;	
width:1020px;
background-image:url('images/navbg.png');
background-repeat:no-repeat;
}

#nav ul
{
float:right;
padding-right:13px;
padding-top:7px;
}

#nav li
{
display:inline;
float:left;
}

a.active
{
background-image:url('images/navleft.png');
background-repeat:no-repeat;
padding-left:10px;
color:#b7cee8;
background-position:10px 0px;
}

#nav span
{
background-image:url('images/navright.png');
background-repeat:no-repeat;	
background-position:right;
display:block;
padding-top:7px;
height:22px;
padding-right:8px;
padding-left:2px;
margin-top:-7px;
margin-left:-2px;
float:left;
color:#b7cee8;
}

#topnav a
{
font:14px Helvetica;
color:white;
/*text-shadow:1px 1px 1px #4a4a4a;*/
float:left;
font-weight:bold;
padding-left:20px;
padding-right:20px;
margin-left:0px;
margin-right:0px;
display:block;
padding-top:7px;
height:22px;
padding-bottom:7px;
}



a.inactive:hover
{
background-image:url('images/hover.png');
background-repeat:no-repeat;	
background-position:top center;
}

#header
{
width:1020px;
border:0px solid black;
height:142px;
background-image:url('images/header.png');
background-repeat:no-repeat;
position:absolute;
right:0px;
}

#mainhead
{
background-image:url('images/mainhead.png');
background-repeat:no-repeat;
width:1100px;
height:68px;
margin:auto;
background-position:bottom;
}

#main
{
width:1100px;
margin:auto;
text-align:left;
border:0px solid black;	
background-image:url('images/mainbody.png');
background-repeat:repeat-y;
padding-top:8px;
min-height:900px;
}

#mainfoot
{
background-image:url('images/mainfoot.png');
background-repeat:no-repeat;

width:1100px;
height:14px;
margin:auto;
}

#leftcol
{
float:left;
position:relative;
width:250px;
min-height:200px;
border:0px solid black;
}

.lefthead
{
background-image:url('images/lefthead.png');
background-repeat:no-repeat;	
width:250px;
min-height:380px;
padding-top:31px;
}


.lefthead a
{
display:block;
background-image:url('images/lefta.png');
background-repeat:no-repeat;	
width:234px;
height:25px;
font:18px Helvetica;
color:white;
/*text-shadow:1px 1px 1px #555555;*/
padding-top:2px;
margin-bottom:2px;
padding-left:10px;
}
.lefthead a:hover
{
background-position:bottom;	
}

.leftbody
{
background-image:url('images/leftbody.png');
background-repeat:repeat-y;	
width:250px;
padding-bottom:2px;
}

.leftfoot
{
background-image:url('images/leftfoot.png');
background-repeat:no-repeat;	
height:13px;
width:250px;
}

#contentwrap
{
margin-top:-19px;	
}

#rightcol
{
float:left;
position:relative;
width:800px;
min-height:200px;
border:0px solid black;		
padding-left:5px;
}

#rightcol h1
{
font:32px Arial;
color:#000000;
margin-bottom:2px;
margin-top:29px;
font-weight:bold;
}

#rightcol p
{
font:14px Helvetica;
color:#000000;
}

#footer
{
width:100%;
height:78px;
background-image:url('images/footerbg.png');
background-repeat:repeat-x;	
}

#footer h5
{
position:absolute;	
font:12px Helvetica;
color:white;
/*text-shadow:1px 1px 1px #4d9aed;*/
margin-top:57px;
}

#footnav li
{
display:inline;
margin-left:16px;
margin-right:16px;
}

#footnav a
{
font:14px Helvetica;
color:#124c8d;
font-weight:bold;
}

#footnav a:hover
{
text-decoration:underline;
}

#footnav
{
float:right;	
padding-top:19px;
}

a.topreport
{
display:block;
height:32px;
width:113px;
background-image:url('images/topreport.png');
background-repeat:no-repeat;	
background-position:0px -32px;
}
a.topreport:hover
{
background-position:0px 0px;
}


a.bottomreport
{
display:block;
height:33px;
width:115px;
background-image:url('images/bottomreport.png');
background-repeat:no-repeat;
background-position:0px -33px;
}
a.bottomreport:hover
{
background-position:0px 0px;
}