/* @font-face {
    font-family: 'Helvetica NeueX';
    src: url('/opencms/_resources/helveticaneueltstd-ultlt-webfont.eot');
    src: url('/opencms/_resources/helveticaneueltstd-ultlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/opencms/_resources/helveticaneueltstd-ultlt-webfont.woff') format('woff'),
         url('/opencms/_resources/helveticaneueltstd-ultlt-webfont.ttf') format('truetype'),
         url('/opencms/_resources/helveticaneueltstd-ultlt-webfont.svg#HelveticaNeueLTStd25UltraLt') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontNeueUltLt {font-family:'Helvetica NeueX', Arial, sans-serif;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/helveticaneue_regular-webfont.eot');
    src: url('/opencms/_resources/helveticaneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/opencms/_resources/helveticaneue_regular-webfont.woff') format('woff'),
         url('/opencms/_resources/helveticaneue_regular-webfont.ttf') format('truetype'),
         url('/opencms/_resources/helveticaneue_regular-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontNeueReg {font-family:'Helvetica Neue', Arial, sans-serif;}

@font-face {
    font-family: 'ChaparralProLight';
    src: url('/opencms/_resourceschaparralpro-light-webfont.eot');
    src: url('/opencms/_resourceschaparralpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/opencms/_resourceschaparralpro-light-webfont.woff') format('woff'),
         url('/opencms/_resourceschaparralpro-light-webfont.ttf') format('truetype'),
         url('/opencms/_resourceschaparralpro-light-webfont.svg#ChaparralProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontChapLt {font-family:'ChaparralProLight', Arial, sans-serif;}

@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('/opencms/_resourceshelveticaneueltstd-lt-webfont.eot');
    src: url('/opencms/_resourceshelveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/opencms/_resourceshelveticaneueltstd-lt-webfont.woff') format('woff'),
         url('/opencms/_resourceshelveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('/opencms/_resourceshelveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontNeueLt {font-family:'Helvetica Neue', Arial, sans-serif;}

*/

body {
	background-color: #6a2900;
	width: 1012px;
	margin: 0 auto 35px;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	background-repeat: no-repeat;
	background-position: center top;
}
@media screen and (max-width: 630px) {
body {
	/*background-color: #6a2900;*/
	background: none;
	background-color: white;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	background-repeat: no-repeat;
	background-position: center top;
	}
}


h1 {
	font-size: 4em; 
	font-weight: 100;
	line-height: .8em;
	color: white;
	text-decoration: none; 
	text-transform: uppercase;
	letter-spacing: .1em;
	text-shadow: 2px 2px 2px #858585;
	zoom: 1;
	filter: dropshadow(color=#858585, offx=2, offy=2);
	
}
h2 {
    color: #3e748d;
    font-size: 2.5em;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
}
@media screen and (max-width: 630px) {
h2 {
    color: #3e748d;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
}
}
.leftContent {
    width:705px;
    float: left;
     margin-left: 10px;
}

@media screen and (max-width: 630px) {
.leftContent {
    width:95%;
    float:none;
    margin: 15px 0;
}
}
/* USE THIS FOR FEES */
.leftContentFee {
 float: left;
   
    margin-left: 10px;
    width: 43em;
}

@media screen and (max-width: 630px) {
.leftContentFee {
    width:95%;
    float:none;
    margin: 15px 0;
}
}


@media screen and (max-width: 630px) {
.hidembl {
	display: none;
}
}
.mobileonly{
	display: none;
}
@media screen and (max-width: 630px) {
.mobileonly{
	display: block;
}
}
.headmbl {
	display:none;
}
.headmblPrimary {
	display:none;
}
@media screen and (max-width: 630px) {
.headmbl {
	display: block;
	color: #fff;
	/*margin: 34px 0 0 20px;*/
}
}
@media screen and (max-width: 630px) {
.headmblPrimary {
	display: block;
	color: #fff;
	/*margin: 34px 0 0 20px;*/
}
}
@media screen and (max-width: 630px) {
h2.headmbl {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin: -220px 0 0 98px;
    text-decoration: none;
    text-transform: uppercase;
}
}
@media screen and (max-width: 630px) {
h2.headmblPrimary {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin: -230px 0 0 98px;
    text-decoration: none;
    text-transform: uppercase;
}
}
@media screen and (max-width: 630px) {
h2.headmblTxt {
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
}
}
h3 {
	margin-top: -40px;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.1em;
	text-decoration: none; 
	letter-spacing: 0.03em;
	width: 670px;
}
@media screen and (max-width: 630px) {
h3 {
	margin-top: -10px;
	color: #3e748d;
	font-size: 1em;
	font-weight: 300;
	line-height:.01em;
	text-decoration: none; 
	letter-spacing: 0.08em;
	width: auto;
}
}
@media screen and (max-width: 630px) {
h3.headmbl {
	margin: 0 0 0 98px;
	padding: 0;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.1em;
	text-decoration: none; 
	letter-spacing: 0.15em;
}
}
@media screen and (max-width: 630px) {
h3.headmblTxt {
	padding: 0;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.1em;
	text-decoration: none; 
	letter-spacing: 0.15em;
}
}
h3.searchResults{
	font-size: 2em;
	font-weight: 300;
	text-decoration: none; 
	letter-spacing: 0.15em;
	margin:10px 0;
	line-height: 1em;
}
@media screen and (max-width: 630px) {
h3.searchResults{
	width: 95%;
}
}
h3.store {
    color: #3e748d;
    font-size: 1.7em;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 1em;
    margin-top: 0.4em;
    text-decoration: none;
}
h4 {
	color: #77715d;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	font-weight: 200;
	line-height: 1.2em;
	text-decoration: none; 
	letter-spacing: 0.15em;
}
@media screen and (max-width: 630px) {
h4.headcaption {
	color: #77715D;
    	font-size: 1em;
    	font-weight: 200;
    	letter-spacing: 0.15em;
    	line-height: 1.2em;
    	margin: 0;
    	padding: 0;
    	text-decoration: none;
}
}
@media screen and (max-width: 630px) {
h4.headcaptionPrimary {
	color: #77715D;
    	font-size: 1em;
    	font-weight: 200;
    	letter-spacing: 0.15em;
    	line-height: 1.2em;
    	margin: 190px 0 0;
    	padding: 0;
    	text-decoration: none;
}
}
h5 { /* USE THIS FOR CALL OUT QUOTES AND ALERTS IN THE LEFT COLUMN */
	margin: 0;
	padding: 0;
	color: #3e748d;
	font-size: 1.5em;
	line-height:1.2em;
	text-decoration: none; 
	letter-spacing: 0.05em;	
}
h6 {
	color: #3e748d;
	padding: 0;
	margin: 30px 0px 0px 0px;
	font-size: 1.4em;
	font-weight: 200;
	line-height: 1.2em;
	text-decoration: none; 
	letter-spacing: 0.15em;
}

.subheadingBlk {
    color: #940109;
    /* background-color: #e0e0e0; */
    font-weight: 700;
    padding: .4em .2em .4em .6em;
    line-height: 1.2em;
    margin-left: -.5em;
}	

@media screen and (max-width: 630px) {
.subheadingBlk
{
display:none;
}
}



/*.subheadingBlk
{
 	color: #940109;
	font-weight:700;
	padding-bottom: .3em;
	line-height: 1.2em;	
}
@media screen and (max-width: 630px) {
.subheadingBlk
{
display:none;
}
}*/
.subhead {
    color: #77715d;
    font-size: 1.1em;
    font-weight: 200;
    letter-spacing: 0.04em;
    line-height: 1.2em;
    margin: 1.5em 0 -0.2em;
    padding-bottom: 0.05em;
    text-decoration: none;
}
/* @media screen and (max-width: 630px) {
.subhead
{
display:none;
}*/
}

p {

}
.small85  {
	font-size:85%;
} 

.blockOn  {
	display:block;
}
.blockOff  {
	display:none;
}
.sixtyPercentWide       {
	color: #ddd; 
	width: 60%; 
	margin-top: 2em; 
	margin-bottom: 2em;
}
.center  {
	display: block;
	margin: 0 auto 0;
	text-align: center;
}

ul {

}
.listLiSpaced li {
    margin-top: .6em;
    line-height: 1.3em;
}

.textList ul {
    margin-top: -.6em;
}

.genPgList li {
    margin-top: -.6em;
}
/*
    The only difference between a noBulletList and a noBulletListPara is that the ...para provides a margin-

top: 10px; so you can separate
  the paraTitle items with some white space. You don't want to do this if you have a regular ul inside of the 

noBulletList ul, as it will 
  put too much white space between the <li>s
*/
.noBulletListPara {
	list-style-type:none;
	padding: 0px 0px 10px -20px;
	font-size:1em;
	line-height:1.4em;
	margin-left:auto;
} /* margin-left:20px - didn't work in Firefox, adding the left padding of -20 seems to make the margin-

left auto work for Firefox and IE;*/
.noBulletListPara li {
	padding-top:10px;
}
.noBulletListPara li ul li {
	list-style-type:disc;
}
.bulletListPara {
	
	padding: 0px 0px 10px -20px;
	font-size:1em;
	line-height:1.4em;
	margin-left:auto;
} /* margin-left:20px - didn't work in Firefox, adding the left padding of -20 seems to make the margin-

left auto work for Firefox and IE;*/
.bulletListPara li {
	padding-top:10px;
}
.bulletListPara li ul li {
	list-style-type:disc;
}


/* USE THIS FOR BOLDED TEXT */
.paraTitle {
	font-weight:700;
	font-size:1em;
	color:#516951B;
}
.paraTitle a:link {
	text-decoration:none;
	color:#516951B;
}
.paraTitle a:visited {
	text-decoration:none;
	color:#516951B;
}
.paraTitle a:hover {
	text-decoration:underline;
	color:#516951B;;
}
.noBulletListSmall {
    font-size: .9em;
    line-height: 1.3em;
    list-style-type: none;
    margin-left: 0;
    padding: 0;
}
.noBulletListSmall li {
    padding-bottom: .3em;
}

.noBulletList {
	list-style-type:none;
	margin-left:20px;
	padding: 0px 0px 10px 0px;
	line-height:1.3em;
	font-size:1em;
}
.noBulletList li ul li {
	list-style-type:disc;
}
ul.halfSpaceAbove li {
    margin-top: 1em;
}
ul li.halfSpaceAbove {
    margin-top: 1em;
}
ul.halfSpaceBelow li {
    margin-bottom: 1em;
}
ul li.halfSpaceBelow {
    margin-bottom: 1em;
}
ul.minusSpaceAbove li:first-child {
    margin-top: -1em;
}
.memberList {
    list-style-type:none;
    margin-bottom: 0;
    margin-top: .8em;
    margin-left: 0;
    line-height: 1.4em;
    padding: 0px 0px 10px 0px;
}

/* Use for AmeriCorps list of position location with postition description*/

ul.americorpsListing {
    margin-left: 1em;
}

li.positionDesc {
	margin-top: 0;     
}

.marginTopMore {
margin-top:.4em;
}

ul li {

}


ol {

}
ol li {

}
a {
        color: #26526C;
}

.buttonBlock {
	display: block; 
	float: left;
	padding: 1em 1.5em 2em 0em;

}






.button.orange {
    background-color: #ea7125;
    color: #fff;
}
.button.center50p {
    float: none;
    margin: 1em auto;
    width: 50%;
}
.button.center75p {
    float: none;
    margin: 1em auto;
    width: 75%;
}
.orange {
    background-color: #ea7125;
}
.button, input[type="submit"], .wufoo input.btTxt {
    background-color: #0064b3;
	color: #fff;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans serif;
    letter-spacing: 0.06em;
    padding: 0.5em;
    text-align: center;
}

.committeeArea {
	font-size:1em;
	clear:both;

	width:100%;
	padding:5px 0px 5px 5px;
	margin:10px 0px 0px 0px;
	color:#77715D;
	background-color:#ffffff;  /*dee9e6; */
}
.committee {
	float:left;
	padding:5px 0px 20px 5px;
	width:32%;
}
.committee p {
	font-size:1em;
	font-weight:normal;
	margin:0px;
	color:#77715D;
}
.committee p.name {
	font-size:1em;
	/*	font-weight:bold;*/
	margin:0px 0px 0px 0px;
}
.committee p.title {
	font-size:1em;
}
.committee p.address {
	margin:0;
}
.committee p.phone {
}
.committee p.email {
}
.committee p.term {
}
.halfRule { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 25%;
    margin-right: 25%;
    border-style: inset;
    border-width: .05em;
} 
.parksTable {
    border: 2px solid #7691A2;
    color: #000000;
    font-size: .9em;
    margin: 10px 10px 30px;
    padding: 10px;
    border-collapse: collapse;
}
tfoot, thead {
    background-color: #D3D3C1;
    color: #000000;
    text-align: center;
}
.tableShadeDark {
    background-color: #7691A2;
    color: #000000;
    font-size: .9em;
    font-weight: normal;
}
.tableShadeMed {
    background-color: #BBBBBB;
}
.tableShadeLight {
    background-color: #DFDFDF;
}
tr td {
    color: #77715D;
    font-size: 1.1em;
    line-height: 1.3em;
    margin: -10px 0 0;
    text-indent: 0;
    padding: 5px;
    vertical-align: top;
}
.regTable tr td {
    color: #77715D;
    font-size: 1em;
    line-height: 1.3em;
    margin: -10px 0 0;
    text-indent: 0;
    padding: 5px;
    vertical-align: top;


}
tableFee       {
    border: 1px solid rgb(255, 255, 255);
    float: left;
    font-size: 0.8em;
    margin-top: 15px;
    position: relative;
}
#launchFeeTable
{
font-family:Helvetica Neue, Helvetica, Arial, sans serif;
width:100%;
margin-bottom: 4em;
}
#launchFeeTable td, #launchFeeTable th 
{
font-size:1em;
border:0;
padding:3px 7px 2px 7px;
}
#launchFeeTable th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#77715D;
}
#launchFeeTable tr td 
{
color:#77715D;

}


img {
  border: none;
}

.mspFieldset {
    border: 1px solid #999999;
    font-size: 1em;
    font-weight: normal;
    margin: 8px;
    padding: 8px;
    width: 650px;
}

@media screen and (max-width: 630px) {
.mspFieldset {
    width: 95%;
}
}

.searchQuery {
    width: 400px;
}
@media screen and (max-width: 630px) {
.searchQuery{
    width: 90%
}
}

a:link {
	color: #0064b3;
	text-decoration: none;
	letter-spacing: .03em;
	/*line-height:  1.6em;*/
}
a:visited {
	color: #0064b3;
	text-decoration: none;
	

}
a:hover {
        color: #51695B;
	text-decoration: underline;
}
.clearFix {
	clear:both;
}
.clearfix {
	clear:both;
}

img.linkBox  {	
		width:250px; 
		float:left; 
		margin: 0em 2em 2em 2em;
}


.textImageWrap {
    clear: both;
    margin: 15px 0 10px;
    width: 100%;
}
.textImageWrap img {
    border: medium none;
    float: right;
    margin-left: 10px;
    padding: 0 0 5px 15px;
}
.textImageWrap div {
    border: medium none;
    float: right;
    margin-left: 10px;
    padding: 0 0 5px 15px;
}
.textImageWrap a img {
    border: medium none;
    float: right;
    margin-left: 10px;
    padding: 0 0 5px 15px;
}
.textImageWrap img.docIconPdf, .textImageWrap img.docIconWord, .textImageWrap img.docIconExcel, .textImageWrap img.docIconPpt, .textImageWrap img.extLinkIcon {
    float: none;
    margin: 2px;
    padding: 0;
}
.textImageWrap p {
    margin-top: 0;
    padding-top: 0;
}
.imageAndCaptionRight {
	float:right;
	border:none;
	padding:7px;
	text-align:left;
	width:auto;
	margin: 10px 0px 11px 10px;
}
.imageAndCaptionRight img, .imageAndCaptionRight img a {
	display:block;
	width:auto;
	border:none;
	padding:0;
	margin:0 0 5px 0;
}

em {

}
.page {        
	margin: 0 auto 10px;
	width: 1010px; 
	overflow: hidden;
	background-color: white;
	background-repeat: no-repeat;	
}	
@media screen and (max-width: 630px) {
.page {
	/* padding: 10px 0 300px 10px;*/
	margin: 0 auto; 
	padding: 0;
	width: 96%; 
	background-color: white;
	height: auto;
}
}
.homepage {        
	margin: 0 auto 10px;
	width: 1010px; 
	overflow: hidden;
	background-color: white;
	background-repeat: no-repeat;	
}	
@media screen and (max-width: 630px) {
.homepage {
	/* padding: 10px 0 300px 10px;*/
	background-image: url(/_imageGallery/home/homemblhdr.jpg) !important;
	margin: 0 auto; 
	padding: 0;
	background: none !important;	
	width: 100%; 
	background-color: white !important;
	height: auto;
}
}
/* END BASIC PAGE ELEMENTS */
/* BEGIN white background of page 
.page {
	padding: 10px 0 0 10px;
	margin: 0 auto;
	width: 1012px; 
	background-color: white;
	text-align: left;
}*/


.brown {
  color: #6a2900;
}

/* END white background of page */
/* BEGIN green header box */
.parksPageHeader {
    height: 30px;
    margin: 0 5px;
    width: 1000px;
}
@media screen and (max-width: 630px) {
.parksPageHeader {
	display: none;
}
}

.parksPageHeaderAlert {
	clear: both; 
	color: #ffffff; 
	margin: 0px auto; 
	background: #b30000; 
	text-align: center; 
	padding: .3em 2em .4em;
	}
	

.greenbox {
	background-color:#51695b;
	height:438px;
	width:1000px;
	margin: 0 auto;
}
@media screen and (max-width: 630px) {
.greenbox {
	background-color:#51695b;
	height:270px;
	width:100%;
	margin: 6px 0;
	padding: 2px 0;
}
}
.greenboxsecond {
	background-color:#51695b;
	height:600px;
	width:1000px;
	margin: 0 auto;
}
@media screen and (max-width: 630px) {
.greenboxsecond {
	background-color:#51695b;
	height:200px;
	width:100%;
	margin: 6px 0;
	padding: 2px 0;
}
}
.greenboxHome {
    margin: 0 auto;
    position: absolute;
/*  width: 1000px;*/
    z-index: 10;	
}

.greenboxHome .logo {
    border: medium none;
    display: block;
    float: left;
    margin: 7px 20px 40px 60px;
}
@media screen and (max-width: 630px) {
.greenboxHome .logo {
	display: none;
}
}
.greenboxHome .camp_res {
    float: left;
    height: 138px;
    margin: -193px 26px 20px 784px;
    width: 206px;
}
@media screen and (max-width: 630px) {
.greenboxHome .camp_res {
	display: none;
}
}
.greenboxHome .topfb {
	height: 24px;
	width: 24px;
	/*background-color: red;*/
	float:right;
	margin: -80px 100px 0 0;
	
}
@media screen and (max-width: 630px) {
.greenboxHome .topfb {
	display: none;
}
}
/* BEGIN click area for Top Twitter Social icon. Transperant but the color green is commented out to allow for visual placement if need be */
.greenboxHome .toptwtr {
	height: 24px;
	width: 24px;
	/*background-color: green;*/
	float:right;
	margin: -80px 72px 0 0;
	
}
@media screen and (max-width: 630px) {
.greenboxHome .toptwtr {
	display: none;
}
}
/* BEGIN click area for Top YouTube Social icon. Transperant but the color blue is commented out to allow for visual placement if need be */
.greenboxHome .toputube {
	height: 24px;
	width: 24px;
	/*background-color: blue;*/
	float:right;
	margin: -80px 43px 0 0;
}
@media screen and (max-width: 630px) {
.greenboxHome .toputube {
	display: none;
}
}
/* BEGIN click area for Top Instagram Social icon. Transperant but the color blue is commented out to allow for visual placement if need be */
.greenboxHome .topinsta {
	height: 24px;
	width: 24px;
	/*background-color: blue;*/
	float:right;
	margin: -80px 14px 0 0;
}
@media screen and (max-width: 630px) {
.greenboxHome .topinsta {
	display: none;
}
}
/* END green header box */
/* BEGIN campsite reservation graphic */
.camp_res {
	float: left;
    height: 138px;
    margin: -216px 26px 20px 784px;
    width: 206px;
}
@media screen and (max-width: 630px) {
.camp_res {	
	display: none;
	}
	}

.thumbs {
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}
@media screen and (max-width: 630px) {
.thumbs {
	float:none;
	margin-bottom:20px;
	margin-right:20px;
}
}
.contenthead {
	font-weight: 800;
	font-size: 1.4em;
	padding-left: 310px;
	color: #aa651f;
}
#container {
    float: left;
    margin: 0;
    padding: 0;
    width: 680px;
}
@media screen and (max-width: 630px) {
#container {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
}    
.300 {
	font-weight: 200;
}
.product {	
	overflow:hidden;
	clear:both;
	color: #507779;
	margin-top: 15px; 
}
.item {
	margin: 0 20px; 
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.2em; 
	font-size:1em;
}
@media screen and (max-width: 630px) {
.item {
	margin: 0; 
	font-family: Helvetica, Arial, sans-serif;
	line-height:1em; 
	font-size:.9em;
}
}
.desc {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.8em;
    line-height: 1em;
    width: 75%;
}
.call {
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: bolder;
    margin-bottom: 20px;
    margin-left: 25em;
    margin-top: 15px;
    min-height: 100px;
    text-align: left;
    width: 45%;
}


.price {
    background-repeat: no-repeat;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: bolder;
    height: 2em;
    line-height: 1em;
    text-align: center;
    width: 8em;
}

/*.call {
	width:45%;
	float:left;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	min-height: 100px; 
	margin-top: 15px;
	margin-left: 28em;
	margin-bottom: 20px;
}*/
@media screen and (max-width: 630px) {
.call {
	width:100%;
	float:right;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	text-align: center;
}
}
.circle {
	background: red;
	float: right;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.rule {
	margin-top: 15px;
	margin-bottom: 25px;
}

.storepic {
	margin-top: -4px;
	}
	
@media screen and (max-width: 630px) {
li.storepic {
	display: none;
}
}	

/*added to reorg nav and display store button in mobile .app margin-bottom:.5em; and the following: img.storepics */
img.storepic {
    margin-bottom: -0.5em;
}

@media screen and (max-width: 630px) {
img.storepic {
    margin-bottom: -0.5em;
    display: none;
}
}

/* Begin positioning social media icons at the top under Reserve a Campsite now.All 3 icons are one image. click zones are defined below in the next classes*/
.topicons {
	float: right;
}
@media screen and (max-width: 630px) {
.topicons {
	display:none;
}
}
/* BEGIN click area for Top Facebook Social icon. Transperant but the color red is commented out to allow for visual placement if need be */
.topfb {
	height: 24px;
	width: 24px;
	/*background-color: red;*/
	float:right;
	margin: -103px 100px 0 0;
	
}
@media screen and (max-width: 630px) {
.topfb {
	display: none;
}
}
/* BEGIN click area for Top Twitter Social icon. Transperant but the color green is commented out to allow for visual placement if need be */
.toptwtr {
	height: 24px;
	width: 24px;
	/*background-color: green;*/
	float:right;
	margin: -103px 72px 0 0;
	
}
@media screen and (max-width: 630px) {
.toptwtr {
	display: none;
}
}
/* BEGIN click area for Top YouTube Social icon. Transperant but the color blue is commented out to allow for visual placement if need be */
.toputube {
	height: 24px;
	width: 24px;
	/*background-color: blue;*/
	float:right;
	margin: -103px 43px 0 0;
}
/* BEGIN click area for Top Instagram Social icon. Transperant but the color blue is commented out to allow for visual placement if need be */
.topinsta {
	height: 24px;
	width: 24px;
	/*background-color: blue;*/
	float:right;
	margin: -103px 14px 0 0;
}
@media screen and (max-width: 630px) {
.topinsta {
	display: none;
}
}
/* BEGIN click area for bottom Facebook Social icon. Transperant but the color red is commented out to allow for visual placement if need be */
.fbbottom {
	height: 20px;
	width: 20px;
	background-color: red;
	float: right;
	margin: 0 0 0 -20px;
}
@media screen and (max-width: 630px) {
.toputube {
	display: none;
}
}
/* BEGIN click area for bottom Twitter Social icon. Transperant but the color green is commented out to allow for visual placement if need be */
.twtrbottom {
	height: 20px;
	width: 20px;
	background-color: green;
	float: right;
	margin: 0 0 0 0;
}
/* BEGIN click area for bottom YouTube Social icon. Transperant but the color blue is commented out to allow for visual placement if need be */
.utubebottom {
	height: 20px;
	width: 20px;
	background-color: blue;
	float: right;
	margin: 0 0 0 0;
}
/* BEGIN click area for bottom Instagram Social icon. Transperant but the color blue is commented out to allow for visual placement if need be */
.instabottom {
	height: 20px;
	width: 20px;
	background-color: blue;
	float: right;
	margin: 0 0 0 4px;
}

.logo {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 40px;
	z-index: 100;
	border: none;
}
@media screen and (max-width: 630px) {
.logo {
	display: none;
}
}

.mblogo {
 display: none;
}

@media screen and (max-width: 631px) {
.mblogo {
    display: block;
    margin: 25px 0 0 0;
	max-width: 100%; 
    z-index: -99;
}
}

.mblogo2 {
	display: none;
}
@media screen and (max-width: 630px) {
.mblogo2 {
	display: block;
	float: left;
	margin: 6px auto 0 10px;
	padding: 0 auto;
	z-index: 99;
}
}
.bluetype {
	color: #317ae8;
}
.tent {
	margin: -5px;
	padding: -10px;
}
/* END campsite reservation graphic */

/* BEGIN top four photos */
.topfour {
display: block;
margin:-220px 0 0 13px;
float: left;
}
@media screen and (max-width: 630px) {
.topfour {
display: none;
}
}
.topfourR {
display: block;
margin:-220px 0 0 5px;
float: left;
}
@media screen and (max-width: 630px) {
.topfourR {
display: block;
float: none;
/*margin:-220px 13px 0 0;*/
margin: 15px auto 0;
text-align: center;
z-index: -99;
clear: both;
}
}
.topfourm {
display: block;
margin:-220px 0 0 13px;
float: left;
}
@media screen and (max-width: 630px) {
.topfourm {
display: none;
}
}
/* positions top headline */
.secondpage {
    font-size: 2em;
    color: white;
    margin: -345px 0 0 36px;
}
.tophoto {
	margin: -40px 0 0 34px;
}
@media screen and (max-width: 630px) {
.tophoto {
	/*margin: -40px 0 0 34px;*/
	display: none;
}
}

.tophotosm {
	/*margin: -40px 0 0 34px;*/
	display: none;
}

@media screen and (max-width: 630px) {
.tophotosm {
	/*margin: -40px 0 0 34px;*/
	display: block;
	margin: 140px auto 0 auto;
	padding: 0;
}
}

b strong {
font-weight:bold;
}

/* BEGIN container for content*/
.content {
	width: 942px; /*changed from 680 to allow room for right hand column nav*/
	margin: 0 25px;
	/* margin: -20px 20px 20px 60px;
	padding-top: 120px; Positions the page title and content box down from photos 4 */
	color: #507779;
}
@media screen and (max-width: 630px) {
.content {
	width: 90%;
	margin: 6% 4%;
	float: left;
	/*margin: 0 20px 20px 60px;*/
	color: #507779;
}
}

.content h3 {
	color: #3e748d;
}
@media screen and (max-width: 630px) {
.content h3 {
	color: #3e748d;
}
}

.content img {
	max-width:100%;
}

/* BEGIN container for content*/
.contentHome {
	width: 942px; /*changed from 680 to allow room for right hand column nav*/
	margin: -20px 25px 0;
	color: #507779;
	position: relative;	
}
@media screen and (max-width: 630px) {
.contentHome {
	width: 90%;
	margin: 6% 4%;
	float: left;
	/*margin: 0 20px 20px 60px;*/
	color: #507779;
}
}
/* BEGIN container for content*/

.plainContent {
	width: 942px; /*changed from 680 to allow room for right hand column nav*/
	margin: 0 25px;
	/* margin: -20px 20px 20px 60px;
	padding-top: 120px; Positions the page title and content box down from photos 4 */
	color: #77715D;
	line-height:1.4em;
}

@media screen and (max-width: 630px) {
.plainContent {
	width: 100%;
	margin: 0 25px;
	/* margin: -20px 20px 20px 60px;
	padding-top: 120px; Positions the page title and content box down from photos 4 */
	color: #77715D;
	line-height:1.4em;
}
}
/* END container for content*/
/* BEGIN container for FEE content*/
.plainContentFee {
	
	margin: 0 25px;
	/* margin: -20px 20px 20px 60px;
	padding-top: 120px; Positions the page title and content box down from photos 4 */
	color: #77715D;
	line-height:1.4em;
}
/* END container for FEE content*/

/* BEGIN left column*/

.leftcolumn {
	display: block;
	width: 200px;
	margin: 40px 40px 15px 0;
	padding: 0;
	float:left;
	line-height: 1.4em;
}
@media screen and (max-width: 630px) {
.leftcolumn {
	display: none;	
}
}
.leftcolumnParks {
	display: block;
	width: 200px;
	margin: 37px 40px 15px 0;
	padding: 0;
	float:left;
	line-height: 1.4em;
}
.leftcolumnParksTwoLineLcHeading {
    display: block;
    float: left;
    line-height: 1.1em;
    margin-top: -18px;
    padding: 0;
    width: 200px;
}
@media screen and (max-width: 630px) {
.leftcolumnParks {
	display: inline;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/*float:left;*/
	line-height: 1.4em;
}
}
.leftcolumnParks a {
 	color: #0064b3; 
}
.leftcolumnParks a:hover {
 	color: #829D8D; 
}
.leftcolumnParks img {
	margin: 5px 0;
}
.leftcolumnParks h5 {
	margin: 0;
	padding: 0;
	color: #3e748d;
	font-size: 1.5em;
	line-height:1.2em;
	text-decoration: none; 
	letter-spacing: 0.05em;
}
.leftcolumnParks .pdf{
      margin: 0 0 0 5px;
}
.leftcolumn a {
 	color: #0064b3; 
}
.leftcolumn a:hover {
 	color: #829D8D; 
}
.leftcolumn img {
	margin: 5px 0;
}
.leftcolumn h5 {
	margin: 0;
	padding: 0;
	color: #3e748d;
	font-size: 1.5em;
	line-height:1.2em;
	text-decoration: none; 
	letter-spacing: 0.05em;
}

.leftcolumn .alertbox h5{
	width: 134px;
		/*BEGIN GOLD gradient background button*/
	background: #f4d39c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4d39c 0%, #f5be62 3%, #f5be62 97%, #f4d39c 100%); /* FF3.4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4d39c), color-stop(3%,#f5be62), color-stop(97%,#f5be62), color-stop(100%,#f4d39c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* IE10+ */
	background: linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* W3C */
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d39c', endColorstr='#f4d39c',GradientType=0 ); /* IE6-9 */
	/*END GOLD gradient background button*/		
	margin: 20px 0;	
	padding: 16px 36px;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(20, 20, 40, .4);
	-moz-box-shadow: 3px 3px 3px 0px rgba(20, 20, 40, .4);	
	box-shadow: 3px 3px 3px 0px rgba(20, 20, 40, .4);
	-moz-box-shadow: 2px 2px 2px #969696;
        -webkit-box-shadow: 2px 2px 2px #858585;
}



.leftcolumn .pdf{
      margin: 0 0 0 5px;
}

.twoCol {
  width:400px;
}
.twoCol a:link {
    color: #26526C;
    text-decoration: none;
}
.twoCol a:visited {
    color: #26526C;
    text-decoration: none;
}
.twoCol a:hover {
    color: #26526C;
    text-decoration: underline;
}
.twoCol {
    text-decoration: underline;
}

@media screen and (max-width: 630px) {
.twoCol {
  width:80%;
}
}

.twoCol li {
   float: left;
   list-style-type: none;
   margin-left: 0px;
   width: 200px;
}
@media screen and (max-width: 630px) {
.twoCol li {
   float: left;
   list-style-type: none;
   margin-left: 0px;
   width: 80%;
}
}
.twoCol ol {
   margin: 0px;
   width:400px;   
}
@media screen and (max-width: 630px) {
.twoCol ol {
   margin: 0px;
   width:80%;   
}
}
.twoCol ul {
   margin: 0px;
   width:400px;   
}
@media screen and (max-width: 630px) {
.twoCol ul {
   margin: 0px;
   width:80%;   
}
}
.twoCol br {
   clear: left;
}



.readmore a {
   color:#007ABF;
   text-decoration: none;
   }
.readmore a:visited {
   text-decoration: none;
   }
.readmore a:hover {
   text-decoration: none;
   }
      
.expandable a{} 

.expandable a:hover {color:#26526C;}

.managerExpander a {
   color:#007ABF;
   font-size: .8em;
   }
.managerExpander a:visited {
   color:#007ABF;
   }

.managerExpander a:hover {
   color:#007ABF;
   }

.parksReadMore a{
  color:#007ABF;
  text-decoration: none;  
}
.parksReadMore a:visited {
  color:#007ABF;
  text-decoration: none;  
}
.parksReadMore a:hover {
  color:#007ABF;
  text-decoration: none;  
}

#more  {
  margin-top: 5px;
}
#less {
  margin-top: 5px;
}
#moreMgr {
  margin-top: 5px;
}
#lessMgr {
  margin-top: 5px;
}
/* styles caption under left column photo */
.photocap {
	margin: -3px 0 0 0;
	font-size: .9em;
	line-height: 1.3em; 
}
/* END left column*/
/* END left column*/
.parksContent {
    color: #645f4e;
    float: left;
    line-height: 1.4em;
    margin: 20px 20px 60px;
    width: 675px;
}
@media screen and (max-width: 630px) {
.parksContent{
	
	width: 95%;
	margin: 20px 20px 60px 0;
}
}

.parksContent p.spaceAbove  {
    padding-top: 1em;
}


.parksContent h3 {
    color: #3e748d;
}
.parksContent img {
  /* margin: 3px;*/
    padding: 0;
    max-width: 100%;
}
.parksContent a {
    color: #0064b3;
}
.parksContent a:hover {
 	text-decoration: underline; 
}
.newsContent{
	color: #77715d;
	width: 675px;
	margin: 20px 20px;
	line-height: 1.4em;
	float: left;
}
@media screen and (max-width: 630px) {
.newsContent{
	
	width: 95%;
	margin: 220px 0 10px 0;
}
}

.newsContent a {
    color: #51695B;
}

.newsContent a:hover {
    text-decoration: underline;
}
.maintext {
	color: #77715D;
	width: 465px;
        margin: 20px 0px 25px 0;
	line-height: 1.4em;
	float: left;
}
@media screen and (max-width: 630px) {
.maintext {
	float: left;
	color: #77715d;
	width: 100%;
	/*margin: 40px 2px 0 0;*/
	margin: 0;
	line-height: 1.4em;
}
}
.maintextPrimary {
	color: #77715d;
	width: 465px;
	margin: 25px 0px 0 0;
	line-height: 1.4em;
	float: left;
}
@media screen and (max-width: 630px) {
.maintextPrimary {
	float: left;
	color: #77715d;
	width: 100%;
	margin: 0 0 15px;
	line-height: 1.4em;
}
}
.shadows {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#858585', Direction=165, Strength=6);
	-webkit-box-shadow: 1px 3px 4px 0px rgba(30, 30, 40, .4);
	-moz-box-shadow: 1px 3px 4px 0px rgba(30, 30, 40, .4);
	box-shadow: 1px 3px 4px 0px rgba(30, 30, 40, .4);
}
.nudge30 {
    line-height: 1em;
    margin-bottom: 0.8em;
    margin-top: 1.3em;
}
@media screen and (max-width: 630px) {
.nudge30 {
	margin-top: 0;
}
}	
/* BEGIN Home page elements


/* BEGIN explrnply NAVIGATION ELEMENTS */

.nav {
	display:block; 
	margin:-35px 0 10px -40px;
	<!--[if lte IE]> margin: 0 0 10px 0;<![endif]-->
}
@media screen and (max-width: 630px) {
.nav {
	display: none;
}
}
.navHome {
	display:block; 
	margin:-35px 0 10px -35px;
	<!--[if lte IE]> margin: 0 0 10px 0;<![endif]-->
}
@media screen and (max-width: 630px) {
.navHome {
	display: none;
}
}
#navfirst {
	display:block;
	float:left;
	margin-right:4px;
	}
@media screen and (max-width: 630px) {
#navfirst {
	display:none;
}
}
.mblnav {
	display: none;
}
@media screen and (max-width: 630px) {
.mblnav {
 	float: left;
	display: block;
	width: 90%;
	margin:-71px auto 0 0;  /*THIS POSITION IS UNIQUE TO PARK RECORD PAGEpositions right column vertically from the top. increase the number to make the column rise up*/
	padding: 0;
	list-style: none;
	text-align: center;
}
}
@media screen and (max-width: 630px) {
.mblnav ul {
	 display:block;
	 width: 300px;
	 margin: 0;
	 padding: 0;
	 text-align: center;
	 list-style-type: none;
}
}
@media screen and (max-width: 630px) {
.mblnav ul li {
	display:block;
	float:left;
	margin-right:4px;
}
.nav ul li  {
	display:block;
	float:none;
	margin: 0 ;
}
}
@media screen and (max-width: 630px) {
#home {
	margin: 50px auto 0;
	float: left;
}
}
#campmbl {
	display: none;
}
@media screen and (max-width: 630px) {
#campmbl {
	display: block;
	margin: 50px auto 0 4px;
	float: left;
}
}
@media screen and (max-width: 630px) {
#camping {
	display: none;
}	
}
@media screen and (max-width: 630px) {
#rec {
	display: none;
}	
}
@media screen and (max-width: 630px) {
#visit {
display: block;
		float: left;
		margin: 0 auto 0 4px;
}	
}
@media screen and (max-width: 630px) {
#about {
	display: none;
}	
}
.mblnavtop {
	display: none;
}
@media screen and (max-width: 630px) {
.mblnavtop {
	float: none;
	display: block;
	width: 80%;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
}
.navsecond {
	display:block;
	float:left;
	margin-top:0;
	margin-right:4px;
}
@media screen and (max-width: 630px) {
.navsecond {
	display:none;
}
}


@media screen and (max-width: 630px) {
#camping {
	display: none;
}	
}
@media screen and (max-width: 630px) {
#rec {
	display: none;
}	
}
@media screen and (max-width: 630px) {
#visit {
	display: block;
	float: left;
	margin: 50px auto 0 4px;
}	
}
@media screen and (max-width: 630px) {
#about {
	display: none;
}	
}

.nav_explrnply {
	width: 725px; 
	cursor: pointer;
	margin-left:-30px;
	}
.nav_explrnply ul {
 
	margin: 563px 0 0 41px; /* IF you change the font size or padding for the text for these nav buttons, you'll have to adjust this number accordingly*/ 
	padding: 0;
}
@media screen and (max-width: 630px) {
.nav_explrnply ul {
	display: none;
}
}
.nav_explrnply li {
    display: block;
    float: left;
    margin: -4px 14px;
    overflow: hidden;
    width: 194px;
}
@media screen and (max-width: 630px) {
.nav_explrnply li {
	display: none;
}
}
.nav_explrnply a:link {
	text-decoration: none;
	color: #dee9d9;
}
.nav_explrnply a:hover {
	background: #849e8c;
	padding-top: .6em;
	color: white;
	font-weight: bolder;
}
.nav_explrnply a:active {
	color: #75806f;
}
.nav_explrnply a:visited {
	color: #d0ddc9;
}

/* END explrnply NAVIGATION ELEMENTS */

/*  BEGIN explore learn play photos */
.expnavpix {
	margin: 0 0 0 43px;
	padding: 0;
	width: 685px;
	cursor: pointer;
}
@media screen and (max-width: 630px) {
.expnavpix {
	display: none;
}
}
.expnavpix img {
	zoom: 1;
	margin: 0 12px 0 12px;
	padding: 0;
	-webkit-box-shadow: 3px 1px 3px 0px rgba(64, 64, 64, .4);
	-moz-box-shadow: 3px 1px 3px 0px rgba(64, 64, 64, .4);
	box-shadow: 3px 1px 3px 0px rgba(64, 64, 64, .4);
}
@media screen and (max-width: 630px) {
.expnavpix img {
	display: none;
}
}
/* END explore learn play photos  */

/*  BEGIN explore learn play text */
.explrnply {
	margin: 0 0 0 43px;	
	padding: 0;
	cursor: pointer;
}
@media screen and (max-width: 630px) {
.explrnply {
	display: none;
}
}
.explrnply p {
        zoom: 1;
	float: left;
	width: 11.58em;
	height: 105px;
	margin: -4px 16px 0 12px; /*adjusting the margins or padding will require adjusting the width */
	padding: 1.4em .5em .5em 1.4em;
	background: #f5be62;
	font-family: "Helvetica Neue", Arial, Helvetica, sans serif;
	font-weight: 300;
	font-size: .9em;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(64, 64, 64, .4);
	-moz-box-shadow: 3px 3px 3px 0px rgba(64, 64, 64, .4);
	box-shadow: 3px 3px 3px 0px rgba(64, 64, 64, .4);
}
@media screen and (max-width: 630px) {
.explrnply p {
	display: none;
	}
}
	


.upper { 
	text-transform: uppercase;
	font-size: 1.2em;
}
/*  END explore learn play text */

/* BEGIN map*/
.mapbox {
	float: left;
	padding: 25px 0 100px 0;
}
@media screen and (max-width: 630px) {
.mapbox {
	display: none;
}
}
.maptext {
	width: 640px;
}
@media screen and (max-width: 630px) {
.maptext {
	display: none;
}
}
.maptext h2{
	color: #64776d;
	font-size: 2em;
	font-weight: 200;
	line-height: .8em;
	text-decoration: none; 
	text-transform: uppercase;
	letter-spacing: .1em;
	padding-bottom: .5em;	
}
.maptext h3 {
	padding-top: -30px;
	color: #77715d;
	font-size: 1.35em;
	font-weight: 200;
	line-height: 1.2em;
	text-decoration: none; 
	letter-spacing: 0.15em;
}
.maptext h4 {
	color: #77715d;
	padding: 0;
	margin: 0;
	font-size: .85em;
	font-weight: 200;
	line-height: 1.2em;
	text-decoration: none; 
	letter-spacing: 0.15em;
}

.mapinstruct {
	width:320px;
	float:right;
}

@media screen and (max-width: 630px) {
.mapinstruct {
	display: none;
}
}
/* END map*/

/* END Home page elements
/* BEGIN rightnavthird THE RIGHT NAVCOLUMN WILL NEED A SPECIAL CLASS FOR EACH PAGE TO POSITION IT VERTICALLY*/
.rightnavthird {
	float: right;
	width: 200px;
	margin: 15px 25px 0 0;  /*THIS POSITION IS UNIQUE TO PARK RECORD PAGEpositions right column vertically from the top. increase the number to make the column rise up*/
	padding: 0;
	/*text-align: center;*/
	
}
@media screen and (max-width: 630px) {
.rightnavthird {
    float: none;
    height: auto;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 80%;
}
}
.rightnavthird ul{
	width: 200px;
	list-style: none;
}
@media screen and (max-width: 630px) {
.rightnavthird ul{
	margin: 0 auto;
	padding: 0;
	width: 200px;
	list-style: none;
}
}
.rightnavthird .grn li {	
	display: block;
	margin-bottom: -30px;
}
.rightnavthird li a:link {
	text-decoration: none;
	color: #dee9d9;
}

/* END rightnavthird*/

.homenav .rightnavthird {
	margin:  -168px 25px 0 0; /*THIS POSITION IS UNIQUE TO PARK RECORD PAGEpositions right column vertically from the top. increase the number to make the column rise up*/
}
@media screen and (max-width: 630px) {
.homenav .rightnavthird {
	margin:  320px auto;  /*THIS POSITION IS UNIQUE TO PARK RECORD PAGEpositions right column vertically from the top. increase the number to make the column rise up*/
}
}
.grn {
    width: 200px;
}

/* END rightnavthird*/


/* BEGIN goldnav*/
.rightnavthird .goldnav li {
	width: 200px;
	margin-top: -10px;
		/*BEGIN GOLD gradient background button*/
/*	background: #f4d39c; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #f4d39c 0%, #f5be62 3%, #f5be62 97%, #f4d39c 100%); /* FF3.4+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4d39c), color-stop(3%,#f5be62), color-stop(97%,#f5be62), color-stop(100%,#f4d39c)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* IE10+ */
/*	background: linear-gradient(top,  #f4d39c 0%,#f5be62 3%,#f5be62 97%,#f4d39c 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d39c', endColorstr='#f4d39c',GradientType=0 ); /* IE6-9 */
/*	/*END GOLD gradient background button*/		
/*	margin: 0 0 6px 0;
/*	padding: 6px 0;
/*	font-family: "Helvetica Neue", Arial, Helvetica, sans serif;
/*	font-size: 1em; /* adjusting this size will effect how much margin-top '.nav_explrnply ul' should have */
/*	font-weight: 500;
/*	color: white;
/*	text-decoration: none; 
/*	text-align: center;
/*	text-transform: uppercase;
/*	letter-spacing: .1em;
/*	-moz-border-radius-topright: 10px;
/*	border-top-right-radius: 10px;
/*	-moz-border-radius-topleft: 10px;
/*	border-top-left-radius: 10px;
/*	-webkit-box-shadow: 3px 3px 3px 0px rgba(20, 20, 40, .4);
/*	-moz-box-shadow: 3px 3px 3px 0px rgba(20, 20, 40, .4);
/*	box-shadow: 3px 3px 3px 0px rgba(20, 20, 40, .4);*/
}
/*.oneline {
	padding: 24px 0;
}*/
/* END goldnav*/

/* BEGIN app ad */
@media screen and (max-width: 630px) {
.rightnavthird .goldnav li {
	display: none;
}
}
.app {
	float:right;
	margin-top: .5em; margin-bottom: 8px;
	padding: 0;
	text-align: center;
}
@media screen and (max-width: 630px) {
.app {
     float: none;
     margin: .5em auto;
}
}
/* END app ad */

/* BEGIN Americorps ad */
/*.americorps {		
	margin: 0 0 6px 0;
	padding-bottom: 20px; /* bottom of americorps symbol was being clipped */
/*    width: 200px;
	text-align: center;
	}*/
/* END Americorps ad */



fieldset {
border: none;
}
@media screen and (max-width: 630px) {
.fwpFieldset{
    display: none;
}
}
.parksPageHeader {   
    background-color: #2D5741;      
}

.mtgov {
  padding-top:5px;
}
@media screen and (max-width: 630px) {
.mtgov{
    display: none;
}
}
.parksPageFooter {
    background-color: #2D5741;
    margin: 0 -10px;
}
@media screen and (max-width: 630px) {
.parksPageFooter {
    display: none;
}
}
.footer {
	width: 100%;
	height: auto;
	background-color: white;
	color: #728a7a;
	float: left;
	margin: 0 0 -2px -10px; /* this is a sloppy hack to merge the white background of the footer div with the page div. For some reason the page div didn't include the footer */
	padding: 30px 0 0 10px; /* this is a sloppy hack to merge the white background of the footer div with the page div. For some reason the page div didn't include the footer */ 
	text-align: center;
	font-family:  "Helvetica Neue", Arial, Helvetica, sans serif;
	font-size: .7em;
	letter-spacing: .1em;
}
@media screen and (max-width: 630px) {
.footer {
	width: 95%;
	margin: 0 auto;
	height: auto;
	/*background-color: white;*/
	color: #728a7a;

	/*margin: -200px 0 0 -10px;  this is a sloppy hack to merge the white background of the footer div with the page div. For some reason the page div didn't include the footer */
	/*padding: 30px 0 10px 10px;  this is a sloppy hack to merge the white background of the footer div with the page div. For some reason the page div didn't include the footer */ 
	text-align: center;
	font-family:  "Helvetica Neue", Arial, Helvetica, sans serif;
	font-size: .7em;
	letter-spacing: .1em;
}
}

.search {
	width: 30%;
	margin: 0 35% 0 35%;
	text-align: center;
	}
@media screen and (max-width: 630px) {
.search {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}	
}	
.fwpNav a:hover {
  color: #77715D;
  text-decoration: underline;
  font-weight: 700;
}
.fwpNav{
	color: #77715D;
	font-size: 1.2em;
}
.fwpNav a {
	color: #77715D;
}
.footerlink {
 color:white;
}
.footerlink a {
 color:white;
}
.footerlink a:hover {
  font-weight: bold;
}
.footernav {
	color: #51695B;
	font-size: 1.2em;
}
.footernav a {
	color: #51695B;
}
.footernav a:hover {
  color: #51695B;
  text-decoration: underline;
  font-weight: 700;
}
.footernav a:visited{
  color: #51695B;
}

.holdem {
	height: 20px;
	width: 70px;
	margin:0 auto;
}
.fbbottom {
	height: 20px;
	width: 20px;
	float: left;
}
.twtrbottom {
	height: 20px;
	width: 20px;
	float: left;
	margin-left: 3px;
}
.utubebottom {
	height: 20px;
	width: 20px;
	float: right;
}
/* END footer */
	
		.subhead1 {
			float: left;
			width: 100%;
			font-size: 2em;
		}
		.twohundred{
			width: 200px;
		}
		.tricolumn {
			width:28%;
			float:left;
			margin: 0 20px 20px 20px;
		}
		.headcaption {
			margin: 0;
			padding: 0;
			width: 705px;
		}
		@media screen and (max-width: 630px) {
		.headcaption {
			margin: 0;
			padding: 0;
			width: 90%;
				}
		}
		.headcaptionPrimary {
			margin: -190 0 0;
			padding: 0;
			width: 705px;
		}
		@media screen and (max-width: 630px) {
		.headcaptionPrimary {
			margin: 0;
			padding: 0;
			width: 95%;
				}
		}
@media screen and (max-width: 630px) {
li.parkstore {
		display:block;
}
}
@media screen and (max-width: 630px) {
.parkstore {
		display:block;
		}
}
@media screen and (max-width: 630px) {
.storepic {
	display: none;
	}
}
.gsfe_a{border:1px solid #b9b9b9;border-top-color:#a0a0a0;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);}.gsfe_b{border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);}.gscsep_a{display:none}.gsq_a{padding:0}.gsib_a{width:100%;vertical-align:top;padding:4px 6px 0}.gssb_a{padding:0 7px}.gssb_a,.gssb_a td{white-space:nowrap;overflow:hidden;line-height:22px}#gssb_b{font-size:11px;color:#36c;text-decoration:none}#gssb_b:hover{font-size:11px;color:#36c;text-decoration:underline}.gssb_m{color:#000;background:#fff}.gssb_g{text-align:center;padding:8px 0 7px;position:relative}.gssb_h{font-size:15px;height:28px;margin:0.2em}.gssb_i{background:#eee}.gss_ifl{visibility:hidden;padding-left:5px}.gssb_i .gss_ifl{visibility:visible}a.gssb_j{font-size:13px;color:#36c;text-decoration:none;line-height:100%}a.gssb_j:hover{text-decoration:underline}.gssb_l{height:1px;background-color:#e5e5e5}.gssb_c{border:0;position:absolute;z-index:989}.gssb_e{border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:default}.gssb_f{visibility:hidden;white-space:nowrap}.gssb_k{border:0;display:block;position:absolute;top:0;z-index:988}.gscb_a{display:inline-block;font:27px/13px arial,sans-serif}.gsst_a .gscb_a{color:#a1b9ed;cursor:pointer}.gsst_a:hover .gscb_a{color:#36c}.gsst_a{display:block;line-height:13px}.gsst_a:hover{text-decoration:none!important}.gsst_b{width:3px}.gsst_c{width:1px}.gsst_d{width:7px}.gsst_e{filter:alpha(opacity=55);opacity:0.55}.gsst_a:hover .gsst_e{filter:alpha(opacity=72);opacity:0.72}.gsst_a:active .gsst_e{filter:alpha(opacity=100);opacity:1}.gssb_a{padding:0 7px}.gssb_e{border:0}.gssb_l{margin:5px 0}.gssb_c .gsc-completion-container{position:static}.gssb_c{z-index:5000}.gsc-completion-container table{background:transparent;font-size:inherit;font-family:inherit}.gssb_c > tbody > tr,.gssb_c > tbody > tr > td,.gssb_d,.gssb_d > tbody > tr,.gssb_d > tbody > tr > td,.gssb_e,.gssb_e > tbody > tr,.gssb_e > tbody > tr > td{padding:0;margin:0;border:0}.gssb_a table,.gssb_a table tr,.gssb_a table tr td{padding:0;margin:0;border:0}

/* Begin Interactive Map Css */
ol.plain  { 
        /*list-style: none;*/
        float: left;
        font-family: Arial, helvetica, 'Helvetica-Neue', sans-serif;
        font-weight: 200;
        letter-spacing: .125em;
        line-height:1.4em;
       	margin-left: -6px;
        }
        li.ltgreen {
        background-color: #ecf1f3;
        }
        .tablist {
        float: left;      
        width: 60%;
        margin-left:25px;
        }
        @media screen and (max-width: 630px) {
       .tablist {
        display: none;
        }        
        }
        .tablist3c {
        float: left;
        width: 28%;
        margin: 30px 0 0 30px;
        text-decoration: none;
        }
        dl.map.on {
        float: left;
 		background: url(/opencms/_imageGallery/home/mt_st_map.jpg) no-repeat;
 		border: none;
 		margin: 0px;
		padding: 0px;
  		text-align:left;
  		width: 704px;
  		height: 514px;
  		position: relative
  
		}
		dl.map.on dt {
  		display: inline;
		}
		dl.map.on dd {
  		background: #555;
  		border: 2px solid #222;
  		border-radius: 8px; /* CSS3 rounded corners */
  		-moz-border-radius: 8px; /* Mozilla rounded corners */
  		color: #fff;
  		padding: 4px;
  		width: 100px; /*sets width of park pop up window */
  		position: absolute;
  		left: -9999px;
 	 	z-index: 11;
		}
		dl.map.on a.location {
  		background: url(/opencms/_imageGallery/home/point.png) no-repeat;
  		display: block;
  		outline: none;
  		text-decoration: none;
  		text-indent: -9999px;
  		width: 16px;
  		height: 16px;
  		position: absolute;
  		z-index: 10;
		}
		dl.map.on a.location:hover {
  		background: url(/opencms/_imageGallery/home/point-hover.png) no-repeat -1px -1px;
		}
		/*BEGIN attemtping to add image and tooltip BEGIN*/
		dl.map.on dd a {
		text-decoration:none;
		color:#00566A;
}
@media screen and (max-width: 630px) {
       dl.map.on{
        display: none;
        }        
        }
dl.map.on dd a:hover {
	text-decoration:none;
}
dl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(/opencms/_imageGallery/home/closeit.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	/*width:200px;*/
	padding:8px;
	border:#FFF 2px solid;
	background:url(/opencms/_imageGallery/home/tooltip-bg.png);

	z-index:11;
	font-family: Arial "Helvetica Neue" Helvetica sans-serif;
	font-size:.7em;
	letter-spacing: .1em;
	color:#000;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, .5);
	-moz-box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, .5);
	box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, .5);
}
dl.map.on dd img {
	position:relative;
	margin:6px 0 6px 0;
}
/*END attemtping to add image and tooltip END*/

/* BEGIN plotting markers for parks on the map */
		dl.map.on a#AckleyLake {
  		top: 208px;
  		left: 336px;
		}
		dl.map.on a#AnacondaSmokeStack {
  		top: 272px;
  		left: 165px;
		}
		dl.map.on a#Bannack {
  		top: 356px;
  		left: 164px;
		}
		dl.map.on a#BeaverheadRock {
  		top: 340px;
  		left: 200px;
		}
		dl.map.on a#beavertailHill {
  		top: 221px;
  		left: 128px;
		}
		dl.map.on a#BigArm {
  		top: 130px;
  		left: 84px;
		}
		dl.map.on a#BlackSandy {
  		top: 222px;
  		left: 237px;
		}
		dl.map.on a#BrushLake {
  		top: 67px;
  		left: 652px;
		}
		dl.map.on a#chiefplentycoups {
  		top: 338px;
  		left: 403px;
		}
		dl.map.on a#clarkslookout {
  		top: 352px;
  		left: 190px;
  		}	
  		dl.map.on a#cooney {
  		top: 340px;
  		left: 380px;
		}
  		dl.map.on a#council_grove {
  		top: 208px;
  		left: 96px;
		}
		dl.map.on a#elkhorn {
  		top: 261px;
  		left: 227px;
		}	
  		dl.map.on a#finley_point {
  		top: 136px;
  		left: 100px;
		}	
  		dl.map.on a#first_peoples {
  		top: 157px;
  		left: 240px;
		}
		dl.map.on a#fish_creek {
  		top: 195px;
  		left: 57px;
		}	
  		dl.map.on a#fort_owen {
  		top: 242px;
  		left: 101px;
		}	
		dl.map.on a#frenchtown_pond {
  		top: 200px;
  		left: 82px;
		}	
  		dl.map.on a#giant_springs {
  		top: 157px;
  		left: 257px;
		}	
		dl.map.on a#granite_ghost_town {
  		top: 258px;
  		left: 140px;
		}
  		dl.map.on a#greycliff_prairie_dog_town {
  		top: 320px;
  		left: 360px;
		}	
		dl.map.on a#hell_creek {
		top: 164px;
  		left: 500px;
		}	
		dl.map.on a#lake_elmo {
  		top: 307px;
  		left: 407px;
		}
		dl.map.on a#lake_mary_ronan {
  		top: 114px;
  		left: 84px;
		}
		dl.map.on a#les_mason {
  		top: 64px;
  		left: 88px;
		}		
		dl.map.on a#lewis_clark_caverns {
  		top: 301px;
  		left: 224px;
  		}  		
		dl.map.on a#logan {
  		top: 110px;
  		left: 56px;
		}		
		dl.map.on a#lone_pine {
  		top: 98px;
  		left: 86px;
		}			
		dl.map.on a#lost_creek {
  		top: 262px;
  		left: 155px;
		}		
		dl.map.on a#madison_buffalo_jump {
  		top: 307px;
  		left: 261px;
  		}
		dl.map.on a#makoshika {
  		top: 195px;
  		left: 640px;
		}		
		dl.map.on a#marias_river {
  		top: 77px;
  		left: 224px;
		}		
		dl.map.on a#medicine_rock {
  		top: 266px;
  		left: 652px;
		}		
		dl.map.on a#missouri_headwaters {
  		top: 298px;
  		left: 250px;
  		} 
  		dl.map.on a#milltown {
  		top: 210px;
  		left: 110px;
  		}  		
		dl.map.on a#north_shore {
  		top: 98px;
  		left: 100px;
		}			
  		dl.map.on a#painted_rocks {
  		top: 308px;
  		left: 76px;
		}				
		dl.map.on a#pictograph_cave {
  		top: 323px;
  		left: 410px;
		}		
		dl.map.on a#pirogue_island {
  		top: 256px;
  		left: 579px;
		}			
  		dl.map.on a#placid_lake {
  		top: 164px;
  		left: 127px;
		}		
		dl.map.on a#rosebud_battlefield {
  		top: 344px;
  		left: 515px;
		}			
  		dl.map.on a#salmon_lake {
  		top: 176px;
  		left: 134px;
		}			
  		dl.map.on a#sluice_boxes {
  		top: 178px;
  		left: 282px;
		}		
		dl.map.on a#smith_river {
  		top: 216px;
  		left: 261px;
		}		
		dl.map.on a#spring_meadow_lake {
  		top: 232px;
  		left: 221px;
		}				
  		dl.map.on a#thompson_falls {
  		top: 140px;
  		left: 34px;
		}		
		dl.map.on a#tongue_river {
  		top: 360px;
  		left: 523px;
		}		
		dl.map.on a#tower_rock {
  		top: 189px;
  		left: 232px;
		}				
  		dl.map.on a#travelers_rest {
  		top: 224px;
  		left: 101px;
		}			
		dl.map.on a#wayfarers {
  		top: 108px;
  		left: 110px;
		}		
		dl.map.on a#west_shore {
  		top: 110px;
  		left: 97px;
		}		 		
		dl.map.on a#whitefish_lake {
  		top: 78px;
  		left: 88px;
		}		
		dl.map.on a#wild_horse_island {
  		top: 124px;
  		left: 94px;
		}			
		dl.map.on a#yellow_bay {
  		top: 126px;
  		left: 108px;
		}						
		dl.map.on a#yellowstone_river {
  		top: 283px;
  		left: 443px;
		}	
		.subhead1 {
			float: left;
			width: 100%;
			font-size: 2em;
		}
		.twohundred{
			width: 200px;
		}
		.tricolumn {
			width:28%;
			float:left;
			margin: 0 20px 20px 20px;
		}
/* End Interactive Map */

/* Accordion */
.accordion {
	width: 100%;
	float: right;
	margin: 20px 5px 20px 0px;
	padding: 0;
	background: fff;
}
.accordion.secondary {
	width: 100%;
	float: right;
	margin: 0px 5px 20px 0px;
	padding: 0;
	background: fff;
}
.section {
	background: #fff;
	padding-bottom: 5px;
	margin-bottom: 10px;
	clear: both;
	width: 100%;
}

.sectionHeader a:link,.inactiveHeader a:link {
	font-size: 1em;
	color: #77715D;
	margin: -5px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
	border-top: 1px solid #c8beab;
	border-bottom: 1px solid #c8beab;
	background: #f4f4f3;
	text-decoration: none;
	width: 100%;
	clear: both;
	float: left;
}

.pageLink a{
	
	margin: -5px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
}

.sectionHeader a:visited {
	color: #77715D;
	text-decoration: none;
	border-bottom: 1px solid #C8BEAB;
        border-top: 1px solid #C8BEAB;
        background: #f4f4f3;
	margin: -5px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
	width: 100%;
	clear: both;
	float: left;
}

.sectionHeader a:hover {
	color: #fff;
	background: #51695B;
	text-decoration: none;
	width: 100%;
	margin: -5px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
	border-top: 1px solid #c8beab;
	border-bottom: 1px solid #c8beab;
}

.sectionHeader a:active,.inactiveHeader a:active {
	text-decoration: none;
}

.activeHeader a:link {
	color: #Fff;
	background: #829D8D;
	text-decoration: none;
}

.activeHeader a:visited {
	color: #Fff;
	background: #829D8D;
	text-decoration: none;
}

.activeHeader a:hover {
	color: #fff;
	background: #51695B;
}

.activeHeader a:active {
	color: #fff;
	background: #829D8D;
	text-decoration: none;
}

.sectionHeader img {
	margin: 0px;
	border: none;
}

.sectionContent {
	padding-left: 20px;
}

.sectionContent h6 {
	letter-spacing: .1em;
}

.sectionContent a:link {
	color: #0064b3;
	text-decoration: none;
}

.sectionContent a:visited {
	color: #0064b3;
	text-decoration: none;
}

.sectionContent a:hover {
        
	text-decoration: underline;
}

.sectionContent a:active {
	
	text-decoration: underline;
}

/* End Accordian */

.eventSearch {
    margin: 5px 0 15px 0;
}
@media screen and (max-width: 630px) {
.eventSearch {
    margin: 5px 0 55px 0;
}
}
#pageSearchForm {
  text-align: center;
}
.newsArticle {
    background-image: url("/export/resources/images/fwp_news_bg.gif");
    background-position: 0 0;
    background-repeat: repeat-y;
    border-bottom: 1px solid #FFFFFF;
    margin: 4px 4px 8px 4px;
    padding: 0;
}

.fwpImageBlock {
    margin: 2px;
    padding: 0;

    font-size: .7em;
}
.newsArticle .body {
    margin-left: 114px;
    margin-right: 2px;
    padding: 5px 5px 5px 29px;
}
.newsArticle .newsClear {
    clear: left;
}
.searchHeadline {
    background-color: #F0F0F0;
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 114px;
    padding: 2px 2px 2px 8px;
    position: relative;
	line-height: 2em;
}
#bodyFooter {
   color: white;
   font-size: .7em;
   display: inline;
}
@media screen and (max-width: 630px) {
#bodyFooter {
	display: none;
}
}
#credit{
    float: right;
    width: 11%;
}
#copyright{
     text-align: center;
     margin-left: 250px;
     width: 47%;
}

.infoboxcontent{
     overflow: hidden;
}

#displayHours {
	display: none;
}
@media screen and (max-width: 630px) {
#displayHours {
	display: block;
	width: 80%;
	background-color: #51695b;
	color: white;
	padding: 2% 10%;
	margin: 0;
}
}

#displayText {
	display: none;
}

@media screen and (max-width: 630px) {
#displayText {
	display: block;
	width: 50%;
	background-color: #51695b;
	color: white;
	padding: 2%;
}
}

@media screen and (max-width: 630px) {
#toggleText {
	display: none;
}
}
@media screen and (max-width: 630px) {
#toggleHours {
	display: none;
}
}
#displayContact {
	display: none;
}
@media screen and (max-width: 630px) {
#displayContact {
	display: block;
	width: 80%;
	background-color: #51695b;
	color: white;
	padding: 2% 10%;	
}
}
@media screen and (max-width: 630px) {
#toggleContact {
	display: none;
}
}
#displayClosures {
	display: none;
}
@media screen and (max-width: 630px) {
#displayClosures {
	display: block;
	width: 80%;
	background-color: #51695b;
	color: white;
	padding: 2% 10%;
	margin:0 0 -12px 0;	
}
}

@media screen and (max-width: 630px) {
#toggleClosures {
	display: none;
}
}
#toggleClosures.alert a {
    color: #e60000;
} 
@media screen and (max-width: 630px) {
.brown  {
	display: block;
	width: 80%;
	background-color: #51695b;
	color: white;
	margin: -12px 0;
	padding: 2% 10%;

}
}
@media screen and (max-width: 630px) {
.brown a {
       color: white;
}
}
.pager {
     width:550px; 
     margin:-15px 15px 0px 15px;
}

@media screen and (max-width: 630px) {
.pager {
     width:95%; 
     margin:0;
}
}   
.formtype {
     font-size: 2em;
     margin: 0 100px 8px 0;
}

.formtypeHome {
     font-size: 2em;
     margin: 10px 0 22px 0;
}

.formtypeActivities {
     font-size: 2em;
     margin: 0px 126px 35px 5px;
}

.activitiesSearchForm {
     font-size: 2em;
     margin: 5px 0 15px -18px;
}

.dataItemBody {
    padding: 15px 0 5px 5px;
}
.subTitle {
   font-weight: bold;
   font-size: 1.2em;
}

#homeParkSearch {
    float: left;
    font-size: 0.7em;
    margin: -8px;
    text-align: center;
    width: 77%;
}
#activitiesSearch {
    float: left;
    font-size: 0.7em;
    margin: -8px;
    text-align: center;
    width: 77%;
}
/*americorps embedded video*/
@media screen and (max-width: 630px) {
.video {
     max-width: 100%; 
     margin: 0 0 1.5em 0;
}
}

/*video gallery*/

/*video thumbnail*/
.videoThumb  {
	display: block; 
	float: left; 
	padding: 1em 2em 2em 0em;
}


/*BEGIN Alerts and highlighted content*/

.alertBox {
     border: 1px solid #ccc;
    margin: 1em auto;
    padding: 0.3em .5em 0em .9em;
/* text-align: center;
   width: 75%;*/
}
.alertBoxGrey {
    border: none;
	background-color: #eee;
    margin: 2em auto;
    padding: 0.2em 2em;
    text-align: center;
    width: 75%;
}
.blueButton {
	background-color: #0064b3; 
	color: #fff; 
	padding: .5em;
}
/*END Alerts and highlighted content*/


/*from FWP responsive.css */
/* --------------------------------------------------------------------------------------- 
 HTML 5 styles                                                                            
 --------------------------------------------------------------------------------------- */


section {
	margin: .5em;
	clear: both;
	/*background-color: $white;*/
	overflow: hidden;
} 

article { 
	margin: .5em 0em;
    /*clear: both;*/
	overflow: hidden; 
}

/*--------------------------------------------------------------------------------------- 
In general, content areas can only go to a certain width because it would be too hard to read if 
text got really wide. In some cases, mostly tables, it's okay to let the block go to whatever
width it gets stretched to. That's what .letItBeWide is for   */ 
                                    
article:not(.letItBeWide) {
	max-width: 55em;	
} 
.scrollable {
	overflow-x:scroll;
} 

/* --------------------------------------------------------------------------------------- 
 HTML 4 styles                                                                            
 --------------------------------------------------------------------------------------- 
*/

h3, h4, h5, h6  {
/*	font-family: $fontMediumHeader;
	font-weight: $semiBold;*/
}

h3 {
	font-size: 2.2em;
	/*color: $blue6;  //$black;*/
	text-decoration: none;
	padding: .5em 1em .3em 0;  
	line-height: 1.1em;  
	}

/*---------------------------------------------------------
STORIES (used for news releases and public notices)
---------------------------------------------------------*/

section.stories h3 {
	padding: .5em 1em .3em 1em;  
}
section.stories article {
	padding:0 1em;
	
}
section.stories p.category {
	color:$gray5;  
	font-size:.9em; 
	margin:-.5em 2em 0 0;
	padding:0;
	float:left;
} 
section.stories article h3 {
	margin:0; 
	padding:1em 0 0 0;
	font-size:1.4em;
	width: 100%;
}
@media screen and (max-width: 630px) {
section.stories article h3 {
	margin:0; 
	padding:0;
	font-size:1.4em;
	width: 100%;
}
}

section.stories article h3 a {  
	color:$green6;
}
section.stories h3.sectionTitle {
	background-color:$blue6;
	color:$white;
	font-size:1.6em;
	line-height:1.2em;
	padding:.2em .5em;
	margin:0;
    @include topRightRoundCorner (10px);	
    @include topLeftRoundCorner (10px);		
}
section.stories img.icon {
	float:left;
	margin:1.7em .8em 0 0;
}

/*--------------------------------------------------------------------------------------- 
GRID System                                                                              
---------------------------------------------------------------------------------------*/

.col, .colClear {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow:hidden; 	 
}
.colClear {
	clear: both;
}
.span12of12 {
	width: 100%;
	clear: both;
}
.span11of12 {
	width: 91.5%; 
}
.span10of12 {
	width: 83.2%; 
}
.span9of12 {
	width: 74.8%;  
}
.span8of12 {
	width: 66.5%; 
}
.span7of12 {
	width: 58.2%;  
}
.span6of12 {
	width: 49.8%; 
}
.span5of12 {
	width: 41.5%; 
}
.span4of12 {
	width: 33.2%; 
}
.span3of12 {
	width: 24.8%;  
}
.span3of12.flyoutClosed {
	float:right;
}  
.span2of12 {
	width: 16.5%; 
}
.span1of2 {  
	width: 8.33%;     
}