﻿/* CSS Document */
* {
margin:0;
padding:0;
}


* {
	margin: 0;
}

html, body {
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #3366CC;
	background-color: #3366CC;
	background-image: url(pics/background_home.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0;
	text-align: center;
}


.container {
	min-height: 100%;
	height: auto !important;
	width: 830px;
	margin: 0 auto -9em; /* the bottom margin is the negative value of the footer's height */
	background-color: white;
	z-index: 5;
}

.footer, .push {
	height: 9em; /* .push must be the same height as .footer */
	width: 830px;
	margin: 0 auto;	
	}

.footer p {
margin: 10px 0;
font-size: .9em;
}

#header {
margin: 0 auto 25px auto;
}

#header a {
text-decoration: none;
border: 0;
}


#header .logo {
margin: 25px 0 0 0;
text-decoration: none;
border: 0;
}

.main {
margin: 0 auto;
padding: 60px 30px;
}


.main p	{
text-align: left;
}

.leftcol {
width: 500px;
}

.floatrt {
float: right;
margin: 35px 0 10px 0;
}

h1 {
color: #cc6600;
font-size: 1.5em;
margin-bottom: 10px;
letter-spacing: 4px;
text-align: left;
}

p {
margin-bottom: 10px;
line-height: 1.75em;
}

p.caption {
color: #cc6600;
text-align: right;
font-size: .8em;
line-height: 1em;
margin: 10px 0 0 0;
padding: 0;
}

div {
/*border: red 1px solid;*/
margin: 0px;
padding: 0px;
}


#nav {
float:left;
width: 830px;
/*height: 1.25em;
*/text-align: center;
margin: 0 auto;
}

.button {
float:left;
width: 20%;
font-size: .75em;
margin: 0;
padding: 10px 0;
background-color: #666666;
color: #FFFFFF;
background-image: url(pics/odot.gif);
background-position: right center;
background-repeat: no-repeat;

}

.last {
background-image: none;
}




p a {
color: #cc6600;
text-decoration: none;
border-bottom: #cc6600 1px dotted;
}

p a:hover {
background-color:#cc6600;
color: #FFFFFF;
border-bottom: #ffffff 1px dotted;
}

#nav .button a  {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border-bottom: none;
padding: 3px 10%;
}

#nav .button a:hover {
color: #FFFFFF;
border-bottom: #cc6600 1px dotted;
background-color: #666666;
}

.clear {
clear: both;
}

img
{  border-style: none;
}



/*
#middle #map {
margin-left: 50px;
font-family:Arial, Helvetica, sans-serif;
}


#middle {
background-image:url(images/middletint.jpg);
background-position:top center;
background-repeat: no-repeat;
height: auto;
width: 770px;
margin: 0;
}
#middle p {
font-family:Arial, Helvetica, sans-serif;
color:#444037;
padding: 20px 50px 10px 50px;
margin: 0;
}
#middle p.intro {
font-size:1.15em;
line-height: 1.5em;
color:#24420D;
margin: 0;
}

p.intro a {
color:#FFFFFF;
font-weight: bold;
text-decoration:none;
border-bottom: #FFFFFF 1px dotted;
}
p.intro a:hover {
color:#FFFFFF;
background-color: #24420D;
border-bottom: none;
}

.rightbar {
float:right;
width: 180px;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.25em;
background-color:#EFE9D8;
padding:10px;
margin: 10px 20px 15px 10px;
z-index:50;
}
.rightbar h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.25em;
color:#44413b;
font-style:normal;
font-weight:normal;
margin:0;
}
.rightbar ul {
font-family:Arial, Helvetica, sans-serif;
font-size: .85em;
color:#263385;
margin: 5px 0;
padding: 5px 15px;
}
.rightbar a {
color:#263385;
font-weight: bold;
text-decoration:none;
border-bottom: #44413b 1px dotted;
}
.rightbar a:hover {
color:#FFFFFF;
background-color: 263385;
border-bottom: none;
}

.photobar {
margin:0 10px;
padding:0;
z-index:1;
background-image:url(images/photobar_home.jpg);
height: 185px;
}
#lower {
width: 770px;
}
#lowertext {
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
line-height: 1.5em;
color:#444037;
padding: 20px 50px;
}*/


.call {
font-size: 1.25em;
color:#444037;
margin: 0px 0 5px 0;
}
.small {
font-size: .9em;
}



.portcontainer {
width: 760px;
}


.portleft	{
float: left;
}

.portright	{
float: right;
}

.portclear	{
clear: both;
}

.portbottomspace {
margin-bottom: 20px;
}

.portcontainer p	{
margin: 0;
}
 .body
 {
    font-family:Century Gothic;
    font-size:medium;
    color:Gray;
 }
 #dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
.pageName{
    font: 18px Verdana, Arial, Helvetica, sans-serif;
    color: #3366CC;
    line-height:24px;
    letter-spacing:.2em;
	}
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	.body style2 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin-top:0px;
	}
	
.rowTableBkgd
    {
	    background-image:URL(pics/rowTableBkgd.gif);	
    }
    
.Email{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #ffc600;
    }
    
.Disclaimer{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
    }
.TrailName
{
    font:24px Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
}
.Trail
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#5e5e5e;
}
.DataGridAlternatingItemStyle
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    background-color:#DDDDDD;
    color:Black;
    text-align:left;
}
.DataGridItemStyle
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:grey;
    font-weight:bold;
    text-align:left;
}
.TrailState
{
    font:16px Verdana, Arial, Helvetica, sans-serif;
    color:#3a3a3a;
}
.Top10
{
    font-family:Century Gothic;
    font-size:20px;
    color:Red;
    font-weight:300;
    
}
.bodyCopy
{
    font-family:Century Gothic;
    font-size:12px;
    color:gray;
    padding-left:20px;
    
}

.bodyCopy1
{
    font-family:Century Gothic;
    font-size:18px;
    color:gray;
    padding-left:20px;
    
}

}
.squarebox {
    width: 100%;
    border: solid 1px #336699;
    text-align: center;
    overflow: hidden; }
    
.squareboxgradientcaption {
    color: White;
    padding: 5px;
    background-image: url(pics/gradient_blue.png);
    background-repeat: repeat-x; }
    
.squareboxcontent {
    background-color: white;
    padding: 10px;
    overflow: hidden;
    border-top: solid 1px #336699; }

.ColapseHeader
{
    font-family:Century Gothic;
    font-size:18px;
    color:White;
    padding-left:20px;
    
}