/* CSS Document */
body{
margin: 0;
	padding: 0;
    background-color: black;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	color: white;}

.content_body{
background-image:url(images/bg1.jpg);
background-repeat: repeat-x;
background-color:black;
}
a img {border: none; }
.content_interior{
width:760px;
margin-left:auto;
margin-right:auto;
}

.header_interior{
margin-left:auto;
margin-right:auto;
width:760px;
margin-top:25px;
}

.title{
color:#FFFFFF;
font-size:25px;
margin:0px;
padding-top:3px;}

.left_column{
width:250px;
float:left;
margin-top:25px;
clear:both;
}

.navigation{
width:184px;
padding-left:6px;
padding-right:6px;
background-image:url(images/nav_side.jpg);
}

.navigationbtm{
width:196px;
background-image:url(images/nav_btm.jpg);
background-repeat:no-repeat;
height:8px;
margin-top:-5px;
}


.right_column{
	width:500px;
	float:right;
	margin-top:25px;
	margin-bottom:25px;
	padding-left: 10px;
}

.hr{
	width:485px;
	height:8px;
	background-image:url(images/hr.gif);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-repeat: no-repeat;
}


a:link, a:visited {
	margin-left:10px;
	font-family: Lucida Grande, Verdana, sans-serif;
	font-size: 15px;
	color: #006699;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}


h2 {
	margin: 0;
	color: #006699;
	font-size: 14px;
	font-weight: normal;
}
h2 a:link, h2 a:hover, h2 a:visited {
	color: #006699;
	text-decoration: none;
}
	
h1 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: white;
	margin: 0;
}

h1 a:link, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #000;
}
	
h4 {
	margin: 0;
	color: #006699;
	font-size: 50px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #FFFFFF;
}

h3 {
	margin: 0 0 8px 0;
	color: #006699;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h5 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width:180px;
list-style:none;
}

.markermenu li a{
background:url(images/arrow.gif) no-repeat 2px center;
font-weight:bold;
color: #006699;
display: block;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
list-style-type: none;
list-style:none;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
}

.footer{
background-color:#000000;
padding-top:25px;
padding-bottom:25px;
border-top:1px solid #FFFFFF;
text-align:center;
color: #006699;
font-family: Lucida Grande, Verdana, sans-serif;
font-size: 10px;
  margin-left: auto ;
  margin-right: auto ;
width: 800px;
clear: both;
}

.footer-inner{
width:760px;
margin-left:auto;
margin-right:auto;}

.footer-div{
width:150px;
float:left;
margin-right:20px;
margin-left:20px;
}

*html .footer-div{
width:150px;
float:left;
margin-right:15px;
margin-left:15px;
}

li{
margin-left:-20px;
list-style-type:square;
color:#006699;}


.header_top {float: right; margin: 4px 50px 0 0;}
.header_left {
    float: left; margin: 4px 50px 0 0;
}

.menus
{
    font-size: 10px;
	font-family: Lucida Grande, Verdana, sans-serif;
	/* text-transform: uppercase; */
   	color: #006699;
}

.content_pic {
  width: 300px ;
  margin-left: auto ;
  margin-right: auto ;
}

.peg_left {
  width: 150px ;
  float: left; margin:4px 200px 0 0;
}

#container {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}


#colOne {
margin-left:25px;
	float: left;
	width: 150px;
}

#colTwo {
margin-right:25px;
	float: right;
	width: 100px;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#000000;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#000000;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#000000;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

