html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline;
background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
	}
* html .clearfix {height: 1%;}
/* end hide from IE-mac */

body {
	background-position: top no-repeat -80px;
	background-image: url(../images/page.gif);
	background-color:#f4efdd;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 16px;
	border-top: 1px solid #999;
} 

#wrapper {
	width: 986px;
	margin: auto;
	text-align: left;
	background: url(../images/page_shadow.png) top center repeat-y;
}

#page {
	margin: 0 13px 0 13px;
	background-color: #fff;
	padding-bottom: 0px;
}

/*this used to hold the top banner and menu*/
/*#bar, #bar a {
    width: 960px; 
    position: relative;
    font-size: 12px;
    color: #000;
    display: block;
}*/


    #bar span { 
        cursor: pointer;
        display: block; position: absolute; top: 0; left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bannerPEPC.gif) top left no-repeat;
    }


#billboard {
    width: 710px;
    height: 340px;
    float: left; display: inline;
    overflow: hidden;
}

    #billboard img { display: block; }

#tools {
    float: right; display: inline;
    background: #337ab7 url(/pwr/home/images/bg/tools.gif) top left no-repeat;
    padding: 30px 20px 0 20px;
    width: 210px;
    height: 310px;
    overflow: hidden;
}

.quickSearch td {
	color:#666666;
	font-size:13px;
	padding-bottom:3px;
	font-weight:bold;
}
.quickSearch td input, .quickSearch td select {
	color:#333;
	font-size:12px;
	margin-left:5px;
}
	
	#search_form, #find_park_form {
        display: block;
        border-bottom: 1px solid #ccac58;
        padding-bottom: 29px;
        margin-bottom: 29px;
    }

        #search_form label, #find_park_form label { display: block; margin-bottom: 12px; }

        #search_form input, #find_park_form input { display: inline; vertical-align: middle; }

        #search_form .submit, #find_park_form .submit { margin-left: 5px; margin-bottom: 5px;} 

        #find_park_form select { 
            width: 160px;
            font-size: 12px;
            line-height: 14px;
            color: #666;
            margin-bottom: 5px;
            border: none;
            vertical-align: middle;
            padding: 2px; padding-top: 3px;
        }

            body.small #find_park_form select { font-size: 10px; }
            body.large #find_park_form select { font-size: 16px; }

        #search_form .query { 
            padding: 3px; 
            border: none;
            font-size: 12px; 
            line-height: 14px; 
            color: #666;
            width: 150px;
            margin-bottom: 5px;
        }

        #search_form .advanced, #find_park_form .advanced { 
            font-size: 10px;
            line-height; 16px;
            color: #fff;
            margin-top: 10px;
            text-decoration: none;
        }
            
            body.small #search_form .advanced, body.small #find_park_form .advanced { 
                font-size: 10px;
            }

            body.large #search_form .advanced, body.large #find_park_form .advanced { 
                font-size: 13px;
            }
            
            #find_park_form .advanced { width: 160px; }

            #search_form .advanced:hover, #find_park_form .advanced:hover { text-decoration: underline; } 

    #text_sizes {
        display: none;
    }

        #text_sizes p {
            display: inline-block;
            margin-right: 15px;
            vertical-align: middle;
        }

        #text_sizes ul { 
            vertical-align: middle;
            display: inline-block;
        }

        #text_sizes li {
            float: left;
            height: 18px;
            overflow: hidden;
            width: 16px;
            margin-right: 3px;
        }

            #text_sizes li a {
                display: block;
                height: 18px;
                text-indent: -9999px;
                overflow: hidden;
                width: 16px;
                background: url(/pwr/home/images/text_sizes.gif) top left no-repeat;
            }
            
            #text_sizes .small a {
                background-position: 0px 0px;
            }
                #text_sizes .small a:hover, #text_sizes .small a.active {
                    background-position: 0px -18px;
                }

            #text_sizes .medium a {
                background-position: -19px 0;
            }
                #text_sizes .medium a:hover, #text_sizes .medium a.active {
                    background-position: -19px -18px;
                }

            #text_sizes .large a {
                background-position: -38px 0;
            }
                #text_sizes .large a:hover, #text_sizes .large a.active {
                    background-position: -38px -18px;
                }


#nav {
    clear: both;
    padding-bottom: 0px;
    /*background: url(../images/nav_shadow.gif) bottom left no-repeat;*/
	background: url(../images/nav/navBarBG.gif) 0px 0px repeat-x;
	height:42px;	
}
#navShadow {
	background: url(../images/nav_shadow.gif) top center no-repeat;
	height:15px;
}

#navHolder {
	background: url(../images/nav/navBarBG.gif) 0px 0px repeat-x;
	text-align:center;
	width:960px;
	height:32px;
	margin:0px;
	padding:0px;
	border-top:1px solid #7E9159;
	border-bottom:1px solid #7E9159;
}
#PEPCnavHolder {
	/*background: url(../images/nav/navBar2BG.gif) 0px 0px repeat-x;*/
	background: url(../images/nav/navBar4BG.gif) 0px 0px repeat-x;
	text-align:center;
	width:960px;
	height:26px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6B7A9F;
	border-bottom-color: #000;
	background-color:#000;
}

.navLink {
	height: 24px;
	overflow: hidden;
	position: relative;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	vertical-align:middle;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	/*background: url(../images/nav/navBar2BG.gif) 0px 0px repeat-x;*/
	/*background: url(../images/nav/navBar3BG.gif) 0px 0px repeat-x;*/
	background: url(../images/nav/navBar4BG.gif) 0px 0px repeat-x;
	margin:0px;
	float:left;
}
.navLinkSelected a {
    font-weight: bold !important;
}
.navLink:hover {
	/*background: url(../images/nav/navBar2BGOver.gif) 0px 0px repeat-x;*/
	/*background: url(../images/nav/navBar3BGOver.gif) 0px 0px repeat-x;*/
	background: url(../images/nav/navBar4BGOver.gif) 0px 0px repeat-x;
}
.navLink:visited {
    color: #fff;
}
.navDivider2 {
	width:2px;
	height:26px;
	/*background: url(../images/nav/navBarDiv.gif) 0px 0px repeat-x;*/
	/*background: url(../images/nav/navBar3Div.gif) 0px 0px repeat-x;*/
	background: url(../images/nav/navBar4Div.gif) 0px 0px repeat-x;
	float:left;
}
#nav_Home { width:168px; }
#nav_Parks { width:218px; }
#nav_Plans { width:168px; }
#nav_Policy { width:168px; }
#nav_Links { width:168px; }
#nav_Planning { width:180px; }
#nav_Search { width:218px; }


a.navLinkNPS {
      overflow: hidden;
      position: relative;
			color:#FFF;
			text-decoration:none;
			font-size:13px;
			font-weight:bold;
			font-family:Verdana, Geneva, sans-serif;
			letter-spacing:0px;
			vertical-align:middle;
			padding:5px;
			padding-left:0px;
			padding-right:0px;
			padding-bottom:11px;
			background: url(../images/nav/navBarBG.gif) 0px 0px repeat-x;
			margin:0px;
			float:left;
}
a.navLinkNPS:hover {
	background: url(../images/nav/navBarBGOver.gif) 0px 0px repeat-x;
}
a.navLinkNPS:visited {
    color:#FFF;
}

.navDivider {
	width:2px;
	height:32px;
	background: url(../images/nav/navBarDiv.gif) 0px 0px repeat-x;
	float:left;
}

#content {
	padding-top: 8px;
	padding-right: 19px;
	padding-bottom: 10px;
	padding-left: 5px;	/*background: url(../images/nav_shadow.gif) bottom left no-repeat;*/
	}
#contentHome {
	float:left;
	width:490px;
}
#news, #events {
    float: right;
    width: 320px;
    margin-right: 25px;
    border-bottom: 1px solid #cccccc;
}
#search {
    float: left;
    width: 249px;
    margin-left: 0px;
	margin-right: 25px;
}
#homeMap {
    float: left;
    width: 400px;
    margin-left: 25px;
	margin-right: 0px;
}

#events { margin-right: 20px; } 

    #news h2 span {
        background: url(/pwr/home/images/titles/news.gif) top left no-repeat;
        position: absolute;
        top: 10px; left: 0;
        height: 19px;
        width: 56px;
    }

    #events h2 span {
        background: url(/pwr/home/images/titles/events.gif) top left no-repeat;
        position: absolute;
        top: 10px; left: 0;
        height: 18px;
        width: 65px;
    }
	#homeMap h2 {
	}

.headerBar h2 {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 0 8px 0;
        border-top: 2px solid #d1b366;
        border-bottom: 0px solid #cccccc;
        position: relative;
        margin-bottom: 3px;
		font-family:Frutiger LT Std, Frutiger, Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#5E7630;
    }

    .items h2, .h1Welcome {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 0 8px 0;
        border-top: 2px solid #d1b366;
        border-bottom: 1px solid #cccccc;
        position: relative;
        margin-bottom: 18px;
		font-family:Frutiger LT Std, Frutiger, Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#5E7630;
    }

	
	#homeMap .items h2 {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 0 8px 0;
        border-top: 2px solid #d1b366;
        border-bottom: 0px solid #cccccc;
        position: relative;
        margin-bottom: 3px;
		font-family:Frutiger LT Std, Frutiger, Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#5E7630;
    }

        .items h2 small {
            position: absolute;
            bottom: 10px; right: 0;
            font-size: 11px;
            line-height: 14px;
            color: #337ab7;
            font-weight: normal;
        }

            body.small .items h2 small { font-size: 10px; }
            body.large .items h2 small { font-size: 14px; line-height: 16px; }

            .items h2 small a {
                color: #337ab7;
                text-decoration: none;
            }

                .items h2 small a:hover { text-decoration: underline; }

    .items ul {
       padding-bottom: 10px; 
			 margin-top:10px;
    }

		/*.items li {
				margin-bottom: 10px;
				font-size: 14px;
				line-height: 18px;
				color: #666666;
		}*/
		.items ul li {
	background: url(/images/blue.gif) 0px 7px no-repeat;
	display: block;
	line-height: 18px;
	list-style: none;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
        }

		body.small .items li { font-size: 11px; }
		body.large .items li { font-size: 17px; line-height: 20px; }

		/*.items li a { display: block; text-decoration: none; color: #666;}*/
		.items li a:hover strong { color: #d39800; }
		/*.items li a:hover { color: #999; }*/

		.items li strong {
				display: block;
				font-weight: bold;
				color: #337ab7;
				font-size: 16px; 
				line-height: 20px;
		}
		body.small .items li strong { font-size: 13px; }
		body.large .items li strong { font-size: 19px; line-height: 22px; }


.npsFooter {
    margin-top: 0px;
		margin-left:auto;
  	margin-right:auto;
    padding: 12px;
    padding-bottom: 10px;
    padding-left: 17px;
    display: block;
    background-color: #000;
    width: 932px;
		height: 71px;
}


.footer_nav {
	display: block;
	margin-bottom: 3px;
	margin-top:20px;
	float:right;
	text-align:right;
	width:875px;
}

.footer_nav ul li {
	display: inline;
	
}

.footer_nav ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	margin-left: 12px;
}
.footer_nav ul li clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.footer_nav ul li a.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
.footer_nav ul li a.clearfix {
	display: block;
	}

.footer_nav ul li a:hover {
	text-decoration: underline;
}
.npsgov {
	float:left;
}
.npsfooterlogo {
	float:left;
}
.experience {
	float:right;
}

/* FOR HIDING SCREEN READER (508) CONTENT */
.hidden
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}
 
.subTitle {
  font-weight: bold;
  color: #706d5f;
}
.publicTitle {
	border:1px solid #DBD8A4;
	background-color:#E9E7C7;
	padding:5px;
	font-weight: bold;
}

.formBox {
	border: 1px solid #DBD8A4;
	/*background-color: #E9E7C7;*/
	background-color: #FFFFFF;
}
.formBox td {
  	padding:1px;
  	padding-left:5px;
  	padding-right:5px;
  	font-size: 10pt;
	/*background-color: #E9E7C7;*/
	background-color: #FFFFFF;
	vertical-align: top;
	font-weight:bold;
}
.formBox td.publicTitle {
	background-color: #E9E7C7;
}

.note {
  font-size: 8pt;
}
a.note {
  text-decoration: underline;
}


.displayData td  {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
.displayData td.label  {
	border-top:none;
	border-bottom:none;
}



.label  {
	font-weight:bold;
	padding-right:10px;
	color: #706d5f;
	border-top:none;
	border-bottom:none;
}

.projectPhoto {
	float:right;
	margin-left:10px;
	padding:0px;
	margin-bottom:0px;
}

.projectPhoto img {
	border: 1px solid #CCC;
	max-width:300px;
	max-height:300px;
}


.accessibility {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#footer { zoom: 1;}
#footer_nav { zoom: 1;}
#footer_nav a { text-decoration: none;}

#content {
    background: url(/images/generic_bg.gif) 5px 20px no-repeat;
    margin-left: -5px;
    zoom: 1;
}

#text_sizes_sub {
    border-top: 1px solid #f2f1ef;
    display: inline;
    width: 180px;
    clear: both;
    margin-top: 20px;
    float: left;
    padding-top: 18px;
    display: none;
}

    #text_sizes_sub h3 {
        float: left;
        width: 81px;
    }
    
    #text_sizes_sub ul {
        border: none;
        margin: 0;
        padding: 0;
        float: left;
        margin-left: 10px;
        width: 80px;
    }
    
        #text_sizes_sub li {
            float: left;
            display: inline;
            padding: 0; margin: 0 0 0 3px;
            border: none;
            width: 16px;
            height: 18px;
            overflow: hidden;
        }
        
            #text_sizes_sub li a {
                display: block;
                width: 16px;
                height: 18px;
                overflow: hidden;
                text-indent: -9999px;
            }
                
                #text_sizes_sub li.small a {
                    background: url(/images/small_sub.gif) 0px 0px no-repeat;
                }
                
                    #text_sizes_sub li.small a:hover, #text_sizes_sub li.small a.active {
                        background: url(/images/small_sub.gif) 0px -18px no-repeat;
                    }
                    
                #text_sizes_sub li.medium a {
                    background: url(/images/medium_sub.gif) 0px 0px no-repeat;
                }
                
                    #text_sizes_sub li.medium a:hover, #text_sizes_sub li.medium a.active {
                        background: url(/images/medium_sub.gif) 0px -18px no-repeat;
                    }
                    
                #text_sizes_sub li.large a {
                    background: url(/images/large_sub.gif) 0px 0px no-repeat;
                }

                    #text_sizes_sub li.large a:hover, #text_sizes_sub li.large a.active {
                        background: url(/images/large_sub.gif) 0px -18px no-repeat;
                    }
            


.leftnav {
    float: left; display: inline;
    width: 180px;
    overflow: hidden;
}

    .leftnav_content {
        background: url(/images/leftnav_shadow.gif) bottom right no-repeat;
        padding-bottom: 195px;
    }

.leftnav h2, .leftnav h2 a	 {
		color: #393423;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		padding-bottom: 15px;
		text-decoration: none;
    }
.leftnav h2:hover, .leftnav h2 a:hover   {
        color: #4b5e26;
    }

.noLink	 {
		color: #005999 !important;
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 15px;
		text-decoration: none;
    }
	
   
		.leftnav h2 {
			border-bottom: 3px solid #bdbbb1;
		}

		.leftnav h2 a:hover { 
			text-decoration:underline; 
		}
.noLink:hover {
	text-decoration:none;
}
        
        .small .leftnav h2 {
            font-size: 12px;
            line-height: 16px;
        }
        
        .large .leftnav h2 {
            font-size: 18px;
            line-height: 24px;
        }
		
    .leftnav ul {
        padding-top: 5px;
        display: block;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #deddd8;
    }
    
.leftnav li {
    display: block;
   
    border-bottom: 1px solid #deddd8;
    padding: 9px 0 9px 0;
}

    .leftnav li.last {
        border: none;
    }

    .leftnav li li {
        border: none;
        padding: 0; 
        zoom: 1;
        margin: 8px 0 8px 0;
        
    }

.leftnav li a {
    display: block;
    color: #393423;
    font-size: 14px;
    font-weight: 500; /*500=medium*/
    line-height: 18px;
    text-decoration: none;
}
.leftnav li a:hover   {
        color: #4b5e26;
    }       
			.small .leftnav li a {
                font-size: 12px;
                line-height: 16px;
            }
            
            .large .leftnav li a {
                font-size: 18px;
                line-height: 24px;
            }
            .leftnav li.active a {
                color: #878370;
            }
        
            .leftnav li a:hover {
                text-decoration: underline;
            }
    
        .leftnav ul ul {
            margin: 0 0 0 10px; padding: 0;
            border: none;
            clear: left;
        }
        
            .leftnav li li a, .leftnav li.active li a {
                font-size: 12px;
                line-height: 14px;
                color: #005999 !important;;
            }
            
        .leftnav_search {
            margin-top: 10px;
            float: left;
            clear: left;
        }
        
            .leftnav_search label {
                display: block;
                margin-bottom: 5px;
            }
            
            .leftnav_search #search_query {
                width: 115px;
                font-size: 12px;
                line-height: 14px;
                padding: 1px;
                margin-right: 5px;
            }
            
            .leftnav_search input {
                vertical-align: middle;
            }
            
            .leftnav_search small {
                display: block;
                float: left;
                clear: left;
                margin-top: 10px;
                font-size: 12px;
                line-height: 14px;
            }
            
                .leftnav_search small a {
                    color: #337ab7;
                    font-size: 10px;
                    text-decoration: none;
                }
                
                    .leftnav_search small a:hover {
                        text-decoration: underline;
                    }

.main, .mainFull {
    float: left; display: inline;
    width: 669px;
    padding-top: 25px;
    padding-left: 30px;
    /*overflow: hidden;*/
    zoom: 1;
}
.mainFull {
	width:100%;
}

    .main a, .mainFull a, a {
        color: #005999;
        text-decoration: none;
    }
    .main a:visited, .mainFull a:visited, a:visited {
        color:  #337ab7;
        text-decoration: none;
    }
   
    
        .main a:hover, .mainFull a:hover {
            color: #D39800;
        }
		
	.main table tr td p, .mainFull table tr td p { margin-bottom: 15px; margin-top: 15px;}
	.CS_Document p { margin-bottom: 15px; margin-top: 15px;}


.intro {
    
}

    .intro h1 {
        font-family: georgia, serif;
        font-size: 36px;
        line-height: 44px;
        color: #706d5f;
        font-weight: normal;
        margin-bottom: 5px; 
    }
        
		.small .intro h1 {
            font-size: 30px;
            line-height: 38px;
        }
        
        .large .intro h1 {
            font-size: 42px;
            line-height: 56px;
        }
		
    .intro p {
        font-family: georgia, serif;
        font-size: 18px;
        line-height: 24px;
        color: #666666;
    }
    
	    .small .intro p {
            font-size: 14px;
            line-height: 18px;
        }
        
        .large .intro p {
            font-size: 22px;
            line-height: 30px;
        }
		
    .intro ul {
        margin-left: 15px;
    }
    
        .intro ul li {
            list-style: none;
            display: block;
            padding-left: 10px;
            background: url(/images/blue.gif) 0px 7px no-repeat;
            color: #706d5f;
            font-size: 14px;
            line-height: 18px;
            margin: 15px 0 15px 0;
        }

		    .small .intro ul li {
                font-size: 12px;
                line-height: 16px;
                background: url(/images/blue.gif) 0px 6px no-repeat;
            }
            
            .large .intro ul li {
                font-size: 20px;
                line-height: 26px;
                background: url(/images/blue.gif) 0px 12px no-repeat;
            }
.promo_cols {
    margin: 20px 0 20px 0;
}

    .promo_side {
        background-color: #f1e8d1;
        padding: 20px;
        float: left; display: inline;
        width: 150px;
    }

    .promo_col {
        width: 340px;
        float: left; display: inline;
        margin-right: 18px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc;
    }
    
        .promo_cols_triple .promo_col {
            width: 240px;
        }
    
        .promo_col_last {
            margin-right: 0;
        }
    
        .promo_col h1 {
            border-top: 2px solid #d1b366;
            border-bottom: 1px solid #cccccc;
            padding: 13px 0 2px 0;
            margin-bottom: 20px;
            font-size: 18px;
            line-height: 22px;
            position: relative;
            zoom: 1;
        }
            
            .promo_col h1 img { display: block; }
        
            .promo_col h1 small {
                position: absolute;
                font-size: 11px;
                line-height: 14px;
                right: 0;
                bottom: 12px;
                font-weight: normal;
            }
                
				.large .promo_col h1 small  {
                    font-size: 14px;
                    line-height: 18px;
                }
				
        .promo_col p {
            color: #706d5f;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 20px;
        }
            
			.small .promo_col p {
                font-size: 12px;
                line-height: 16px;
            }

            .large .promo_col p {
                font-size: 18px;
                line-height: 24px;
            }
        
        .promo_col ul {
            color: #706d5f;
            font-size: 14px;
            line-height: 18px;            
        }
        
            .promo_col ul li {
                display: block;
                zoom: 1;
                margin-bottom: 20px;
                font-size: 14px;
            }
                    
                .small .promo_col ul li {
                    font-size: 12px;
                }
                
                .large .promo_col ul li {
                    font-size: 18px;
                    line-height: 24px;
                }
				
                .promo_col ul li a small {
                    display: block;
                    color: #706d5f;
                }
                
                    .promo_col ul li a:hover small {
                        color: #999999;
                    }
                
    .promo_side {
        
    }
    
        .promo_side h3 {
            margin-bottom: 13px;
        }
        
            .promo_side h3 img {
                display: block;
            }
            
        .promo_side h4 {
            color: #5e7630;
            font-size: 14px;
            line-height: 18px;
            font-weight: normal;
            margin-bottom: 10px;
        }
                
            .small .promo_side h4 {
                font-size: 12px;
                line-height: 14px;
            }
            
            .large .promo_side h4 {
                font-size: 18px;
                line-height: 24px;
            }
			
        .promo_side p {
            color: #706d5f;
            font-size: 12px;
            line-height: 16px;
        }
        
            .large .promo_side p {
                font-size: 16px;
                line-height: 22px;
            }
    
.interactive_box {
    margin: 25px 0 20px 0;
    padding-bottom: 12px;
    background: #d7ddcb url(/images/interactive_shadow_bottom.gif) bottom left no-repeat;;
    zoom: 1;
}
    
    .interactive_box h1 {
        width: 706px;
        overflow: hidden;
        margin: 0; padding: 0; font-size: 18px;
        font-weight: normal;
        line-height: 22px;
        zoom: 1;
        position: relative;
    }
    
        .interactive_box h1#results_title {
            width: auto;
        }
    
        .interactive_box h1 a {
            display: block;
            text-align: right;
            width: 170px;
            position: absolute;
            bottom: 10px; 
            right: 20px;
            color: #fff;
            font-size: 11px;
            line-height: 14px;
            font-weight: bold;
        }
        
            .interactive_box h1 a#view_park_names {
                bottom: 13px;
            }
    
            .interactive_box h1 a:hover {
                color: #fff;
                text-decoration: underline;
            }
    
        .interactive_box h1 img {
            display: block;
        }

    .interactive_form {
        padding: 5px 20px 5px 20px;
    }
    
        .interactive_form .row {
            border-bottom: 1px solid #b2be9c;
            padding: 15px 0 15px 0;
        }
        
            .interactive_form .row_last {
                border-bottom: 0;
            }
            
            .interactive_form .row label {
                vertical-align: middle;
                color: #706d5f;
                font-size: 12px;
                line-height: 16px;
                text-transform: uppercase;
                font-weight: bold;
                width: 117px;
                display: inline-block;
            }
            
            .interactive_form .row input {
                vertical-align: middle;
                  font-size: 12px;
                    line-height: 16px;
                    border: 1px solid #e3e3eb;
                    color: #878370;
                    border-top: 1px solid #acadb2;
                    padding: 3px;
            }
            
                .interactive_form .row .input_text {
                    width: 206px;
                }
            
                .interactive_form .row .input_submit {
                    border: none;
                    margin-left: 6px;
                    padding: 0;
                }
            
            .interactive_form .row select {
                vertical-align: middle;
                  font-size: 12px;
                    line-height: 16px;
                    color: #878370;
                    border: 1px solid #e3e3eb;
                    border-top: 1px solid #acadb2;
                    padding: 3px;
                    width: 214px;
            }
            
.interactive_results {
    background-color: #fff;
    border: 1px solid #d7ddcb;
    border-top: none;
    display: none;
}

    .interactive_results h1 {
        background-color: #337ab7;
        padding: 10px 20px 10px 20px;
        font-size: 24px;
        color: #fff;
        line-height: 30px;
    }
    
    .interactive_results_body {
        padding: 20px;
    }
        
    .interactive_results .results_list {
        
    }
    
        .interactive_results .results_list li {
            font-size: 14px;
            line-height: 18px;
            padding: 10px 0 10px 0;
            border-top: 1px solid #d7d6d0;
        }
                
            .small .interactive_results .results_list li {
                font-size: 12px;
                line-height: 16px;
            }
            
            .large .interactive_results .results_list li  {
                font-size: 18px;
                line-height: 24px;
            }
			
            .interactive_results .results_list li.first {
                border-top: none;
                padding-top: 0;
            }
        
            .interactive_results .results_list li a {
                color: #337ab7;
                display: block;
            }
            
                .interactive_results .results_list li a:hover {
                    text-decoration: none;
                }
            
            
                .interactive_results .results_list li a .name {
                    text-decoration: underline;
                    cursor: pointer;
                }
                
                    .interactive_results .results_list li a:hover .name {
                        text-decoration: underline;
                    }
                    
                .interactive_results .results_list li a .distance {
                    text-decoration: none;
                }
                
                .interactive_results .results_list h4 {
                    font-size: 14px;
                    color: #878370;
                    line-height: 18px;
                    font-weight: bold;
                    margin-bottom: 2px;
                }
                
                .interactive_results .results_list li p {
                    color: #706d5f;
                    font-size: 12px;
                    line-height: 16px;
                    margin-bottom: 2px;
                }
    
    .interactive_results_bar {
        display: none;
        margin: 0 20px 0 20px;
        padding: 20px 0 10px 0;
        border-bottom: 2px solid #d7d6d0;
    }
    
        .interactive_results .name {
            float: left; display: inline;
            width: 460px;
        }
        
        .interactive_results .distance {
            width: 200px;
            float: left; display: inline;
            font-size: 14px;
            color: #878370;
            line-height: 18px;
        }
    
            .interactive_results_bar .name {
                color:#bdbbb1;
                font-size: 12px;
                line-height: 16px;
                font-weight: bold;
                text-transform: uppercase;
            }
    
            .interactive_results_bar .distance {
                font-size: 12px;
                line-height: 16px;
                color: #878370;                
            }
            
                .interactive_results_bar .distance_link {
                    font-weight: bold;
                    color: #337ab7;
                    text-transform: uppercase;
                    text-decoration: underline;
                }
                
                .main .distance_link, .main .name_link {
                    text-decoration: underline;
                }
                
                    .main .distance_link_active, .main .name_link_active {
                        color: #bdbbb1;
                        text-decoration: none;
                        cursor: default;
                    }
                    
                        .main .name_link_active {
                            padding-right: 14px;
                            background: url(/images/down_arrow.gif) right no-repeat;
                        }
                    
                        .main .distance_link_active:hover, .main .name_link_active:hover  {
                            text-decoration: none;
                        }
             
                .main .mi_link, .main .km_link {
                    color: #337ab7;
                    text-decoration: underline;
                }
                
                    .main .mi_link_active, .main .km_link_active {
                        color: #878370;
                        text-decoration: none;
                        cursor: default;
                    }
                        
                        .main .mi_link_active:hover, .main .km_link_active:hover {
                            text-decoration: none;
                        }
    
        .bar_active {
            display: block;
        }
    
    .interactive_results .loading {
        padding: 30px;
        color: #878370;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
    }
    
.social_networking {
    padding: 0px 0 15px 0;
    border-bottom: 1px solid #cccccc;
}

    .social_networking li {
        display: inline;
        margin-right: 30px;
    }
    
.find_more {
    font-size: 12px;
    line-height: 16px;
    color: #878370;
    zoom: 1;
    font-weight: bold;
    padding: 20px 0 20px 0;
}

    .find_more .more_ops {
        float: left;
        width: 400px;
    }
    
    .find_more .subscribe_rss {
        float: right;
        width: 250px;
    } 


.contentPlacement {
	position:relative;
	margin-left:15px;
	margin-right:15px;
	
}


	.article h1 {
			font-family: georgia, serif;
			font-size: 26px;
			line-height: 30px;
			/*color: #5E7630*/
			color:#393423;
			font-weight: normal;
			margin-bottom: 15px; 
    }
	.article h1.withSubTitle {
		margin-bottom: 7px;
    }

	.small .article h1 {
			font-size: 24px;
	}
        
	.large .article h1 {
			font-size: 36px;
			line-height: 50px;
	}

    .article h2 {
        margin-top: 15px;
        font-family: georgia, serif;
        font-size: 18px;
        line-height: 30px;
        color: #706d5f;
        font-weight: normal;
        margin-bottom: 5px;
    }

		.small .article h2 {
				font-size: 18px;
		}
		
		.large .article h2 {
				font-size: 24px;
				line-height: 36px;
		}

    .article h3 {
        margin-top: 10px;
        font-family: georgia, serif;
        font-size: 15px;
        line-height: 24px;
        color: #706d5f;
        font-weight: normal;
        margin-bottom: 5px;
    }
    
        .small .article h3 {
            font-size: 14px;
        }
        
        .large .article h3 {
            font-size: 18px;
            line-height: 30px;
        }

    .article h4 {
        margin-top: 10px;
        font-family: georgia, serif;
        font-size: 16px;
        line-height: 20px;
        color: #706d5f;
        font-weight: normal;
        margin-bottom: 5px;
    }
    
        .small .article h4 {
            font-size: 14px;
        }
        
        .large .article h4 {
            font-size: 18px;
            line-height: 26px;
        }
    
    .article p.intro {
        font-family: georgia, serif;
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 24px;
        color: #333;
    }
    
		.small .article p.intro {
				font-size: 16px;
		}

		.large .article p.intro {
				font-size: 22px;
				line-height: 28px;
		}
    
    .article  {
        font-family: arial, helvetica, sans-serif;
        font-size: 14px;
        color: #333;
        line-height: 18px;
        margin: 0 0 0 0;
				padding-left:200px;
				padding-top:33px;
				padding-bottom: 0px;
				width:669px;
    }
		.fullPage {
			padding-left:25px;
			padding-top:0px;
			width: 861px;
}
    
        .small .article {
            font-size: 12px;
        }
        
        .large .article {
            font-size: 18px;
            line-height: 24px;
        }
      
	.article p {
        font-family: arial, helvetica, sans-serif;
        font-size: 14px;
        color: #333;
        line-height: 18px;
        margin: 0 0 15px 0;
    }
    
        .small .article p {
            font-size: 12px;
        }
        
        .large .article p {
            font-size: 18px;
            line-height: 24px;
        }
		  
    .article ul {
        margin-left: 15px;
    }
    
        .article ul li {
	background: url(/images/blue.gif) 0px 7px no-repeat;
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 18px;
	list-style: none;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
        }
				
		
            .small .article ul li {
                font-size: 12px;
            }
        
            .large .article ul li {
                font-size: 18px;
                line-height: 24px;
            }

    .article ol {
        list-style-type: decimal;
        margin-left: 35px;
    }

        .article ol li {
            list-style-type: decimal;
            color: #333;
            font-size: 14px;
            line-height: 18px;
            margin: 10px 0 10px 0;
        }
        
        .small .article ol li {
            font-size: 12px;
        }
    
        .large .article ol li {
            font-size: 18px;
            line-height: 24px;
        }
        
    .article a {
        text-decoration: none;
    }
    
        .article a:hover {
            text-decoration: underline;
        }
	
	.article .caption, .article .credit {
        font-size: 12px;
        line-height: 16px;
        color: #706D5F;
        padding-top: 5px;
    }
    
        .article .credit {
            font-size: 10px;
        }
		
.callOut, p.callOut {
	color:#5E7630;
	/*font-weight:bold;*/
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

a.linkButtonMenu, a.linkButtonMenu:hover, a.linkButtonMenu:visited, a.linkButtonMenu:active {
	background-color: #060;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:url(../images/buttonBGGreen.png);
	border: 1px solid #999;
	color: #FFF;
	padding:3px;
	padding-bottom:5px;
	font-size: 14px;
	
	padding-left:15px;
	padding-right:15px;
}
a.linkButtonMenu:hover {
	color: #FFF;
	border-color:#2D3A10;
	text-decoration:none;
}

a.linkButton, a.linkButton:hover, a.linkButton:visited, a.linkButton:active {
	background-color: #f0ebe5;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:url(../images/buttonBG.png);
	border: 1px solid #5E7630;
	border-color:#8EB449;
	color: #000;
	padding:3px;
	padding-bottom:5px;
	font-size: 14px;
	
	padding-left:15px;
	padding-right:15px;
}

a.linkButton:hover {
	color: #5E7630;
	border-color:#97C538;
	text-decoration:none;
}

.commentForm {
	width: 300px;
	margin-bottom:4px;
}
input.commentForm {
	width:294px;
}
td.commentFormLabel, td.commentFormLabelReq, td.commentFormLabel2 {
	padding-bottom:3px;
	vertical-align:bottom;
	font-style:italic;
	font-weight:normal;
}
td.commentFormLabelReq, td.commentFormLabel2 {
	font-weight:bold;
}
td.commentFormLabel2 {
	color:#666;
}
.data td {
	background-color:#FFF;
	color:#333;
	font-weight: normal;
	border-bottom:1px solid #CCC;
}
.alternateData td {
	background-color:#F8F8F1;
	color:#000;
	font-weight: normal;
	border-bottom:1px solid #CCC;
}
.data td a {
	font-weight:bold;
}
.alternateData td a {
	font-weight:bold;
}
.columnHeader td {
	border-bottom:1px solid #CCC;
}
.required {
	color: #1D5416;
	font-weight:bold;
}
/* warning is for error message on form */
.warning {
	border:2px solid #C30;
	padding:10px;

}

















div.shadow {	
background: url(../images/page_shadow.png) top center repeat-y; 
}

div.top {
	background-color:#000;
	margin-left:auto;
  margin-right:auto;
  width:100%;
}
div.center {
	margin-left:auto;
  margin-right:auto;
}
div.banner{
display: inline-block;
width:960px;
}
div.TitleInBanner {
    float: right;
    color: #fff;
    position:relative;
    background-color: rgba(0,0,0,.7);
    padding:16px 10px 0px 20px;
    margin:0 0 10 10;
    width: 450px;
    font-size: 18px;
}
div.ArrowHeadBanner {
    float: left;
	margin-left:0px;
	padding-bottom:4px;
	text-align:left;
    display: block
}
div.content {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	width:920px;
	text-align:left;
	background-color:#FFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;

}
div.PEPCBanner {
	background-image: url(/images/PEPCTrees.jpg);
	width:948px;
	color:#FFF;
	font-weight:bold;
	padding-top:35px;
	padding-bottom:6px;
	padding-left: 12px;
	text-align:left;
	margin-left:auto;
  margin-right:auto;
	font-size:16px;
}
.flash {
	background-image: url(../images/SlideShow/canyons.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:143px;
}
.flashTitle {
	position:absolute;
	z-index:99;
	font-size: 18px;
	font-weight:bold;
	padding-left:4px;
	padding-top:92px;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

.flashTitleDropShadow {
	position:relative;
    color: #fff;
	z-index:98;
	font-size: 18px;
	font-weight:bold;
	padding-left:15px;
	color: #333;
}

.subTitle, table.formTable td.subTitle {
  font-size: 10pt;
	font-weight: bold;
  color: #667494;
  background-color:#FFF;
  padding-top:10px;
  padding-bottom:2px;
}
table.formTable {
	border:1px solid #F4F5F7;
	border-collapse: collapse;
	border-spacing:0px;
}
.formFieldTD, table.formTable td {
	vertical-align:top;
	border-right: 2px solid #FFF;
	background-color:#F7F7F7;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}


table.formTable td.formLabelTD, table.formTable td.formLabelTDReq{
	background-color:#F0F0F0;
	background-color:#F0EBE5;
	padding:2px;
	padding-right:5px;
	padding-left:4px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight:bold;
	vertical-align:top;
}
.formLabelTD select, .formLabelTDReq select, .formLabelTD textarea, .formLabelTDReq textarea, .formLabelTD input, .formLabelTDReq input, table.formTable td.ReqTD, table.formTable td {
	padding: 1px;
	padding-left: 5px;
	padding-right:1px;
}

/*table.formTable td {
	background-color:#F8F5F3;
	padding:2px;
	padding-right:5px;
	padding-left:4px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	vertical-align:top;
}*/
table.formTable td.formLabelTDReq, table.formTable TD.formLabelTDReq{
	background-color:#F0EFD9;
}
table.formTable td.ReqTD, table.formTable TD.ReqTD {
	background-color: #F4F3E3;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.formSubLabelTD {
	background-color:#F0F0F0;
	background-color:#F8F5F3;
	padding:2px;
	padding-right:5px;
	padding-left:4px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight:bold;
	vertical-align:top;
}
.formHolder {
	border:1px solid #EAEAEE;
	padding:2px;
	padding-bottom:0px;
	float:left;
}
strong {
font-weight:bold;
}

.errorField {
	border:1px solid #750000;
	/*background-image: url(../images/fieldError.gif);*/
}

ul.error {
	padding-bottom:10px;
}
ul.error li {
	background:none;
	color:#4B070D;
	display: block;
	font-size: 14px;
	line-height: 18px;
	list-style:disc;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
        }
.toolTip {
	font-weight:bold;
}
.ui-tooltip-content {
	text-align:left;
	font-size:12px;
}
.gridTable td {
	padding:5px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #CCC;
}

.fixed-dialog {
        position: fixed;
} /*for the modal link intercept*/

.handleLongStrings {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
  
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
  
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


.x-border-box, .x-border-box * {
box-sizing:content-box !important;
  -moz-box-sizing:content-box  !important ;
  -ms-box-sizing:content-box  !important ;
	-webkit-box-sizing:content-box  !important ;
}
.x-grid-cell-inner, td.x-grid-cell {
	text-decoration:none !important;
}