/*************************************************************
 *************************************************************

                     N.C. State Parks

**************************************************************
**************************************************************/








a {
        outline: none;
}


h4 {
        font-family: tahoma, arial, san-serif;
        font-size: 1em;
}





/*************************************************************
 *************************************************************

               Toggle used for alerts and guides

**************************************************************
**************************************************************/



a.toggle:link, a.toggle:visited, a.toggle:active, a.toggle:hover {            
        background-image: url('pictures/toggle_arrows.gif');
        background-repeat: no-repeat;
        background-position: center right;
}



/*************************************************************
 *************************************************************

               Navigation menu above content area

**************************************************************
**************************************************************/



#menu {   
        font-family:  Verdana, Helvetica, Arial; 
	margin: 0px;        
	padding-bottom : 0px;  
	padding-left : 0px;
        margin-top: 260px;           /* menu top margin*/
        margin-left: 350px; 
        clear: right;
    
}



#menu ul, #menu li {
        font-family:  Verdana, Helvetica, Arial;
        display : inline; 
	list-style-type : none;
	margin : 0px;
	padding : 0;
        margin-left: 0px;        
}


	
#menu a:link, #menu a:visited {
	background-color : #999065;  /* unselected tabs background color */        
        border-bottom: none;
        border-top: 1px solid #d1d1a3;
        border-right: 1px solid #d1d1a3;
        border-left: 1px solid #d1d1a3;
  
                         
	color : #d9eae2;             /* unselected tabs font color */ 

        font-family:  Verdana, Helvetica, Arial;
	font-size : .9em;
	font-weight : bold;	
	margin-right : 0px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
 
}



#menu a:link.active { 
	background : #ffffff;	
	color : white;        
}

#menu a:visited.active {
        background : #666666;
	border-bottom : 1px solid #fff;  
	color : white;

}



#menu a:hover {
	color : #ffffcc;
        background-color: #5f5c57;        
}


	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a,
body.section-9 #menu li#nav-9 a,
body.section-10 #menu li#nav-10 a {
	background-color : #cccc99;   /*   background color of selected tabs nav and subnav   */
        background-image: url('pictures/bkg_fade_subnav.gif');
        background-repeat: repeat-x;
            
	border-bottom : transparent;  /*   border color of the selected tabs nava and subnab  */
        border-top: 1px solid #d1d1a3;
        border-left: 1px solid #d1d1a3;
        border-right: 1px solid #d1d1a3;
	color : #000000;              /*   current (selected) tab text color*/        
}


#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9,
#menu #subnav-10 {
	display : none;
	width: 95%;

}



body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8,
body.section-9 #menu ul#subnav-9,
body.section-10 #menu ul#subnav-10 {
	display : inline; 
	left : 320px;
	position : absolute;
	top : 330px;                      /*top margin for subnav list*/
        z-index: 3;
      
}



body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a,
body.section-9 #menu ul#subnav-9 a,
body.section-10 #menu ul#subnav-10 a {
	background-color : transparent;    /*subnav background*/
	color : #000000;                   /*subnav text color*/
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;                                
	font-size : smaller;
	font-weight : normal;
	line-height : 10px;
	margin-right : 4px;
        margin-left: 4px;        
	padding : 6px 16px 10px 16px;
	text-decoration : none;
        background-image: url('pictures/bkg_fade_subnav.gif') !important;
        background-repeat: repeat-x !important;
}



#menu ul a:hover {        
	color : #f00 !important;
}




/*************************************************************
 *************************************************************

               Main Content Wrapper

**************************************************************
**************************************************************/



#contents {
	background-color : transparent;
        clear : both;
	margin : 0px;        
        margin-top: 18px;
	padding : 5px;
        width: 1024px;
        min-width: 1024px;             

}


/*************************************************************
 *************************************************************

               Alert Characteristics

**************************************************************
**************************************************************/



#sysalertsummary {
       font-size: 1em;
       font-weight: bold;      
       color: red;
       line-height : 17px;
       background-color: transparent;

}

#sysalertdetails {
       font-size: 1em;
       font-weight: normal;
       color: green;
       line-height : 17px;
       background-color: transparent;

}

#parkalertsummary {
       font-size: 1em;
       font-weight: bold;      
       color: red;
       line-height : 17px;
       background-color: transparent;

}

#parkalertdetails {
       font-size: 1em;
       font-weight: normal;
       color: green;
       line-height : 17px;
       background-color: transparent;

}



/*************************************************************
 *************************************************************

               Leftside Wrapper

**************************************************************
**************************************************************/   


#leftside {
        background-color : transparent;
        width: 215px;       
        padding: 17px;        
        float: left;
        position: relative; top: 0px;


 
}


/*************************************************************
 *************************************************************

         Sidebar Menu (any menu on left side of page)
               

**************************************************************
**************************************************************/



#sidebarmenu {
        font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	
        font-weight: normal;
        border-top: 2px solid #ffffff;
        border-left: 3px solid #999966;
        border-right: 3px solid #999966;
        border-bottom: 3px solid #999966;
        background-image: url('pictures/bkg_fade_ffffcc.gif');   /*   the gradient fill at the top of the sidebarmenu   */
        background-repeat: repeat-x;
        background-color: #ffffcc;
	padding-bottom : 6px;  
	padding-left: 0px;
        width: 14em; 
        margin-top: 25px;        
}



#sidebarmenu ul	{
        font-family:  Verdana, Helvetica, Arial;
        font-weight: bold;       
	list-style-type : none;        
	margin : 0;
        padding: 0;     
        background-color: tranparent;        
}



#sidebarmenu li a {
        display: block;        
        padding: 2px 2px 2px 0.5em;
        width: 100%;        
}



html>body #sidebarmenu li a {
		width: auto;                
}



#sidebarmenu a:link, #sidebarmenu a:active, #sidebarmenu a:visited {	
        background-color: transparent;
        text-decoration: none;
        color: #638553;
        border-top: 1px solid #ffffcc;
        border-bottom: 1px solid #ffffcc;        
}



#sidebarmenu a:hover {
	color: #5f5c57;       
        background-color: #d0d09d;      
        text-decoration: none;
        border-top: 1px solid #999966;
        border-bottom: 1px solid #999966;        
        background-image: url('pictures/arrow_999966.gif');
        background-position: center right;
        background-repeat: no-repeat;                  
}



#sidebarmenu h3 {
        color: #003300;
        text-align: center;
        line-height: 30px;
        font-family: tahoma, arial, san-serif;
        font-size: 1em;
       
}


#sidebarmenu h4 {
        color: #003300;
        text-align: center;
        line-height: 20px;
        font-family: tahoma, arial, san-serif;
        font-size: .8em;
       
}

/*************************************************************
 *************************************************************

               Rightside (main content area)

**************************************************************
**************************************************************/



#rightside {
        background-color : #ffffff;
        background-image: url('pictures/bkg_fade_short.gif');     /*   gradient fill for top of content area   */
        background-repeat: repeat-x;
        border-bottom: 3px solid #cccc99;
        border-left:  3px solid #cccc99;
        border-right:  3px solid #cccc99;
        border-top:  2px solid #ffffff;
        margin-left: 12px;      
        margin-top: 0px;     
        width: 660px;
        padding: 17px;
        padding-bottom: 0px;
        position: relative; top: 0px;
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;        
        text-decoration : none; 
}

#rightside img {
        float: right;
        margin: 5px;
        padding: 5px;
        border: 1px solid #cccccc;
        clear: both;

}



#rightside p {
        line-height: 20px;
}



#rightside th {
        color: #003333;
        font-size: 1em;
        font-weight: normal;
}



#rightside td {
        color: #003333;
        font-size: 1em;
        font-weight: normal;
}



#rightside a:link, #rightside a:visited	{	
	color : #000000;
	font-family:  Verdana, Helvetica, Arial;
	font-size : 1.0em;
	font-weight: bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
/*        background-image: url('pictures/gray_arrows.gif');
        background-position: right center;
        background-repeat: no repeat;   */     
}



#rightside a:hover {	
        text-decoration: underline;
}



#rightside h3 {
        color: #003333;
        font-family: tahoma, arial, san-serif;
        font-size: 1.3em;
        line-height: 20px;
        margin-top: 40px;
        margin-bottom: 10px;

        
               
}

#rightside ul, #rightside li {
        list-style-type: none;
}






/*************************************************************
 *************************************************************

           Navset (the set of navigational links used on
           the parks pages such as Activities, History, 
           ths Summit Center Amenities, etc.)

**************************************************************
**************************************************************/



#navset {        
        font-family:  Verdana, Helvetica, Arial; 
	font-size: 1em;

	padding-bottom: 4px;        
	padding-left: 0px;
        padding-top : 0px;
        margin-top: 12px; 
        margin-left: 0px;             
        width: 95%;
        line-height: 14px;
        text-align: left;        
}



/* #navset table {
       margin-left: auto;
       margin-right: auto;
} */



#navset ul, #navset li {
        font-family:  Verdana, Helvetica, Arial;
        font-size : 1em;
        color : #000000;        
	list-style-type : none;
	margin : 3px;	
        margin-left: 0px;        
}



#navset a:link, #navset a:visited, #navset a:active {
        font-family:  Verdana, Helvetica, Arial;
        font-size : 1em;
        color : #000000; 		
	margin-right : 0px;	
	text-decoration : none;
        font-weight: bold;
}



#navset a:hover	{
	color: #99cccc;
        background-color: transparent;
/*        background-image: url('pictures/gray_arrows.gif');        the image of the arrows used on the navset hover   
        background-repeat: no-repeat;
        background-position: center right;*/
        text-decoration: underline;
        font-weight: bold;        
}




/*************************************************************
 *************************************************************

           The lists used on the Parks Facilities pages

**************************************************************
**************************************************************/



#facility  ul {
        width: 90%;
        list-style-type: none;
	margin-bottom: 20px;        
	padding-left: 1em;
	text-indent: -1em;
        line-height: 18px;
}



/*************************************************************
 *************************************************************

           Footer

**************************************************************
**************************************************************/



#footer { 
        clear: both;
        background-color: transparent;
        background-image: url('pictures/newweblogo12.jpg');
        background-repeat: no-repeat;
        background-position: center;
        height: 95px;
        padding: 10px;
        margin-top: 15px;
        margin-bottom: 5px;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: gray;
        text-decoration : none; 
}


#nfooter {
        clear: both;
        background-color: transparent;
        height: 20px;
        width: 100%;
        
        margin-bottom: 30px;
        font-family:  Verdana, Arial, Helvetica, sans-serif;
        font-size: .9em;
        text-align: center;
        color: gray;
}        

.tmenu  {display:none; margin-left:0px;
}



#dummy {
        clear : both;
}

/*************************************************************
 *************************************************************

           Steward Banner

**************************************************************
**************************************************************/



        


#banner2006 {
        display: block;
        margin-top: 30px;        
        height: 175px;
        background-image: url('pictures/steward_logo_2006_f.gif');
        background-repeat: no-repeat;
        background-position: bottom center;        
}



/*************************************************************
 *************************************************************

           News Release Banner

**************************************************************
**************************************************************/



        


#nrbanner2006 {
        display: block;
        margin-top: 25px;
        margin-bottom: 90px;        
        height: 70px;
               
}

#nrbanner2006 table {
        margin-left: auto;
        margin-right: auto;
}


/*************************************************************
 *************************************************************

           Image with caption (pics 150px wide)

**************************************************************
**************************************************************/


.imgcap150 {
  float: right;
  width: 25%;  
  margin: 0.5em;
  padding: 0.5em;
}

.imgcap150 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}




/*************************************************************
 *************************************************************

           Image with caption (pics 200px wide)

**************************************************************
**************************************************************/


.imgcap200 {
  float: right;
  width: 33%;  
  margin: 0.5em;
  padding: 0.5em;
}

.imgcap200 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

/*************************************************************
 *************************************************************

           Image with caption (pics 250px wide)

**************************************************************
**************************************************************/


.imgcap250 {
  float: right;
  width: 40%;  
  margin: 0.5em;
  padding: 0.5em;
}

.imgcap250 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}



/*************************************************************
 *************************************************************

           Image with caption (pics 275px wide)

**************************************************************
**************************************************************/


.imgcap275 {
  float: right;
  width: 45%;  
  margin: 0.5em;
  padding: 0.5em;
}

.imgcap275 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}





/*************************************************************
 *************************************************************

                  Monthly Attendance Report

**************************************************************
**************************************************************/



#attendancerpt td  {
      text-align: right;
}