BODY {
	margin: 0px;
	padding: 0px;
	background-color: #F8F8F1;
	color: #666666;
}


#maintopic {
	
	margin: auto;
	width: 858px;
	background: white;
	text-align: center;
	overflow: hidden;
	
}

#maintopic ul{
margin: 0;
padding: 0;

font:  10px Verdana;
text-transform: uppercase;
list-style-type: none;
}

#maintopic li{
display: inline;
margin: 0;
}

#maintopic li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: black;
background: #D4D4D4; /*background of tabs (default state)*/
}

#maintopic li a:visited{
color: black;
background: #D4D4D4; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#maintopic li a:hover, .mattblacktabs li.selected a{
color: white;
background: #3A3A3A; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
text-decoration: none; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#maintopic li a:active, .mattblacktabs li.selected a{
background: red; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;
}

#maintopic li a:focus, .mattblacktabs li.selected a{
background: red; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;
}






.bar
{
	width: 100%;
	height: 2px;
	background-color: #2E568F;
}

#logobar
{
	width : 100%;
	height: 200px;
	background: #D4D4D4 url(../images/plg.jpg) no-repeat center;
}

#menu
{
	width : 100%;

	
}

#wrap {
	margin: -36px auto 0px auto;
	width: 858px;
	background: #ffffff url(../images/pcnt.gif) repeat-y top left;
	border: 1px solid #2E568F;
}

#content {
	float: left;
	width: 540px;
	padding: 20px 30px 30px 30px;
}

#side {
	float: right;
	width: 250px;
}

.clearer {
	clear: both;
}

#sidenav {
	width: 250px;
}

#sidenav h2 {
	display: block;
	padding: 10px 20px 10px 20px;
	margin: 0;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	background-color: #2E568F;
	border-bottom: 1px solid #F8F8F1;
}

#ts {
	padding-left: 20px;	
}

.space {
	width: 250px;
	height: 10px;
}

#sidenav a, #sidenav p {
	display: block;
	padding: 6px 20px 6px 20px;
	margin: 0;
	color: #000000;
	text-decoration: none;
}

#sidenav a.sel {
	font-weight: bold;
}

#sidenav a:hover {
	color: #2E568F;
}

#sidebar {
	width: 210px;
	padding: 20px 20px 20px 20px;
}

#footer {
	width: 100%;
	padding: 20px 0px 20px 0px;
	text-align: center;
	background: #F8F8F1 url(../images/pshdbtm.gif) no-repeat top center;
}

#footer a {
	color: #666666;	
	text-decoration: none;
	padding-right: 20px;
}

#footer a:hover {
	color: #2E568F;
}

form.search {
	margin: 0px;
	padding: 20px;
}

form.search input {
	vertical-align : middle;
}

input.search {
	width: 180px;
	border: 1px solid #2E568F;
}