html, body {margin: 0; background: #000;}

body {font-family: Arial; font-size: 13px; color: #333;}
div { line-height: 22px;}

img, table {border: 0;}

h1, h2, h3, h4 {margin: 0;}



/*---------  Main Outer Containers  ---------------*/

#outerContainer {background: url(/images/mtn.jpg) bottom center no-repeat #fff; min-width: 960px;}
#dotsContainer {background: url(/images/dot.png); min-height: 700px; padding-bottom: 30px;}
#greyContainer {background: url(/images/greyHeader.jpg) repeat-x; min-height: 262px;}


/*---------  Header Information  ---------------*/

#headerContainer {width: 960px; margin: 0 auto; height: 120px;}
#divisionHeaderContainer {width: 960px; margin: 0 auto; height: 115px;}

#logoContainer {position: absolute; margin: 10px 0 0 0; z-index: 1000;}    

#searchContainerPortal {position: absolute; margin: 14px 0 0 800px;}
#searchContainerDivision {position: absolute; margin: 19px 0 0 800px;}
.searchIframe {max-height: 30px;}

#secNavContainer {position: absolute; width: 500px; margin: 10px 0 0 300px;}
    #secNav ul {list-style: none; margin: 0; padding: 0; float: right;}
    #secNav ul li {float: left; margin-right: 4px; letter-spacing: 2px; }
    /*#secNav ul li a {margin-top: 0; color: #ccc; text-decoration: none; display: block; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; font-size: 10px; text-transform: uppercase;}*/
	#secNav ul li a {margin-top: 0; color: #F0F0F0; text-decoration: none; display: block; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; font-size: 10px; text-transform: uppercase;}
    #secNav ul li a:hover {color: #fff; background: #000;}
    
#divisionSecNavContainer {position: absolute; width: 700px; margin: 16px 0 0 100px; z-index: 999999;}   

#mainNavContainer {position: absolute; width: 660px; margin: 60px 0 0 300px; z-index: 1000;}

#divisionNavContainer {position: absolute; width: 960px; margin: 60px 0 0 0; z-index: 999; background: url(/images/btnBkgrnd.jpg) no-repeat; height: 55px;}



#divisionIconContainer {background: url(/images/divisionIconBkgrnd.jpg) top left no-repeat; width: 960px; height: 115px; margin: 0 auto;}
	.iconContainer {position:absolute; margin: -25px 0 0 131px; z-index: 998;}
	.iconText {font-weight: bold; color: #fff; font-size: 16px; text-align: center; padding-top: 40px;}
	.iconText a {color: #999; font-size: 11px; text-decoration: none;}
	.iconText a:hover {color: #fff;}




/*---------  Home Page Slider Information  ---------------*/

.slideContentContainer {top:50px; left:50px; width:350px; height:0; color:#FFF; background: transparent !important;}
.slideContentHeader {font-weight: 100; font-size: 33px; line-height: normal !important; color: #fff !important;}
.slideContent {padding: 10px 0;}
.slideLearnMoreContainer {clear:both; padding: 20px 0;}
    .learnMore {float:left; background: #0f86a6 !important; padding: 7px 10px; font-weight: bold; text-decoration: none; color: #fff; border-radius: 5px; -moz-border-radius: 5px;-moz-box-shadow: inset 1px 1px #1eb7e1; -webkit-box-shadow: inset 1px 1px #1eb7e1; box-shadow: inset 1px 1px #1eb7e1;}
    .learnMore:hover {background: #1eb7e1 !important; color: #fff;}
    


/*---------  Home Page Advertisement Information  ---------------*/  
  
#adImageContainer {width: 960px; margin: 0 auto; padding: 10px 0;}


/*---------  Main Content Information  ---------------*/

#mainContentContainer {width: 960px; margin: 0 auto; background: #fff; border-top: 5px solid #0f86a6; min-height: 200px; padding: 20px 0;}
    .col1 {width: 320px; float: left;}
    .col2 {width: 640px; float: left;}
	.col1Small {width: 250px; float: left;}
    .col2Big {width: 710px; float: left;}
	
	.col2OCD {width: 960px; float: left;}
	.col2PRD {width: 960px; float: left;}
	.col2SFD {width: 960px; float: left;}
	.col2MMD {width: 960px; float: left;}
	.col2ECMD {width: 960px; float: left;}
    
    .contentImageContainer {width: 960px; margin: 0 auto; padding: 0 0 1px 0; background: #fff;}
    
    .titleBkgrnd {background: url(/images/titleBG.jpg) repeat-x; background-position: 0 64%;}
    .contentTitle {float:left; background: #fff; margin: 0px 10px; padding: 10px;}
    


/*---------  Twitter & Newsletter Information  ---------------*/

#signupContainer {width: 960px; margin: 0 auto; padding: 10px 0;}

    #twitterContainer {background: url(/images/twitter.jpg) no-repeat top left #fff; height: 130px; padding: 5px 0 5px 0;}
        
        .rssBody ul {list-style: none; margin 0; padding: 0;}
        .rssBody ul li {float:left; margin-right: 10px; width: 250px;}
        
        
        /*default CSS for SAG scroller*/

		.sagscroller{width: 820px; padding-left: 140px; height:140px; overflow:hidden; position:relative;}		
		.sagscroller a{font-weight:bold;}		
		.sagscroller ul	{position:absolute; margin:0; padding:0; list-style:none; width: 100%;}
		.sagscroller ul li{display:block;}		
		.sagscroller ul li .rsscontent{font-size:100%; display: none;}		
		.sagscroller ul li .rsslabel{margin-top:5px; clear: both;}
		.sliderdesc {display: none;}   
        
        div#mysagscroller1 ul {background: Transparent !important;}
        div#mysagscroller1 ul li{padding:0 7px; height: 100px; width: 250px; float:left; margin-bottom:100px;}
        
        
        

    #newsletterContainer {background: url(/images/btmBar.jpg) repeat-x top left #013e5f; height: 56px; padding: 5px 10px;}
        .newsletterTbl {margin: 0 auto; padding:0;}
        .newsletterTxt {font-size: 14px; font-weight: bold; color: #fff;}

        .newsletterBtn {float:left; background: #c2742d !important; padding: 7px 10px; font-weight: bold; text-decoration: none; color: #fff; border-radius: 5px; -moz-border-radius: 5px;-moz-box-shadow: inset 1px 1px #ffd650; -webkit-box-shadow: inset 1px 1px #ffd650; box-shadow: inset 1px 1px #ffd650;}
        .newsletterBtn:hover {background: #c98632 !important; color: #fff;}

        .newsletterBox {padding: 9px; font-size: 11px; width: 235px;}

/*---------  Footer Information  ---------------*/

#ftrContainer {width: 960px; margin: 0 auto; padding: 20px 0;}
    .ftrBox {float:left; width: 160px;}

    .ftrTitle {color: #fff; font-weight: bold; font-size: 13px; padding-bottom: 10px;}
	.ftrTitle a {color: #fff; font-weight: bold; font-size: 13px; padding-bottom: 10px; text-decoration:none}
	.ftrTitle a:hover {color: #fff; background: #111;}

    .ftrLnks {list-style: none; margin: 0; padding: 0; width: 100%;}
    .ftrLnks li {border-bottom: 1px dotted #333;}
    .ftrLnks li a {margin-top: 0; color: #f4db3f; text-decoration: none; display: block; padding: 2px;  font-weight: bold; font-size: 9px;}
    .ftrLnks li a:hover {color: #fff; background: #111;}
    
#ftrContactContainer {background: #111;}
    .ftrAddressContainer {width: 960px; margin: 0 auto; padding: 20px 0 100px 0;}
        .ftrAddress {float:left; color: #fff;}
        .ftrSocialMedia {float:right; margin-right:15px;}
		.ftrCentennial {float: right; margin-right: 30px;}
    
    
    
/*---------  Division Footer Properties  ---------------*/

.divisionFtrContainer {background: url(/images/pinnedBkgrnd.jpg) repeat-x; position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 1001;}
.divisionFtrLogo {float:left;}
.divisionFtrLnks {float:right; background: url(/images/ftrLnkBkgrnd.jpg) repeat-x; height: 60px; padding: 0 10px;}

#divisionFtr {padding: 15px 0 0 0;}
    
#divisionFtr ul {list-style: none; margin: 0; padding: 0; float: right;}
#divisionFtr ul li {float: left; margin-right: 4px; }
#divisionFtr ul li a {margin-top: 0; color: #ccc; text-decoration: none; display: block; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; font-size: 10px;}
#divisionFtr ul li a:hover {color: #fff; background: #000;}



.eventSlideContainer {width: 900px; margin: 0 auto;}
.slideContainer {width:300px; min-height: 200px; float:left;}
.slideWidth {width: 280px;}
.slideWidth img {border: 5px solid #e5e5e5; margin-bottom: 15px;}

.eventSliderLeftArrow {position:absolute; margin: 100px 0 0 -30px; cursor:pointer;}
.eventSliderRightArrow {position:absolute; margin: 100px 0 0 910px; cursor:pointer;}



    
    
        
/*---------  Global Properties  ---------------*/

.container {width: 960px; margin: 0 auto;}

.stretch {width: 100%;}
.seventyfive {width: 75%;}
.sixtysix {width: 66%;}
.fifty {width: 50%;}
.thirtythree {width: 33%;}
.twentyfive {width: 25%;}


.clearboth {clear:both;}

.padding {padding: 5px;}
.padding2 {padding: 10px;}
.padding3 {padding: 20px;}
.paddingBottom {padding: 5px 0 0 0;}

/* Parks right navigation links on Park pages */

/*.iconHiking {
	color: white;
	padding-left: 45px;
	background: rgb(15,134,166) url(/SPD/images/Icons_hiking4040.jpg) no-repeat 0 50%;
	display: block;
	width: 205px;
	margin: 3px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;	
}



.iconHiking2 {
	color: white;
	padding-left: 60px;
	padding-top: 6px;
	background: rgb(15,134,166) url(/SPD/images/Icons_hiking4040.jpg) no-repeat left;
	display: block;
	width: 205px;
	height: 25px;
	margin: 3px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	
}


.iconHiking2:hover {
	color: black;
	background-color: #71D0FF;
}*/