/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV */

    * html div#subCat {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#subCat {
        height: 19px;
        width: auto;
        text-align: right;
    }
    div#subCat ul {
        float: right;
        background-image: url(images/menutile.gif);
        background-repeat: repeat-x;
        list-style: none;
    }
    div#subCat li {
        background-image: url(images/menuright.gif);
        background-repeat: no-repeat;
        float: left;
        display: inline;
        list-style: none;
        margin: 0;
    }
    div#subCat li a {
        display: inline;
        line-height: .8em;
    }
    div#subCat a,
    div#subCat a:link,
    div#subCat a:active,
    div#subCat a:visited {
        display: block;
        padding: 5px 8px; 

        /* hide from ie/mac \*/
        display: block;
        /* end hide */

        text-decoration: none;
        margin: 0;
        color: #ffffff;
        background-color: transparent;
    }
div#subCat li a:hover {
	background-color: transparent;
}
    div#subCat .activeparent {
        display: inline-block;

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
	background-color: transparent;
    }

    div#subCat .current a,
    div#subCat .current a:link,
    div#subCat .current a:active,
    div#subCat .current a:visited,
    div#subCat .current a:hover,
    div#subCat .activeparent a,
    div#subCat .activeparent a:link,
    div#subCat .activeparent a:active,
    div#subCat .activeparent a:visited,
    div#subCat .activeparent a:hover 
{
	background-color: transparent;
    }
/* END NAV */

div#subCat li.active01 h3 {
        display: inline-block;
        padding: 5px 10px; 

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        font-size: 1em;
        font-weight: bold;
        line-height: .8em;
        text-decoration: none;
        margin: 0;
        color: #ff8e56;
        background-color: transparent;
    }

#subCat li.active02 h3 {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  font-weight: normal;
  color: #18507C;
  margin: 0;
  font-size: 1em;
  background-color: #abb0b6;
  }

#subCat li.active03 h3
{
  display: block;
  padding: 3px 5px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #18507C;
  margin: 0;
}/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        overflow: hidden; 
        background-color: transparent;
        background-image: url(images/menu.gif);
        background-repeat: no-repeat;
        width: 700px;
        height: 19px;
        }

.separator { padding-left: 10px; }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 220px;
       }

/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul {
	list-style: none; 
        margin-left: 70px;
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
        margin-top: -1px;
	}
#primary-nav ul ul { 
        margin-left: 70px;
        margin-top: 0px;
	left: 100%; 
	top: 0; 
	}
#primary-nav li { 
	margin-left: 1px;
	float: left;
	}
#primary-nav li li {
        margin-left: -70px;
	float: none; 
	position: relative; 
	}

/* Styling the basic appearance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0; 
	padding: 5px 7px; 
	text-decoration: none;
        font-family: Arial;
	}
#primary-nav li a { 
        font-weight: bold;
        color: #000000;
        line-height: .8em;
	}
#primary-nav li a:hover { color: #ffffff; }
#primary-nav li li a { 
        background-color: #ff8549;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	background-color: transparent; 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: transparent;
	}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(images/arrow.gif); 
	background-position: center right;
	background-repeat: no-repeat;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: transparent;
	}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}
-->/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Arial;
		font-size: 75.01%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
                color: #000033;
		text-decoration: none;
font-size:weight;
	}

        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
               text-decoration: none;
        }

	a:hover {
	       text-decoration: underline;
	}

        ul.footNav li, ul.footNav li a{
            display: inline;
            color: #ffd354;
            font-weight: bold;
            font-size: .95em;
            font-family: Arial;
            background-color: transparent;
            text-decoration: none;
            padding: 0 2px;
        }

        ul.footNavThird { margin-left: 75px; }

        ul.footNavInside li a, ul.footNavThird li, ul.footNavThird li a {
            display: inline;
            color: #e68150;
            font-weight: bold;
            font-size: .95em;
            font-family: Arial;
            background-color: transparent;
            text-decoration: none;
            padding: 0 2px;
        }

        ul.footNavInside li, ul.footNavInside li a {
            display: inline;
            color: #d7784b;
            font-weight: bold;
            font-size: .95em;
            font-family: Arial;
            background-color: transparent;
            text-decoration: none;
            padding: 0 3px 0 1px;
        }

        ul.footNav li a:hover, ul.footNavInside li a:hover, ul.footNavThird li a:hover {
             text-decoration: underline;
        }

/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
        .copy h1 {
                color: #dcf879;
                font-size: 2.6em;
                font-weight: normal;
                font-family: Georgia;
                margin-right: 10px;
        }
        .contain h2 {
                color: #000033;
                font-size: 2.8em;
                font-weight: normal;
                font-family: Georgia;
                margin-left: 70px;
        }   
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
        #main h2 {
                clear: both;
                padding: 0 5px;
        }
        #main h5 {
                padding: 0 5px;
        }
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}

        .bottom h4 { color: #434165; }

	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0 5px;
		line-height:1.4em;
	}

        #left { font-weight: bold; }

        span.articletitle {
                border-bottom: 2px solid #ff8f57;
                padding-right: 5px;
                color: #ffffff;
                font-weight: bold;
        }

        .top .copy {
                color: #cfd5ba;
                font-size: 1.1em;
                font-weight: bold;
                font-family: Arial;
                line-height: 1.2em;
        }

         #insidemain .bottom {
                color: #434165;
                font-size: 1.0em;
                font-weight: normal;
                font-family: Arial;
                line-height: 1.2em;
                margin-left: 144px;
            }

        #footer p {
                font-size: 0.8em;
        }

        .footerCopy p {
                width: 420px;
                text-align: left;
                float: left;
                margin-left: 4px;
                padding-top: 8px;
                font-family: Arial;
                font-weight: bold;
                font-size: 0.8em;
                color: #ffffff;
                text-transform: uppercase;
        }

        span.hikesafe {
                font-family: Arial;
                font-weight: bold;
                color: #ffffff;
                line-height: 4em;
                text-transform: none;
                margin-left: 1px;
        }

        .footerCopyInside p {
                width: 460px;
                text-align: left;
                margin: 15px 0 0 223px;
                font-family: Arial;
                font-weight: bold;
                font-size: 0.9em;
                color: #191947;
                text-transform: uppercase;
        }

        .footerCopyThird p {
                width: 460px;
                text-align: left;
                margin: 15px 0 0 193px;
                font-family: Arial;
                font-weight: bold;
                font-size: 0.9em;
                color: #191947;
                text-transform: uppercase;
        }

        span.hikesafeIn {
                font-family: Arial;
                font-weight: bold;
                color: #191947;
                text-transform: none;
                line-height: 3em;
        }

        span.dkblue { color: #003399; }
        span.red { color: #ff0000; }

        span.trans {
                position: absolute;
                color: #000000;
                font-size: .75em;
                font-weight: bold;
                font-family: Arial;
                line-height: 2em;
                padding-left: 3px;
        }

        .subCat a, span.subcatMid a, .subCatThree a {
                color: #cccccc;                
                vertical-align: top;
                line-height: 1.6em;
font-size:weight;
        }

        .subCat strong, .subCatThree strong {
                color: #ffffff;
                font-weight: bold;
                vertical-align: top;
                line-height: 1.6em;
        }

        .quoteblock {
                font-family: Arial;
                font-weight: bold;
                font-size: 0.8em;
                color: #000033;
                line-height: 2em;
        }

	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
                line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
/* TABLE */
	table {
                font-size: 1em;
		margin: 0 0 1.5em 0;
                padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted black;
	}

#footerCopy_Late {
font-family: Arial;
font-weight: bold;
font-size: 9px;
color: #ffffff;
text-transform: uppercase;
}
	
/* END TYPOGRAPHY */	/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility *//* SITE SPECIFIC LAYOUT */

    * { 
        margin: 0;
        padding: 0;
    }

    img {
        border: 0;
    }

    a {
        outline: none;
font-weight:bold;
    }

    html {
        height: 100%;
    }

    body, body.inside, body.third {
        height: 100%;
        text-align: center;
/*background-color:#FFFFDB;*/
    }

    div#pagewrapper {
        margin: 0 auto;
        max-width: 700px;
        min-width: 700px;
        width: 700px;
        text-align: left;
    }

    #container {
        background-color: transparent;
	position: relative;
        width: 700px;
        clear: both;
    }

    .contain { margin-top: 50px; }
    .contain img { margin-left: 77px; }
    .contain .copy { border-left: 1px solid #191947; }
    .copy { padding-left: 5px; color: #434165; }
    
/* HEADER */

        div#header {
            width: 699px;
            height: 53px;
            background-color: #fbfbd7;
            background-image: url(images/header.jpg);
            background-repeat: no-repeat;
            text-align: left;
        }

        /*div#header h1 a {
            display: block;
            height: 80px;
            text-indent: -700em;
            width: 198px;
            text-decoration:none;
        }*/

        div#header .clearfix {
            background-color: transparent;
            width: 700px;
        }

    /* END HEADER */
    
    
    /* CONTENT */

        div#content {
           width: 700px;
        }

        .bottomcopy { height: 100%; vertical-align: top; padding-top: 15px; }
        
        /* MAIN */

            div#main {
                background-color: #ffffff;
                background-image: url(uploads/images/main.jpg);
                background-repeat: no-repeat;
                width:700px;
                height:341px;
            }

            #insidemain {
                background-color: transparent;
                height: 400px;
            }

            #insidethird {
                background-color: transparent;
                height: 400px;
            }

            #insidethird .copy {
                color: #434165;
                font-size: 1.0em;
                font-weight: normal;
                font-family: Arial;
                line-height: 1.2em;
             }

            .top {
                clear: both;
                height: 374px;
            }

            .bottom {
                padding-left: 15px;
            }

            .copy {
                width: 600px;
                margin: 30px 0 0 76px;
            }

            #left {
                width: 700px;
                height: 178px;
                margin-top: 4px;
            }
            #left img { margin-top: 4px; }
            #left img#tick, #insidethird img#tick { background-color: transparent; margin-bottom: -5px; }

            #right {
                clear: both;
            }

            .holder {
               width: 600px;
            }

            img#title {
               margin: 15px 0 0 70px;
            }

            #right img#trans {
               position: absolute;
            }

            img#compass { position: absolute; text-align: right; margin: 194px 0 0 655px;  }
            img#menuleft { float: right; margin-top: -19px; }

            .quoteblock {
               float: left;
               clear: none;
               width: 140px;
               border-right: 1px solid #004082;
               padding-right: 5px;
            }

            #insidethird { margin-top: 3px; }
 
        /* END MAIN */
        
        /* SUB */

            div#sub {
                
            }

        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */

        #footer, #innerfooter {
            clear: both;
            width: 700px;
            height: 103px;
        }

        #footer.clearfix {
            width: 700px;
            height: 103px;
            margin: 0 auto;
            padding-top: 17px;
        }

        #innerfooter.clearfix {
            width: 700px;
            height: 103px;
            margin: 0 auto;
            padding-top: 50px;
        }

        .nhlogos {
            float: left;
            width: 110px;
            margin: 20px 0 0 98px;
        }

        .nhlogosInside {
            float: left;
            width: 110px;
            margin: 6px 0 0 157px;
            padding-right: 10px;
        }

        .nhlogosThird {
            float: left;
            width: 110px;
            margin: 6px 0 0 0;
            padding-right: 10px;
        }

        #innerfooter .nhlogos { margin-left: 0px; }
        #thirdfoot .nhlogos { margin-left: -75px; }

        div.footerCopy, div.footerCopyInside, div.footerCopyThird {
            float: right:
            width: 490px;
        }

        ul.footNav {
                float: right;
                padding-bottom: 5px;
        }

        ul.footNavInside {
                clear: both;
                margin: 0 0 10px 157px;
        }

        ul.footNavThird {
                clear: both;
                margin: 0 0 10px 157px;
        }

    /* END FOOTER */

/* END LAYOUT */

div.breadcrumbs {
   padding: 1em 0;
   text-align: left;
   font-size: 90%;
   margin: 0 1em;
   border-bottom: 1px dotted #000000;
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
 }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
 }

#sitemap ul {
margin-left:10px;
line-height:1.4;
}

#footerCopy_Late {
width:450px;
text-align:left;
padding:0 0 5px 0;
margin-left:100px;
float:right;
}/* Layout sections */
	body {
                background-color: #656d4d;
                background-image: url(images/bg.gif);
                background-repeat: repeat;
		color: #333333;
		}

	body.inside {
                background-color: #ffffdb;
                background-image: url(images/insidebg.gif);
                background-repeat: repeat-x;
		color: #ffffff;
		}

	body.third {
                background-color: #ffffdb;
                background-image: url(images/bg3.gif);
                background-repeat: repeat-x;
		}
		
	div#header {
		color: #ffffff;
		}
		
	div#footer {
		color: #000000;
		}

        div#footer .clearfix {
                background-color: transparent;
                }

	div#innerfooter {
		color: #434165;
		}
		
/* Links */		
	a,
	a:link 
	a:active, a:visited {
		color: #000000;
	}

/*        a:hover {
                background-color: transparent;
                color: #ffffff;
                }
*/
        .subCat a {
                color: #cccccc;
                text-decoration: none;
                }

        .subCat strong {
                 color: #ffffff;
                }        

/* Headings */	
	h1, h2, h3, h4, h5, h6 {
		color: #000000;
	}div.tagtitle{
   margin-bottom: 5px;
   font-weight: bold;
}

div.left {
   float: left;
   width: 80px;
   line-height: 140%;
}

div.right {
   margin-left: 100px;
   line-height: 140%;
   padding-bottom: 5px;
}

hr.tags {
   clear: both;
   height: 1px !important;
   border: none !important;
   background-color: #006699 !important;
   margin-bottom: 15px !important;
}