@charset "utf-8";
/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	background-image:url(back.grad.jpg);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}



#container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #DAD6BA;
	background-image:url(backg.jpg);  
	background-repeat:repeat-y;
	margin: 15px auto; /* the auto margins (in conjunction with a width) center the page */
	height:100%;
	border-left:1px solid #000000; 
	border-right:1px solid #000000; 
	border-bottom:1px solid #000000;
} 



#content { 
	margin: 25px 35px 75px 0px;

}

#content .right {
	margin: 25px 10px 25px 200px;
}

#content .right a {
	color: #3366FF;
}

#content a {
	font-weight:bold;
	text-decoration:none;
}

.right p {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	size:11px;
}

#content .nav {
	width:140px;
	margin: 25px 0px 25px 0px;
	padding-left:10px;
	float:left;
	clear:right;
	
}


.nav {
 width: 140px;
 border:none;
}

.nav ul {
 display: block;
 padding: 0px;
 margin: 0px;
 list-style: none;
 
}
.nav ul li {
 display: block;
 margin: 0px;
 list-style: none;
 line-height:32px;
 background-image:url(sd.button.jpg);
 color:#000000;
}
.nav a {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 padding: 0px;
 border-bottom: none;
}
.nav a:hover {
 border-bottom: none;
 color: black;
}

.markermenu{
width: 140px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: none;
color: #000000;
}

.markermenu ul li a{
font: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
font-weight:bold;
color: #000000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 0px;
text-decoration: none;
border-bottom: none;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 140px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: #6699FF;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}