html, body, h1, h2, h3, h4, h5, h6 , img{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #31315A;
	color: #000000;
	text-align: left;
}

#wrapper {
	background-color:#FFFFFF;
	margin:0px auto 10px;
	border: 1px solid #000000;
	width: 800px;
	padding: 0px;
}

#wrapcenter {
	background-color:#FFFFFF;
	margin:0px 0px 10px;
	border: 1px solid #000000;
	width: 800px;
	padding: 0px;
}

.infobox {
	margin: 10px;
	padding: 10px;
	border: 1px dashed #36355F;
}


#banner {
height: 175px;
background-repeat: no-repeat;
}
.required {
	color: #FF3300;
}


A {
	color : #31315A;
}

A:LINK {
	color: #304CE8;
}
A:VISITED {
	color : #31315A;
}
A:HOVER {
	color : #FF3497;
}
.curve {
	float: left;
	clear: left;
}

.sort {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : white;
}
.sort:link {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : white;
}
.sort:visited {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : white;
}
.sort:hover {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : white;
}

.slashes {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
.copyright {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

#leftcol #leftnavmenu{
	font-weight: bold;
}

#leftcol #leftnavmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	border: #000000;
	background-color: #31315A;
}

#leftcol #leftnavmenu ul li {
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	background: url(images/bg.jpg);
}

#leftcol #leftnavmenu ul li a {
	border-bottom: #000000;
	color: #000000;
	display: block;
	padding: 4px 0 6px 4px;
	text-decoration: none;
	height: 20px;
	padding-right: 20px;
	font-weight: bold;
	background: url(images/bg-nav1.jpg) no-repeat 0px 0px;
}

#leftcol #leftnavmenu  a:focus {
	color: #000000;
}
#leftcol #leftnavmenu  a:hover {
	color: #FF3497;
	background: url(images/bg-nav2.jpg) no-repeat 0px 0px;
	height: 20px;
}

#rightcol #rightnavmenu{
	border-bottom: 1px solid #000000;
}

#rightcol #rightnavmenu ul {
margin: 0; 
padding: 0;
background-color: transparent;
list-style-type: none;
font-size: 90%;
border: 1px solid #000000;
/*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;
}

#rightcol #rightnavmenu ul li {
padding: 0;
margin: 0;
}

#rightcol #rightnavmenu ul li a {
background-color: #869BCC;
border-bottom: 1px solid #000000;
color: #000000;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none;
height: 1%;
}

#rightcol #rightnavmenu  a:focus {
background-color: #003366;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}

#rightcol #rightnavmenu  a:hover {
background-color: #0033CC;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}


#rightcol{
	width: 170px;
	float: right;
	height: 150px;
	margin: 10px 3px 20px;
}
#content{
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 175px;
}


#content p{
	margin: 0px;
	padding: 5px 0px;
}

#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 0px;
}

#content h2{
font-size: 110%;
color: #003366;
padding: 0;
margin: 0px;
}

.leftimage{
float: left;
margin: 0 10px 20px 0;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin: 0px 0px 20px 15px;
border: 1px solid #000000;
width: 150px;
}


.clearit{
clear: both;
}

#footer{
	border-top: 1px solid #000000;
	background-color: #31315A;
	color: #FFFFFF;
	text-align: center;
}

#footer p {
font-size: 70%;
padding: 3px;
}

#leftcol{
	width: 159px;
	float: left;
	height: 150px;
	padding: 0px;
	margin: -69px 0px 60px 0px;
}


.container{
	width: 100%;
	float: right;
	font-size: 80%;
}

.containerscroll{
	width: 100%;
	border: thin dotted #C0C0C0;
	margin: 0px;
	padding: 0px;
	height: 200px;
	overflow: scroll;
}

.contentwrapper {
	margin: 0px 20px 5px 0px;
	padding: 0px;
	font-size: 12px;
}
.menulinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.floatright {
	float: right;
	margin: 0px;
	padding: 0px;
}
.floatleft {
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav {
	border-bottom: 1px solid #000000;
	background: #000000;
}

#nav ul {
	padding: 0;
	margin: 0;
}

#nav ul li {
display: inline;
padding: 0;
margin: 0;
}

#nav ul li a {
	font-size: 80%;
	color: #FFFFFF;
	background-color:#FF0000;
	text-decoration: none;
	padding: 0 25px;
	border-right: 1px solid #000000;
	text-align: center;
	width: 9em;
	margin: 0px;
}

#nav ul li a:hover{
background-color: #990000;
}
.quicklinks a {
	font-size: 80%;
}



#nav ul li a:focus {
	background-color: #990000;
}



#rightcol #rightnavmenu{
	border-bottom: 1px solid #000000;
}

#rightcol #rightnavmenu ul {
margin: 0; 
padding: 0;
background-color: transparent;
list-style-type: none;
font-size: 90%;
border: 1px solid #000000;
/*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;
}

#rightcol #rightnavmenu ul li {
padding: 0;
margin: 0;
}

#rightcol #rightnavmenu ul li a {
background-color: #869BCC;
border-bottom: 1px solid #000000;
color: #000000;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none;
height: 1%;
}

#rightcol #rightnavmenu  a:focus {
background-color: #003366;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}

#rightcol #rightnavmenu  a:hover {
background-color: #0033CC;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}


#rightcol{
	width: 170px;
	float: right;
	height: 150px;
	margin: 10px 3px 20px;
}
.quicklinks {
	margin: 10px;
	padding: 10px 10px 10px 370px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#webcontent {
}
#webcontent img {
	margin: 0px;
	padding: 10px;
}
#support a {
	color: #000000;
	text-decoration: none;
}