/* CSS Document */

body{
background-color: #666666;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size:100%;
background: #cccccc url("../images/backgroundlong2.gif") fixed;
}

a:link		{ color: #0000FF; text-decoration: none }

a:visited	{ color: #EB0919; text-decoration: none }

a:active	{ color: #0000FF; text-decoration: none }


h1 {
	font: 130% "Trebuchet MS";
	text-align:left;
	color:#6666CC
}

h2 {
	font: 110% "Trebuchet MS";
	text-align:left;
	color:#6666CC
}

.lefcorner{
float: left;
}

.rightcorner{
float: right;
}

.leftimage{
float: left;
margin-right: 5px;
margin-left: 5px;
}

.rightimage{
float: right;
margin-left: 5px;
margin-right: 5px;
}

.title		{ COLOR: #000099; FONT: 130% Trebuchet MS;  font-weight: bold;
}

.table 		{FONT: 85% Trebuchet MS; COLOR: #0303ff; font-weight: normal; font-style:normal;
}

.just 		{text-align: left; FONT: 90% Trebuchet MS; COLOR: #0303ff; font-weight: normal; font-style:normal;
}

.clearit{
    clear: both;
	display: block;
}

#wrapper{
width: 799px;
background-color: #FFFFFF;
margin: 10px auto;
border: 0px solid #000000;
text-align: left;
background-image:url(../images/wrapper_bg.gif);
background-repeat:repeat-y;
}



#banner{
height: 110px;
text-align: center;
width: 100%;
background-color:#999999;
background-repeat: no-repeat;
}

#menu{
	width: 100%;
	border-bottom: 1px solid #000000;
	background-image: url(../images/menubar.gif);
	background-color: #9e9e9e;
	z-index: 100;
}

#corners{
width: 100%;
height: 15px;
z-index: 100;
}

#leftcol #nav{
border-bottom: 1px solid #000000;
}
#leftcol #nav ul {
background-color: transparent;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0;
font-size: 100%;
border: 1px solid #000000;/*this adds a second line to the bottom of the nav, 
if you prefer a single line you can remove it by uncommenting the other properties 
and commenting out this one. 
I think it gives a nice raised effect, the choice is your's :)*/
/*border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;*/
}


#content{
background-color:#FFFFFF;
margin-right:10px;
margin-left: 190px;
}

#leftcol{
margin-right: 10px;
margin-left: 5px;
margin-top: 20px;
float: left;
width: 150px;
}

#footer{
clear: both;
border-top: 1px solid #000000;
background-color: #003366;
color: #FFFFFF;
}

#footer p{
padding: 10px;
margin: 0;
font-size: 70%;
}
div {zoom:100%;}