/*****************************/
/* BLOCK HTML ELEMENTS       */
/*****************************/

/* TS: conflicts with new styles
h1:first-letter {
font-size: 140%;
}*/

lang {
	font-size: inherit !important;
}

span lang {
	font-size: inherit !important;
}

/*TS: moved to content.css - for image captions */
/* .caption {   
	font-size: 90%;
	font-weight: bold;
	color: #999966;
	text-align: left;
	background-color: transparent;
}*/

/* TS: moved to content.css - for image copyrights */

/*.copyright {  
	font-size: 85%;
	color: #999966;
	text-align: left;
	background-color: transparent;
} */

.citations {  /* for footnotes */
	font-size: 85%;
	font-weight: bold;
	color: #663333;
	vertical-align: super;
	background: transparent;
}

em {
	font-style: italic;
}

i {
	font-style: italic;
}

b {
	font-weight: bold;
}

strong {
	font-weight: bolder;
}

sup { /* superscript */
	vertical-align: super;
}

sub {  /* subscript */
	vertical-align: sub;
}

/*****************************/
/* CL&F MENUS                */
/* GoC = common              */
/* Parks = inst              */
/*****************************/
/* GoC or common menu bar */
a.common, a.inst, a.contactez-nous {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	text-decoration: none; 
	font-weight: bold; 
	font-size: 75%;
	display: block;
}
a.common, a.contactez-nous {
	color: #ffffff;
	background-color: #000000;
	font-size: 75%;
	display: block;
}

a.common, a.inst {
	font-size: 75%; 
	padding-left: 2px;
	display: block;
}
a.contactez-nous {
	padding-left: 1px;
	font-size: 75%; 
	display: block;
}

a.common:link, a.common:visited, a.contactez-nous:link, a.contactez-nous:visited { 
	color: #ffffff;
	text-decoration: none; 
	background-color: #000000; 
	font-size: 75%;
	font-weight: bold;
	display: block;
}
a.common:hover, a.common:focus, a.contactez-nous:hover, a.contactez-nous:focus { 
	color: #ffffff;
	text-decoration: none; 
	background-color: #666666; 
	font-size: 75%;
	font-weight: bold;
	display: block;
}
a.common:active, a.contactez-nous:active { 
	color: #ffffff;
	text-decoration: none; 
	background-color: #999999;
	font-size: 75%;
	display: block;
}
td.common { 
	vertical-align: middle; 
	width: 90px; 
	color: #ffffff;
	background-color: #000000;
	height: 14px;
	border: 1px solid #ffffff;
	border-top-width: 0px;
	border-left-width: 0px;
	
}
	
a.inst {
	color: Black;
	background-color: #cccc99;
	font-size: 75%;
	display: block;
}
a.inst:link, a.inst:visited {
	color: Black;
	text-decoration: none;
	background-color: #cccc99;
	font-size: 75%;
	font-weight: bold;
	display: block;
}
a.inst:hover, a.inst:focus {
	color: Black;
	text-decoration: none;
	background-color: #999966;
	font-size: 75%;
	font-weight: bold;
	display: block;
}
a.inst:active {
	color: Black;
	text-decoration: none;
	background-color: #999966;
	font-size: 75%;
	display: block;
}

td.inst { 
	width: 90px; 
	color: Black;
	background-color: #cccc99; 
	height: 14px;
	border: 1px solid #ffffff;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 2px 2px;
	
}

td.blank {
	padding: 0em; 
	margin: 0em; 
	border: none; 
	color: #000000;
	background-color: #ffffff;
}



/* lists */
li.list {
	
  	text-align: left;
  	list-style-type: disc;
  	margin-left: 30px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}

/* TS: generic style, confilcts with SS	
ul li {
	text-align: left;
	list-style-type: disc;
	margin-left: 30px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
*/

ul.inside {
	list-style-position : inside;
}

ul li.inside {
	text-align: left;
	list-style-type: disc;
	margin-left: 30px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-position : inside;
}
	
/* TS, SS should be used instead
ul li li {
  	text-align: left;
  	list-style-type: circle;
  	margin-left: 40px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
ul li li li {
  	text-align: left;
  	list-style-type: square;
  	margin-left: 50px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
*/
	
ol.decimal {
   	text-align: left;
	list-style-type: decimal;
  	margin-left: 30px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
ol li.decimal {
   	text-align: left;
   	list-style-type: decimal;
  	margin-left: 40px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}

ol.alpha {
   	text-align: left;
   	list-style-type: lower-alpha;
  	margin-left: 30px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
ol li.alpha {
   	text-align: left;
   	list-style-type: lower-alpha;
  	margin-left: 40px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
ol.roman {
   	text-align: left;
   	list-style-type: lower-roman;
  	margin-left: 30px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
		
ol li.roman {
   text-align: left;
   list-style-type: lower-roman;
  	margin-left: 40px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	}


li.square {
	list-style-type: square;
}

/* counter lists */
OL.count { counter-reset: item }

LI.count { display: block }

LI.count:before { content: counter(item) ". "; counter-increment: item }

	
	
/* side nav list */
li.menu {
	text-align: left;
	list-style-image: url(/images/arrow_right.gif);
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 0px; 
	padding-right: 3px;
	margin-top: 2px;
	margin-bottom: 2px;

}

ul.menusub {
	margin-left: -20px;
	padding-left: 0px;
	background:#999966; 
	color: Black;
}

li.menusub {
	list-style-image: url(/images/nav/tri_right_cccc99.gif); 
	list-style-type: square;
	margin-left: 30px;
	padding-left: 0px;
	margin-bottom: 2px;
	margin-top: 2px;
	background:#999966;
	color: black;
}

ul.sub {
	margin-left: -20px;
	padding-left: 0px;
	background:#999966; 
	color: Black;
}

li.sub {
	list-style-image: url(/images/nav/tri_right_cccc99.gif); 
	list-style-type: square;
	margin-left: 30px;
	padding-left: 0px;
	margin-bottom: 2px;
	margin-top: 2px;
	background:#999966;
	color: black;
}

li.nav_img {
	text-align: left;
	list-style-image: url(/images/spacer.gif);
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 0px; 
	padding-right: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* sandstone arrow bullet */
li.sandstone {
	list-style-image: url(/images/nav/tri_right_cccc99.gif);
	background: transparent;
	color: Black;
	font-weight : bold;
}

/* side nav items */

a.commontop:link, a.commontop:visited {
	color: #3a3a06;
	background-color: #CCCC99;
	font-weight: bolder;
	font-size: 115%;
	text-decoration: none;
 	line-height: 1.2;
 	font-family: Helvetica, Verdana, Geneva, Arial,  sans-serif;
	font-stretch: narrower;
}

a.commontop:hover, a.commontop:active {
	color: #666633;
	background-color: #CCCC99;
	font-weight: bolder;
	font-size: 115%;
	text-decoration: underline;
	line-height: 1.2;
	font-family: Helvetica, Verdana, Geneva, Arial,  sans-serif;
	font-stretch: narrower;
}

.sidenavbg {
	color: White;
	background-color: #666633;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
 	margin-bottom: 0px;
 	margin-right: 0px;
 	width: 132px;
}

.sidenavtext {
	padding-left: 3px;
	padding-right: 3px;
	color: White;
	font-size: 100%;
	font-weight: bold;
	margin-left: 3px;
	margin-right: 3px;
	display: block;
}

.sidenavheader {
	color: White;
	background-color: #666633;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
 	margin-bottom: 0px;
 	margin-right: 0px;
 	text-align: left;
}

.searchbutton {
	padding: 2px;
	text-decoration: none;
	width: auto;
	display: block;
	color: black;
	background-color: #CC9900;
	border-top: 2px #663333 solid;
	border-left: 2px #663333 solid;
	border-bottom: 2px #663333 solid;
	border-right: 2px #663333 solid;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 80%;
 }

.searchbox {
	width: 90px;
	height: 27px;
	padding-top: 3px;
	margin-left: 10px;
}


/*****************************/
/* INLINE HTML ELEMENTS      */
/*****************************/

a.link:link,  a.link:visited {
	color: #666633;
	text-decoration: underline;
	background-color: transparent;
}

a.link:hover, a.link:active  {
	color: #3a3a06;
	text-decoration: underline;
	background-color: transparent;
}

/* TS: confilcts with SS styles
a:link,  a:visited {
	color: #666633;
	text-decoration: underline;
}

a:hover, a:active  {
	color: #666633;
	text-decoration: underline;
} */


a.email, a.email:link, a.email:visited {
	text-decoration: underline;
	color: #666633;
	background: transparent;
	font-size: inherit;
	font-weight : normal;
}
a.email:active, a.email:hover {
	text-decoration: underline;
	color: #3a3a06;
	background: transparent;
	font-size: inherit;
	font-weight : normal;
}


img { 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 
}

/* index side nav items by 10 pixels */

.leftindent {
	
	margin-left: 10px;
}

/*****************************/
/* FONTS          */
/*****************************/

dfn {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #000;
	cursor: help;
	color: Blue;
}

.definition {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #000;
	cursor: help;
	color: Blue;
}

.navboldwhite {
	color: #ffffff;
	font-weight: bold;
	text-decoration : none;
	background-color: transparent;
	margin-left: 10px;
	line-height: 2;
	font-size: 90%;
}

.navlitered {
	color: #663333;
	font-size : 90%;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
}

.redbold { /* for important items - bold red font */
	font-weight : bold;
	color : Red;
	background-color: transparent;
}

.bigred {
	font-weight : bold;
	color : Red;
	background-color: transparent;
	font-size : 130%;
}

a.menufont:link, a.menufont:visited {
	color: #ffffff;
	text-decoration : none;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
	
}

a.menufont:hover, a.menufont:focus, a.menufont:active {
	color: #ffffff;
	text-decoration: underline;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
}

a.menufontsub:link, a.menufontsub:visited {
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

a.menufontsub:hover, a.menufontsub:focus, a.menufontsub:active {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
}

a.navred:link, a.navred:visited {
	color: #663333;
	text-decoration: none;
	font-weight : bold;
	background-color: transparent;
	font-size : 90%;
	line-height: normal;
}

a.navred:hover, a.navred:focus, a.navred:active {
	color: #330000;
	font-weight : bold;
	text-decoration : underline;
	background-color: transparent;
	font-size : 90%;
}

a.navredbig:link, a.navredbig:visited {
	color: #663333;
	text-decoration: none;
	font-weight : bold;
	background-color: transparent;
	font-size : 100%;
	line-height: normal;
}

a.navredbig:hover, a.navredbig:focus, a.navredbig:active {
	color: #330000;
	font-weight : bold;
	text-decoration : underline;
	background-color: transparent;
	font-size : 100%;
}

a.navredbigger:link, a.navredbigger:visited {
	color: #663333;
	text-decoration: underline;
	font-weight : bold;
	background-color: transparent;
	font-size : 120%;
	line-height: normal;
}

a.navredbigger:hover, a.navredbigger:focus, a.navredbigger:active {
	color: #330000;
	font-weight : bold;
	text-decoration : none;
	background-color: transparent;
	font-size : 120%;
}

a.navgloss:link, a.navgloss:visited {  /* for glossary items, definitions, etc. */
	color: Blue;
	text-decoration: none;
	background-color: transparent;
	}

a.navgloss:hover, a.navgloss:focus, a.navgloss:active {
	color: Navy;
	text-decoration : underline;
	background-color: transparent;
}

a.navwhite:link, a.navwhite:visited {
	color: #ffffff;
	text-decoration : none;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
	
}

a.navwhite:hover, a.navwhite:focus, a.navwhite:active {
	color: #ffffff;
	text-decoration: underline;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
}

li a.navwhite:link, li a.navwhite:visited {
	color: #ffffff;
	text-decoration : none;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
	
}

li a.navwhite:hover, li a.navwhite:focus, li a.navwhite:active {
	color: #ffffff;
	text-decoration: underline;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;
}


a.navblack:link, a.navblack:visited {
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	
}

a.navblack:hover, a.navblack:focus, a.navblack:active {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
	font-size: 90%;
	font-weight: bold;

}

fontblack {
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	
}

.fontwhite {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

.spotlight {
	color: #663333;
	font-weight : bold;
	background-color : transparent;
	font-size :90%;
}

.fontsandtone {
	color: #666633;
	font-size: 90%;
	background-color: transparent;
}

.parks {
	color: #336633;
	background-color: transparent;
}

.violet {
	color: #826e98;
	background-color: transparent;
}

.park {
	color: #336633;
	background-color: transparent;
}

.historic {
	color: #660000;
	background-color: transparent;
}

.marine {
	color: #003366;
	background-color: transparent;
	
}

.agency {
	color: #999966;
	background-color: transparent;
}

/* Backgrounds */

.mainbg { background:#CCCC99;
color: Black;  }

.parkbg { background:#99CC99;
color: Black;  }

.lightbg {background:#FFFFCC;
color: Black;}

.altbg { background:#999966;
color: Black; }

.headerbg {	background:#666633;
color: White; }

.stories-bg { background:#CC9999; 
color: White;}

.stories-altbg { background:#663333; 
color: White;}

.whitebg {	background:#ffffff;
color: Black; }

.darkbg {	background:#3a3a06;
color: White;}

.bluebg {	background:#90C8FF;
color: black;}

.greybg {	background:#CCCCCC;
color: black;}

.mainbgblock { background:#CCCC99;
color: Black;
 display: block;
 padding: 2px;
 }

.parkbgblock { background:#99CC99;
color: Black; 
display: block; 
padding: 2px;}

.lightbgblock {background:#FFFFCC;
color: Black;
display: block;
padding: 2px;}

.altbgblock { background:#999966;
color: Black; 
display: block;
padding: 2px;}

.headerbgblock {	background:#666633;
color: White; 
display: block;
padding: 2px;}

tr.mainbg td { background:#CCCC99;
color: Black;  }

tr.lightbg td {background:#FFFFCC;
color: Black;}

tr.altbg td { background:#999966;
color: Black; }

tr.headerbg td {	background:#666633;
color: White; }

tr.stories-bg td { background:#CC9999; 
color: White;}

tr.stories-altbg td { background:#663333; 
color: White;}

tr.whitebg td {	background:#ffffff;
color: Black; }

tr.greybg td {	background:#CCCCCC;
color: Black; }

tr.darkbg td {	background:#3a3a06;
color: White;}

.featurearea-headbg { background:#003366; 
color: White;}

tr.greenbg td {	background:#336633;
color: White;}

.featurearea-bg { background:#9999CC;
color: Black; }

.blockbg { background:#CCCC99;
color: Black;
 display: block;
  }

/* horizontal rules */

hr.agency {
background-color:#999966; /* Netscape 6/7, Mozilla */
color:#999966; /* IE */
border: #999966; /* Opera */
} 

hr.light {
background-color:#CCCC99; /* Netscape 6/7, Mozilla */
color:#CCCC99; /* IE */
border: #CCCC99; /* Opera */
} 

hr.parks {
background-color:#336633; /* Netscape 6/7, Mozilla */
color:#336633; /* IE */
border: #336633; /* Opera */
} 

hr.historic {
background-color:#660000; /* Netscape 6/7, Mozilla */
color:#660000; /* IE */
border: #660000; /* Opera */
} 

hr.marine {
background-color:#003366; /* Netscape 6/7, Mozilla */
color:#003366; /* IE */
border: #003366; /* Opera */
} 

hr.dashed {
border-top: 1px dashed #999966;
border-bottom: 0px;
background: none;
background-color: none;
color: none;
height: 1px;
}

/* Radio buttons */
.radio-mainbg { color: #000000; background: #CCCC99; }


/* textBlock with left and right margins */
.textMargin{
margin-top: 2px;
margin-bottom: 2px; 
margin-left: 8px;
margin-right: 8px; 
}

/* textblock with larger left and right margins */
.textindent{
margin-top: 2px;
margin-bottom: 2px; 
margin-left: 20px;
margin-right: 20px; 
}

/* textBlock with left and right margins */
.smallindent{
margin-top: 2px;
margin-bottom: 2px; 
margin-left: 8px;
margin-right: 8px; 
}

/* textblock with larger left and right margins */

.largeindent{
margin-top: 2px;
margin-bottom: 2px; 
margin-left: 20px;
margin-right: 20px; 
}


/* border for containing content, instead of using tables */

.darkbox {
	border: solid #999966 3px
}

.sandstonebox {
	border: solid #CCCC99 3px
}

.parkbox {
	border: solid #99CC99 3px;
}

.dkparkbox {
	border: solid #336633 3px;
}

.historicbox {
	border: solid #660000 3px;
}

.marinebox {
	border: solid #003366 3px;
}

.darkborder {
	border: solid #999966 1px;
}

.sandstoneborder {
	border: solid #CCCC99 1px
}

.parkborder {
	border: solid #99CC99 1px;
}

.historicborder {
	border: solid #660000 1px;
}

.marineborder {
	border: solid #003366 1px;
}

.blackborder {
	border: solid black 1px;
}

.bottom-featuresborder {
	border-top: 10px solid #CC9933;
	border-right: 1px solid #CC9933;
	border-bottom: 1px solid #CC9933;
	border-left: 10px solid #CC9933;
}

/*****************************/
/* GENERIC CLASSES           */
/*****************************/

.spotblock {
	border: thin dotted #CCCC99;
	float: none;
	width: 450px;
}
/* TS: moved to institution.css 
.dmmspotblock {
	border: double;
	float: none;
	width: 400px;
	border-color: #666633;
	padding: 5px; 
	background-color: #CCCC99;
}
*/
/* TS: generic, conflicts with SS styles
u {
	text-decoration: underline;
}
*/

.lineabove {
	text-decoration: overline; 
}
.linethrough {
	text-decoration: line-through;
}
.lineunder {
	text-decoration : underline;
}

/* TS: should be substituted with CLF2 .fontSize90 */
.smaller {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 90%;
}
/* TS: should be substituted with CLF2 .fontSize80 */
.smallest {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 80%;
}

/* TS: should be substituted with CLF2 .fontSize70 */
.verysmall {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 70%;
}
	
/* TS: should be substituted with CLF2 .fontSize120 */ 
.larger {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 120%;
}

/* TS: should be substituted with CLF2 .fontSize140 */ 
.largest {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 140%;
}

/* main page styles */

/* visit list */

/* main page */


/* style for small spotlight items in footer of main pages */

table.featurebar {
	background-color: #cccc99;
	color: Black;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-top-color: #999966;
	border-top-style: solid;
	border-top-width: 5px;
	border-right-color: #999966;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #999966;
	border-left-style: solid;
	border-left-width: 1px;
}



/* style to create an inline list */

#inline-list, #inline-list-gen {
	border: 1px solid #000;
	font-size: 90%;
	margin: 2em;
	width: 90%;
	padding: 5px;
	}

#inline-list ul, #inline-list li, #inline-list-gen ul, #inline-list-gen li {
		display: inline;
		margin: 0;
		padding: 0;
		font-weight: bold;
		}

/* style for forms menus */

.dropdown200
{
    width: 200
}

.dropdown250
{
    width: 250
}

.dropdown300
{
    width: 300
}

.dropdown400
{
    width: 400
}

/* SAFETY WARNING LEVEL */

.warning-low {
	background: #009900;
	color: White;
	font: bolder;
}
.warning-moderate { 
	background:#FFFF00; 
	color: black;
	font: bolder;
}
.warning-considerable { 
	background:#ff9900; 
	color: White;
	font: bolder;
}
.warning-high { 
	background:#FF0000; 
	color: White;
	font: bolder;
}
.warning-extreme { 
	background:#cc0000; 
	color: White;
	font: bolder;
}