/*City Standard StyleSheet.*/

body { 
	background-color: #FeFeFe;/*off-white*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #333;
	margin: 0px;
	padding: 0px;}

#footer {
	font-size:10px;
	margin-left:160px;
	margin-right:30px;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #333;
	width:auto;
	clear:both;
	padding-bottom:20px;
	}
#footer p {font-size:10px;}

/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:hover { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:active { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}


/*Apply this class to the blackbar text so the links will be white and have a gold hover.*/
.blackbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.blackbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; text-decoration: none}
a.blackbar:hover { color: #CC9900; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:active { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}

/*Apply this class to the sidelink text - color can be modified to match your colour scheme.  Do not remove the hover underline.*/
.sidelink { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.sidelink:link { color: #000066; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidelink:visited { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidelink:hover { color: #000066; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidelink:active { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}

/*This is the default link style for any links that you do not apply a class to.  These are the City standard and should not be changed.*/
a:link { color: #000066; text-decoration: underline}
a:visited { color: #336600; text-decoration: underline}
a:hover { color: #000066; text-decoration: underline}
a:active { color: #000066; text-decoration: underline}

/*These are the heading styles.  Colors can be changed to match your colour scheme*/

h1 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #990000}
h2 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990000}
h3 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000}
h4 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000}

/*This is the main and secondary styles in the header bar.  Colours can be changed to match your colour scheme.  Fonts and sizes should stay as is*/
.maintitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #FFCC00; font-weight: normal}
.secondarytitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #CCCCCC}

/*This is the sidebartitle style.  Colour can be changed to match your colour scheme.  Fonts and sizes should stay as is.*/
.sidebartitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none}
a.sidebartitle:link { color: #990000; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:visited { color: #990000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidebartitle:hover { color: #990000; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:active { color: #990000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}


/*This is the styles for body, and tables.  Do not alter.*/
td {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}
body {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}


/*This is the smalltext style.*/
.smalltext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}

.heading1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #990000 }
.heading2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990000 ; font-weight: normal}
.heading3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000 }
.heading4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000 }
.medtext {  font-size: 11px}

.thumb { width: 100px; float: left;	margin-right: 15px;border: solid #666666 1px;}
.highlight {  background-color: #FFFFCC;}
#current {font-weight: bold;}
.imgR {
	padding: 0px;
	float: right;
	width: 300px;
	margin-bottom: 5px;
	margin-left: 25px;/* border: solid #666666 1px;*/
}
.imgRight {float: right; padding: 0; margin-bottom: 8px; margin-left: 15px;}
.imgLeft {float: left; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; padding: 0;}

.bord { border: solid #666666 1px;}

#open {
	width: 508px; padding: 10px; padding-top: 5px; margin-bottom: 10px; margin-right: 0px;
	background-color: #efe9ed;
	border: solid #bca9bf 1px;
}
#open p {width: 100%;float: none;}
#open img { margin-top: 10px; }
#open img.bord { border: solid #bca9bf 1px;}
#contactClr { float: none; clear: both; width: 100%; }
#details {
	margin: 0 20px;
	position: relative;
	width: 90%;
	padding-top: 10px;
}
#details p { margin:0; padding:0; }
#det { width: 100px; float: left; font-weight: bold;}
.when { width: 60px; float: left; font-weight: bold;}
.when2 { margin-left: 10px; float: left; width: 350px;}

/**** styles for North Arm Trail ****/

#title {
	position:absolute;
	width: 260px;
	margin-bottom: 15px;
	margin-top: -50px;
	padding: 0;
	left: 808px;
	top: 151px;


}
.titlebar {	text-align: right;
	clear: both;}


.boxspotlight {
	padding-top: 0.9em;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
	height: 165px;
	background-color: #fff;
	width: 800px;
}


.spotText {
	float: left;
	border-right: dashed thin;
	margin-right: 15px;
	padding: 0;
	width: 235px;
}
.spotText2, .spotText3 {
	float: left;
	width: 275px;
	padding: 0;
	margin-top: 0px;
	font-size: 1em;

}
.spotText2 {
	border-right: dashed thin;
	margin-right: 15px;
	padding-right: 10px;
	width:190px;
}
.clear {clear: both;}
.bold { font-weight: bold;}
.boxsLinks {
	padding: 0;
	margin: 0;
	background-color: #fff;
	width: 800px;
}
.spotLink {
	float: left;
	border: dashed 1px #99B3CC;
	margin-right: 15px;
	width: 220px;
	padding: 10px;
}
.boxMap {
	padding: 0;
	margin-top: 10px;
	background-color: #fff;
	width: 450px;
	border: dashed 1px #99B3CC;
}
.spotMap{
	float: left;
	width: 225px;
	padding-top: 10px;
}
.spotMap2{
	float: left;
	width: 225px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.spotMap, .spotMap2 ul li{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; margin:0; padding: 0; 
list-style: none; vertical-align: text-top;}
.spotMap  li a { text-align: left; text-decoration: none; font: Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 0;}
#bot { clear:both; }

.imageLeft {float:left; padding-right:1.5em;}
.imageRight {float:right;  padding-left:1.5em;}
.imageLeftBorder {float:left; border:1px solid #333; padding-right:1.5em;}
.imageRightBorder {float:right; border:1px solid #333; padding-left:1.5em;}

.greenText {color: #5E8532;}