body {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 margin: 0px;
 background-color:#FFFFFF;
 background-image: none;
 color: #000000;
 padding: 0;
}

/* Main navigation styles */
 #mainnav .navoff {
 color: #FFFFFF;
 font-weight:bold;
 background-color:#999;
 background-image: none;
 padding: 2px 2px 2px 2px;
 border: 1px solid;
 border-color: #ddd #333 #000 #ddd;
 }
 #mainnav  .navon {
 background-color: #ccc;
 background-image: none;
 padding: 2px 2px 2px 2px;
 border: 1px solid;
 border-color: #333 #ddd #ddd #333;
 }
 #mainnav a:link, #mainnav a:visited {
 background-color:#999;
 color: #fff;
 text-decoration: none;
 }
 #mainnav a:hover, #mainnav a:active {
 background-color: #ccc;
 color: #333;
 text-decoration: none;
 }
 /* Main Navigation ends */
 
/* Left Navigation Rules Begin */
#navlist {
 position: relative;
 float:left;
 left: 0px;
 top: 2px;
 width: 140px;
 min-height: 400px;
 background-color: #99c;
 min-height: inherit;
 }
#navlist ul {
 margin: 0; /*removes indent IE and Opera*/
 padding: 0; /*removes indent Mozilla and NN7*/
 list-style-type: none; /*turns off display of bullet*/
 font-size: 12px;
 margin-bottom: 16px;
 margin-top: 8px;
 }
#navlist li {
 margin: 0;
 font-weight: bold;
 margin-bottom: 2px;
 border-bottom: 1px solid #ccc;
 }
#navlist a {
 display: block;
 padding: 2px 2px 2px 6px;
/* border: 1px solid;
 border-color: #ddd #000 #000 #ddd;
  background-color: #8888aa; */
 }
#navlist .on {
background-color: #ccc;
}
#navlist .off {
background-color: #99c;
}
#navlist a:link, #navlist a:visited {
 color: #fff;
 text-decoration: none;
 }
#navlist a:hover, #navlist a:active {
 color: #333;
 }

#sectionLinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}
#sectionLinks h3 {
	padding: 10px 0px 2px 10px;
}
#sectionLinks a:link {
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}
#sectionLinks a:visited {
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
#sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/* Left Navigation Rules End */

/* Content Styles */
.content {
float: left;
width: 580px;
/*min-height: 400px;*/
padding: 6px 6px 8px 8px;
font: 12px/150% Arial, Geneva, Helvetica, sans-serif;
/* background-color:#f3f3f3; */
}
.content p {
margin: 0 0 1em 0;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content h7 {
margin: 0 0 8px 0;
color: #339;
}
.content h1 {
font: bold 23px Helvetica, Arial, sans-serif;
}
.content h2 {
font: bold 19px Helvetica, Arial, sans-serif;
}
.content h3 {
font: bold 17px Helvetica, Arial, sans-serif;
}
.content h4 {
font: bold 15px Helvetica, Arial, sans-serif;
}
.content h5, .content h6 {
font: bold 13px Helvetica, Arial, sans-serif;
}
.content a:link, .content a:visited {
color: #339;
text-decoration: underline;
}
.content a:hover, .content a:active {
color: #66c;
text-decoration: underline;
}
.content li {
list-style-type: square;
}
.content li li {
list-style-type: disc;
}
.content li li li {
list-style-type: circle;
}

/* Content Styles End */

/* Footer Styles */
div.clearAll {
clear: both;
width: 1px; /* necessary to prevent IE character echos when there are comments are between floats. See "IE6/Win: floats, comments and characters echo" at http://www.brunildo.org/test/IEecho.html */
background-color: transparent; /* for IE so as to render vertically small enough */
font-size: 1px; /* for IE so as to render vertically small enough */
}

.footer {
float: left;
width: 716px;
margin: 0 auto;
padding: 4px 1px 20px 12px;
border-top: 1px solid #415173;
}
.footer p {
margin: 0;
margin-left: 135px;
font: 10px/150% Arial, Helvetica, sans-serif;
color:#336;
}