body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	color: #333333;
}
a img {
    border: none;
}
a {
    color: #284b86;
    font-weight: bold;
    text-decoration: none; cursor: pointer;
}
a:hover {
    color: #59923e;
    text-decoration: underline;
}

h1 {
	font-size: 1.33em;
	color: #284b86;
	border-bottom: 1px solid #96cc7c;
	margin: 16px 0 16px 0;
	padding: 0;
}
.input {
    font-size: 12pt;
	color: #284b86;
	border-bottom: 1px solid #96cc7c;
	margin: 16px 0 16px 0;
	padding: 0;
}
h2 
{
    font-size: 1.00em;
    font-family: Arial, Helvetica, sans-serif;
	color: #284B86;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #96CC7C;
}
h3 
{
    font-size: 0.85em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	color: #59923E;
	margin-bottom: -10px;
	line-height: normal;
}

/* container */
#container {
    font-size: 0.75em;
    width: 980px;
    margin: 0 auto;
}
/* end container */

/* header */
#header {
    height: 96px;
    background: url(images/scc_logo.gif) no-repeat right top;
}
#header ul {
    float: right; margin: 35px 450px 0 0; list-style: none; z-index: 1; position: relative;
}
#header ul li {
    float: left;
    padding: 0.25em 0 0 0;
}
#header ul li a {
    font-weight: normal;
    color: #333;
}
#header ul li a:hover {
    text-decoration: underline;
}
#header .linkcontainer {
    background-image: url(images/divider2.gif);
    background-repeat: no-repeat;
    background-position: left 8px;
    margin-left: 9px;
    padding-left: 12px;
}
/* end header */

/* links */
#links {
    height: 25px;
    margin-bottom: 5px;
}
#links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #284b86;
    font-weight: bold;
    float: left;
}
#links ul li {
    float: left;
    width: 192px;
    height: 22px;
    padding: 0.25em 5px 0 0;
    text-align: center;
    background: url(images/tab.gif) repeat-y left top;
}
#links ul li a {
    display: block;
    color: #284b86;
    font-weight: bold;
}
#links ul li:hover {
    color: #fff;
    background: url(images/tab_hover.gif) repeat-y left top;
}
#links ul li:hover a {
    color: #fff;
    text-decoration: none;
}

#links ul li ul {
    margin-top: 4px;
    position: relative;
    color: #284b86;
    display: none;
}
#links ul li:hover ul {
    display: block;
}
#links ul li:hover ul a {
    color: #fff;
}
#links ul li:hover ul li:hover a {
    color: #284b86;
}
#links ul li:hover ul li {
    display: block;
    background: url(images/tab_hover.gif) repeat-y left top;
}
#links ul li:hover ul li:hover {
    background: url(images/tab.gif) repeat-y left top;
}
/* end links */

/* search */
#search {
    background: url(images/tab_hover.gif) repeat-y left top;
    width: 182px; height: 23px; padding-left: 10px; padding-top: 2px;
    float: left;
}
#search .searchBox {
    height: 15px; width: 145px; font-size: 11px;
}
#search .ibSearch {
    height: 18px; width: 18px; cursor: pointer;
}

#search .searchButton {
    float: left; padding-left: 5px; padding-top: 1px;
}
/* end search */

/* menu */
.menu {
    width: 192px; margin-right: 5px; float: left;
}
.menu ul {
    list-style: none;
    font-size: 0.916em;
    width: 100%;
    margin: 21px 0 0 0;
    padding: 0;
}
.menu ul li {
    margin: 1px 0 0 0;
    padding: 0 0 4px 25px;
    border-bottom: 1px solid #e6e6e6;
}
/* end menu */

/* image */
#top .image img {
    /*width: 783px;
    height: 285px;*/
}
.image {
    float: left;    
}
.image .infoimage {
    float: left;    
}
.image h5 {
    margin: 2px 0 0 0;
    height: 20px; width: 743px;
    padding: .2em 20px 0 20px;
    background-color: #d9d9d9;
    font-weight: normal;
}
.image h5 input {
    /* background-color: #d9d9d9; */
}
/* end image */

/* content */
#content {
    clear: both;   
    margin: 5px 0 0 0;
    border-bottom: solid 1px #dedede;
    padding-bottom: 20px;
}
#content .column1 {
    width: 198px;
    float: left;
}
#content .column1 h5, #content .column3 h5 {
    height: 20px;
    width: 168px;
    background: #d9d9d9 url(images/arrow.gif) no-repeat center right;
    margin: 2px 0 15px 0;
    padding: .2em 24px 0 0;
    text-align: right;
}
#content .column1 h5 input {
    /* background-color: #d9d9d9; */
}

#content .column2 {
    float: left;
    width: 536px;
    padding: 2px 19px 5px 19px;
    min-height: 400px;
    background: url(images/border.gif) repeat-y;
    background-position: right 15px;
}
#content .column3 {
    float: left;
    width: 193px;
    padding: 0 0 0 10px;
}
#content .column4 {
    float: left;
    width: 728px;
    padding: 2px 19px 5px 19px;
    min-height: 400px;
}
#content .column3 p 
{
    line-height: normal;
    /*font-size: 0.85em;*/
    font-size: 1.00em;
}
#content .column3 h2 {
    border: none;
    margin: 15px 0 5px 0;
}

/* content */

/* footer */
#footer {
	clear: both;  padding-top: 25px;  line-height: 15px;
}
#footer a {
	font-weight: normal;
}
#footer p {
    clear: both;
	margin: 0; 
	height: 20px; 
	padding: 5px 0 0 26px;
}
#footer ul {
    height: 20px;
    margin: 0 0;
    padding: 5px 0 0 26px;
    list-style: none;
    background: url(images/discovers.gif) no-repeat left top;
}
#footer ul li {
    float: left;
    padding: 0;
    /*background: url(images/divider2.gif) no-repeat left 3px;*/
    /* background: url(images/divider2.gif) no-repeat right 20px; */
}
#footer .linkcontainer {
    background-image: url(images/divider2.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
    margin-left: 8px;
    padding-left: 12px;
}
#footer ul li a {
    color: #333;
}
#footer ul li a:hover {
    text-decoration: underline;
}
#footer .dynamics {
	color: #cf142b;
	word-spacing: 4px;
	background: url(images/dynamics.gif) no-repeat left top;
}
#footer .dynamics a {
	color: #666;
}
/* end footer */

/* form */
.form {
    margin: 20px 0 0 0;
}
.form p {
    width: 100%;
    clear: left;
    margin: 0;
    padding: 0px 0 1px 0;
    margin-top: 4px;
    _height: 18px;
    min-height: 18px;
}
.form p label {
    width: 10.0em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    font-size: 100%;
}
.form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* end form */

.smalltext {
    font-size: .9em;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.grid {
    font-family:Tahoma;
    font-size:12px;
}
.grid h2 {
    display: none;
    background:#284b86 url(images/title-bg.jpg);
    border-bottom:solid 1px #96cc7c;
    height:28px;
    line-height:28px;
    margin:0px;
    padding:0px 0px 0px 5px;
    color:#fff;
    font-size:15px;
}
.grid table {
    border: solid 1px #96cc7c;
    width: 100%;
}

.grid .head th {
    background:#e9e9eb url(images/header-bg.gif);
    height:24px;
    line-height:24px;
    padding-left:6px;
    color:#666666;
    text-align:left;
}
.grid .head th.first {
 	/* get rid of the first slash */
 	background:#e9e9eb url(images/header-bg.gif) -3px;
}
.grid .item td {
    padding:3px 6px 3px 6px;
    border-bottom:solid 1px #eae9e1; 
    color:#222222;       	
}  
.smallcolumn {
    width: 25px;
    text-align: center;
}
.buttons {
    padding-bottom: 10px;
}
/* links page */
#linkcontainer 
{
    width: 730px;
}
#oldlinkcontainer 
{
    width: 545px;
}
#link {
    width: 360px;
    float: left;
    /*padding-bottom: 20px;*/
}
#oldlink {
    width: 267px;
    float: left;
    /*padding-bottom: 20px;*/
}
#linktitle {
    background-color: #E8E8E8;
}
#linktitle h2 
{
    border-width: 0;
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#linktext 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
    padding: 0 7px;
    float: left;
    height: 80px;
    width: 240px;
    overflow: auto;
}
#linkimage 
{
    float: left;
    width: 99px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
    padding-top: 0px;
}
#linktitle .bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #284b86;
	font-weight: bold;
}
#linktitle .bodytext a:link {
	color: #284B86;
	font-weight: bold;
	text-decoration: none;
}
#linktitle .bodytext a:hover {
	color: #59923E;
	font-weight: bold;
	text-decoration: underline;
}
#linktitle .bodytext a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#linktitle .bodytext a:active {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
/*** modal popup ***/
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:7px;
}
.modalPopup label {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	color: #333; font-size: 12px !important; 
}

.popuptext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}
/****** events *****/
.eventseason
{
    color: #59923E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
}
.eventsdate
{
    font-size: 0.9em;
    font-weight: bold;
    color: #59923E;
    vertical-align: middle;
    line-height: 25px;
    float: right;
}
.eventtitle
{
    font-size: 1.1em;
    font-weight: bold;
    color: #284B86;
    vertical-align: middle;
    line-height: 25px;
    float: left;
}
.eventstext
{
    padding-top: 10px;
    line-height: normal;
}
.eventsubtext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}
.eventcattext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: normal;
}
.eventsubtitle
{
    font-weight: bold;
    color: #59923E;
}
#eventscontainer 
{
    width: 540px;
    margin-top: 10px;
}

#eventstitle 
{
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    height: 25px;
    background-color: #E8E8E8;
}
#eventstitle .bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #284b86;
	font-weight: bold;
}
#eventstitle .bodytext a:events {
	color: #284B86;
	font-weight: bold;
	text-decoration: none;
}
#eventstitle .bodytext a:hover {
	color: #59923E;
	font-weight: bold;
	text-decoration: underline;
}
#eventstitle .bodytext a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#eventstitle .bodytext a:active {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

/* NAVIGATION HELP   
----------------------------------------------------------*/
.navigationHelp {
    width: 560px;
    border: solid 1px #000;
    background-color: #fff;
    padding: 5px;
}

/*.navigationHelp h3 {
    /* height: 40px;
    padding: 10px 10px; width: 444px; 
    margin: 0; margin-top: 15px;
    font-size: 18px; color: #fff;
    background-color: #264a84; font-weight: normal;
    background: #264a84 url(images/help_logo.gif) no-repeat left top;
    text-indent: 75px;
}*/

.navigationHelp dl {
    width: 520px; margin: 0 auto;
    margin-top: 20px;
}

.navigationHelp .move {
    background: #fff url(images/help_move.gif) no-repeat;
}

.navigationHelp .zoom {
    background: #fff url(images/help_zoom.gif) no-repeat;
}

.navigationHelp .expand {
    background: #fff url(images/help_expand.gif) no-repeat;
}

.navigationHelp .change {
    background: #fff url(images/help_change.gif) no-repeat;
}

.navigationHelp .help {
    background: #fff url(images/help_help.gif) no-repeat;
}

.navigationHelp dt {
    font-weight: bold;
    color: #264a84; padding: 3px 0 4px 40px;
    background-color: #ebebeb !important;
}

.navigationHelp dd {
    padding: 0; 
    margin: 5px 0 5px 0;
}

.navigationHelp .legend {
    border-top: solid 1px #ebebeb; padding-top: 5px;
    height: 140px; width: 520px; margin: 15px auto;
    background: #fff url(images/help_legend.gif) no-repeat left 40px;
}

.navigationHelp .close {
    width: 100%; margin: 0 auto; height: 40px;
    background-color: #264a84; font-weight: normal;
    background: #264a84 url(images/help_logo.gif) no-repeat left top;    
}

.navigationHelp .close img {
    cursor: pointer;
}

.navigationHelp .close h3 {
    font-size: 18px; color: #fff; font-weight: normal;
    line-height:40px; text-indent: 80px; float: left;
    margin: 0; padding: 0;
}

.navigationHelp .close .closebutton {
    height: 40px; width: 56px; float: right;
}

/* FILE MANAGER   
----------------------------------------------------------*/
#fileManager {
    font-size: 11px;   
}

#fileManager .container {
    height: 288px; margin: 10px auto; overflow: auto;
    border-top: solid 1px #000; border-bottom: solid 1px #000;
    clear: both;
}


#fileToolbar {
    background-color: #ececec;
}

#breadCrumbs {
    float: left;
}

#breadCrumbs ul {
    list-style: none; padding: 3px 0; margin: 0 0;
    margin-top: 10px;
}

#breadCrumbs ul li {
    display: inline;
}

#breadCrumbs ul li span {
    cursor: pointer;
    color: #284b86;
}

#breadCrumbs ul li span:hover {
    color: #59923e;
}

.fileMenus {
    float: right; padding-top: 13px;
}

.fileMenus ul {
    padding: 0; margin: 0;
}

.fileMenus ul li {
    list-style-type: none; display: inline;    
}

.fileMenus ul li img {
    cursor: pointer;
}

.fileMenus ul li object {
    cursor: pointer;
}

#fileList { 
    padding-top: 10px; clear: both; 
}

#fileButtonContainer {
    
}

#addFolderView {
    overflow: hidden;
}

#fileStatus {
    float: left; font-weight: bold;
}

#fileButtons {
    float: right;
}

.fileContainer { 
    margin: 5px; float: left; text-align: center; 
}

.imageContainer, .selectedImageContainer { 
    width: 110px; height: 100px; background-color: #ececec; border: solid 1px #000; padding-top: 10px; cursor: pointer; 
}

.imageContainer img, .selectedImageContainer img {  width: 90px; height: 90px; }

.selectedImageContainer {  background-color: #59923e; }

.textContainer { 
    padding-top: 5px; width: 110px; text-align: center; 
}

/* NEWS   
----------------------------------------------------------*/
.newsh3 {
    font-weight: bold;
    color: #59923E;
    font-size: 1.00em;
    
}
.newsp {
    font-size: 0.7em;
}

/* MISC   
----------------------------------------------------------*/
/*.placesToEat {
    background-image: 
}*/

.button {
    border: solid 1px #96cc7c;
    width: 105px;
}


/* JQMODAL  
----------------------------------------------------------*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
	
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 640px;
    
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* SEARCH RESULTS   
----------------------------------------------------------*/
#searchResults .container { padding: 10px; margin-bottom: 10px; }

#searchResults .altcontainer { padding: 10px; margin-bottom: 10px; background-color: #eee; }

#searchResults h2 { margin: 0; padding: 0; }

.osLicense {
    line-height: 1.1em; margin-top: 15px;
    color:#666666; font-size: smaller;
}
.mapLegend {
    width: 783px; height: 93px !important; clear: both;
    border: solid 1px #ccc; margin-top: 10px;
    background: url(images/help_legend3.gif) no-repeat left top;
}

/* 
----------------------------------------------------------*/
.walk {
    clear: both; padding-top: 5px;
}
.walktitle {
    font-size: 1.1em; color: #284b86; padding: 5px 4px 5px 30px; background-color: #e8e8e8;
    font-weight: bold; clear: both; background-repeat: no-repeat; background-position: 5px 3px;
    cursor: pointer;
}
.walk .title {
    float: left;
}
.walk .distance {
    float: right; color: #59923e;
}
.walkdetails {
    clear: both; padding: 10px 0px 0px 0px;
}

/* MESSAGE BOXES   
----------------------------------------------------------*/
.error {
    color: #333; padding: 5px 25px; text-align: left; margin: 5px 0px;
    background: #ffecec url(icons/error.png) no-repeat 5px 5px;
}
.success {
    color: #333; padding: 5px 25px; text-align: left; margin: 5px 0px;
    background: #dbf3d1 url(icons/success.png) no-repeat 5px 5px;
}
.warning {
    color: #333; padding: 5px 25px; text-align: left; margin: 5px 0px;
    background: #dbf3d1 url(icons/warn.png) no-repeat 5px 5px;
}
.info {
    color: #333; padding: 5px 25px; text-align: left; margin: 5px 0px;
    background: #fff1ab url(icons/warn.png) no-repeat 5px 5px;
}

/* TAB PANEL   
----------------------------------------------------------*/
.DSTabStyle .ajax__tab_header
{

font-weight:bold;
color:#fff;
padding-left:15px;
padding-top:10px;

}
.DSTabStyle .ajax__tab_active .ajax__tab_outer,
.DSTabStyle .ajax__tab_header .ajax__tab_outer,
.DSTabStyle .ajax__tab_hover .ajax__tab_outer
{
height:25px;

}
.DSTabStyle .ajax__tab_active .ajax__tab_inner,
.DSTabStyle .ajax__tab_header .ajax__tab_inner,
.DSTabStyle .ajax__tab_hover .ajax__tab_inner
{
height:25px;
margin-left:5px; /* offset the width of the left image */

}
.DSTabStyle .ajax__tab_active .ajax__tab_tab,
.DSTabStyle .ajax__tab_hover .ajax__tab_tab,
.DSTabStyle .ajax__tab_header .ajax__tab_tab
{
margin:5px 5px 0px 0px;
}

.DSTabStyle .ajax__tab_hover .ajax__tab_tab,
.DSTabStyle .ajax__tab_active .ajax__tab_tab
{
color:#264A84;
background-color:#fff;
}
.DSTabStyle .ajax__tab_body
{

}
.DSTabStyle .ajax__tab_tab {
    width: 104px;
    background-color:#264A84;
}
.ajax__validatorcallout_error_message_cell {
    color: #000;
}
.ajax__tab_xp .ajax__tab_body {
    background-color: Transparent;
}

.commentPanel {
    margin-left: 20px;
    margin-right: 5px;
    padding-right: 10px;
    margin-top: 10px;    
    margin-bottom: 10px;    
}
.commentPanel a {
    color: #fff;
}
.commentPanel hr {
    color: #8C9CC3;
    background-color: #8C9CC3;
    border: 0;
    height: 2px;
}



/* TAB PANEL FORM   
----------------------------------------------------------*/
.smallform {
    margin: 20px 0 0 0;
    padding-left: 20px;
}
.smallform p {
    width: 100%;
    clear: left;
    margin: 0;
    padding: 0px 0 1px 0;
    margin-top: 4px;
    _height: 18px;
    min-height: 18px;
}
.smallform p label {
    width: 5.0em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    font-size: 100%;
}
.smallform textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#vThanks {
    padding-left: 20px;
    padding-right: 20px;
}
#vAddComments p {
    padding-left: 20px;
    padding-right: 20px;
}
#vAddComments a, #vAddComments a:visited,  #vAddComments a:active{
    color: #fff;
}
#vAddComments  a:hover {
    color: #E6EEDF;
}

/* FEATURED WALK   
----------------------------------------------------------*/
#featuredwalk {
    background: url(images/backg-featured-walk.gif) repeat-x;
    margin-top: 0px;
    border-top: solid 1px #96CC7C;
    border-bottom: solid 2px #96CC7C;
    padding: 18px;
}
#featuredwalk img {
    border: solid 1px #fff !important;
}
#featuredwalk h3 {
    font-weight: bold;
    color: #59923E;
    font-size: 1.00em;
    border-bottom: solid 1px #59923E;
}

/* EADT   
----------------------------------------------------------*/

#eadt {
    margin-top: 0px;
    border-bottom: solid 2px #96CC7C;
    padding: 0px;
}

/* flickr   
----------------------------------------------------------*/

#flickr {
    /* margin: 25px 150px 0 690px; */
    right: 175px; top: 25px;
    position: absolute; padding: 0;
	z-index: 1;
}
#twitter {
    /* margin: 25px 150px 0 690px; */
    right: 300px; top: 20px;
    position: absolute;
	z-index: 1;
}

.OverlayImg {
    position:absolute;
}