/* Layout Style */ 

body {
margin:20px;
background:#cee5f0;
color: #000000;
text-align:center;
padding:0;
}

/*  this is for the individual tables in the site */
/*  use the "<span class="tablestyle">table code here</span> code 
.tablestyle table {border:1px solid #B18F65;}
.tablestyle tr {border:1px solid #B18F65;}
.tablestyle td {border:1px solid #B18F65;}*/


#outer {
text-align:left;
border:1px solid #2d4855;
width:800px;
margin:auto;
}

#header {
height:169px;
background:#2d4855;
color: #333333;
}

#bar {
height:20px;
background:#546e7a;
color: #ffffff;
border:solid #2d4855;	
border-width:1px 0 1px 0;
}

.toplinks{
font-family: trebuchet ms, verdana, arial, Helvetica, Arial, sans-serif;
color: #ffffff;
font-size: 9pt;
padding-left: 2px;
padding-right: 4px;
}

.toplinks a:link {color: #ffffff;}
.toplinks a:visited {color: #ffffff;}
.toplinks a:hover { text-decoration: underline; color: #ffffff;}


A:link		{ text-decoration: none; color: #48788e; font-size: 10pt; font-weight:bold;}
A:visited	{ text-decoration: none; color: #48788e; font-size: 10pt; font-weight:bold;}
A:hover		{ text-decoration: underline; color: #48788e; font-weight:bold;}

#leftcol {
float:left;
background:#afc4ce;
color: #000000;
font-size: 10pt;
width:175px;
text-align:left;
padding-left: 2px;
font-family: trebuchet ms, verdana, Helvetica, Arial, sans-serif;
/*border:solid #2d4855;	
border-width:0 1px 0 0;*/
}

#content {
width:600px;
background:#ffffff;
color: #000000;
text-align:left;
font-family: trebuchet ms, verdana, Helvetica, Arial, sans-serif;
font-size: 9pt;
color: #000000;
padding-left: 6px;
}

#contentfront {
width:600px;
/*background-image:url(../images/mtns.jpg)*/
color: #000000;
text-align:left;
font-family: trebuchet ms, verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #000000;
padding-left: 6px;
}

#footer {
height:45px;
background:#2d4855;
padding-top: 6px;
border-top: 1px solid #2d4855;
}

.footer{
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 7.5pt;
color: #ffffff;
}

.footer A:link { text-decoration: underline; color: #ffffff; font-size: 7.5pt; }
.footer A:visited { text-decoration: underline; color: #ffffff; font-size: 7.5pt; }
.footer A:hover	{ text-decoration: underline; font-size: 7.5pt;}


h2 {
margin:0;
padding:15px;
font-family: georgia, garamond, times new roman, serif;
font-size: 14pt;
color: #2d4855;
}

h3 {
margin:0; 
padding: 5px 0;
font-family: georgia, garamond, times new roman, serif;
font-size: 10pt;
color: #2d4855;
}

/*Rollover Menu with nested list */
#nav, #nav ul { /* all lists */
	background-color: #546e7a;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-size: 9pt; 
	background-color: #546e7a;
	display: block;

}

#nav li li {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	display: block; 
	float: none; 
	background-color: #ffffff; 
	border: 0; }

#nav li li a {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: normal; 
	background-color: #ffffff; 
	color: #546e7a; 
	font-size: 8pt;
}
	
#nav li li a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}


#nav li { /* all list items */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left; 
	cursor: default; 
	background-color: #ffffff; 
	color: #546e7a; 
	font-size: 8pt;
	float: left;
	
}

#nav li ul { /* second-level lists */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #Ffffff;
	position: absolute;
	background: #ffffff;
	border: 1px solid #546e7a;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #Ffffff; 
	border: 1px solid #546e7a; 
	margin: -1em 0 0 7em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#itemone {width: 40px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemtwo {width: 80px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemthree {width: 45px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemfour {width: 50px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemfive {width: 60px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemsix {width: 80px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemseven {width: 65px; background-color: #546e7a; padding: 3px; text-align: center;}
#itemeight {width: 150px; background-color: #546e7a; padding: 3px; text-align: center;}