/***********************************************/
/* Trails.css    
/* Use with Wyoming Trails Program  website
/* Author Mike Corso
************************************************/

/***********************************************/
/* HTML tag styles             
/***********************************************/ 

body{
	font-family: sans-serif;
	color: #333333;
    /*background-image:url(/res/assets/ARTS_bg.jpg);*/
	background-attachment:fixed;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#0033FF;
	text-decoration: none;
	font-weight:bold;
}

a:link{
    color:#0033FF;
	text-decoration: none;
}

a:visited{
	color:#0033FF;
	text-decoration: none;
}

a:hover{
	color:#400000;
	text-decoration: underline;
}

h1{
    font-family: Arial,sans-serif;
    font-size: 130%;
    color:#0b1aff;
    margin: 0px;
    padding: 0px;
 }

h2{
    font-family: Arial,sans-serif;
    font-size: 130%;
    color:#660000;
    margin: 0px;
    padding: 0px;
}

h3{
    font-family: Arial,sans-serif;
    font-size: 110%;
    color:#660000;
	margin-bottom:-1px;
	margin-top:0px;
	
}

h4{
    font-family: Arial,sans-serif;
    font-size: 110%;
    font-weight: bold;
    color:#003300;
    margin: 0px;
    padding: 0px;
}

h5{
    font-family: Arial,sans-serif;
    font-size: 110%;
	font-weight:bold;
    color: #660000;
    margin: 0px;
    padding: 0px;
	padding-left:10px;
	padding-top:0px;
}

h6{
    display:block;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat;
	width:97%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	color:#684606;
	font-size:120%
 }

p{
    margin-top:5px;
    margin-bottom:10px;
	color:#333333;
}

.lists{
	padding-bottom: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: -10px;
	#margin-left:20px; /*IE Only*/
	list-style-image:url(/res/assets/dot.png);
}

ul{
    list-style-type:square;
}

ul ul{
    list-style-type: disc;
}

ul ul ul{
    list-style-type: none;
}

li{
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/***********************************************/
/* LAYOUT DIVS
/***********************************************/

#header{
    margin-left:0px;
}

#header table {
    margin-bottom: -1px;
    background-color:#FFFFFF;
    #margin-bottom: -4px; /* IE Only */
	border-right: solid  #CCCCCC 1px;
}

#header  .rotate{
    border-right: solid #999999 1px;
    border-left: solid #400000 0px;
}

#header  .aph{
    margin-top:10px;
    margin-right:5px;
	vertical-align:middle;
}

#masthead{
	padding: 10px 0px 0px 0px;
	width: 1050px;
}

#navBar{
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
	margin-top: -31px;
	margin-right: 1px;
	border-top: #400000 solid 1px;
	border-right: #666666 solid 3px;
	border-bottom: #666666 solid 1px;
	background-image:url(/res/assets/image10.png);
	min-height:615px;
	#min-height:610px; /*IE only*/
}

/*****************************************
*  #headlines (Right Navigation) styles 
*****************************************/

#headlines{
    float:right;
	width:150px;
	padding-left: 6px;
	font-size: 70%;
	margin-top:-6px;
	margin-right: 0px;
	margin-left:8px;
	margin-bottom:5px;
	background-image:url(/res/assets/texturehue8961303.jpg);
	border:solid #999999 1px;
}

#headlines a{
	padding: 10px 0px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#400000;
	text-align:left;
	margin-left:5px;
	font-weight:bold;
}

#headlines h4 {
    display:block;
	width:85%;   
    margin-top:1px;
    margin-left: -10px;
	margin-right:-1px;
	padding-left:5px;
	padding-right:18px;
    text-align:left;
    color:#003300;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:repeat;
	border-style: solid;
	border-bottom-color: #003300;
	border-bottom-width: 1px;
	border-top-color:#cccccc;
	border-top-width: 1px;
	border-left-color:#003300;
	border-left-width: 3px;
	border-right-color:#cccccc;
	border-right-width: 1px;
}

#headlines li {
    margin-left:-12px;
}

#headlines img{
    margin-left:10px;
    #margin-left:18px;
}

.headimg {
    margin-left:-22px;
}

#content{
	float:left;
	color: #333333;
	background-color:#FFFFFF;
	font-size:100%;
	padding-bottom: 5px;
	padding-right:0px;
    padding-top:5px;
	margin-top:-10px;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	width: 854px;
	border: solid 1px  #d1c8b7; 
	min-height:585px;
	#min-height:580px; /*IE only*/
}	

#content p{
    padding-top: 0px;
	padding-right:4px;
}

/***********************************
* END LAYOUT DIVS
***********************************/

/********************
* COMPONENTS        
********************/
#siteName{
    position:absolute;
	top:29px;
	left:627px;
}

/***************************
*  #state Nav styles 
***************************/
#stateNav{
	padding: 2px 0px 0px  5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#660000;
	width:1044px;
	background-image:url(/res/assets/globalbg.jpg);
	
	border-style:  solid;
	border-color:#333333;
	border-width:1px 1px 1px 0px;
	max-height:20px;
	padding-bottom:1px;
	
}

#stateNav a {
    color:#660000;
}

/***************************
*  #globalNav styles 
***************************/
.chromestyle{
    width: 855px;
    background-color:#666666;
	background-image:url(/res/assets/globalbg.jpg);
	margin-top:1px;
    border-style:  solid;
	border-color:#333333;
	border-width:1px 1px 1px 0px;
	padding: 0px 0px 0px 0px;
	max-height:25px;
	color:#660000;
	margin-left:193px;
}

.chromestyle a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
   color:#660000;
   margin-left:5px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.chromestyle ul{
    border: 1px solid #BBB;
    width: 100%;
    padding: 0px 0; 
    margin: 0;
    text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
    display: inline;
}

/**************************
* Style for Drop Down Menu 
**************************/

.dropmenudiv{
    position:absolute;
	top: 123px;
   	border:  1px solid #CCCCCC;
    border-bottom-width: 0;
    font:normal 14px arial;
    line-height:18px;
    z-index:100;
    background-image:url(/res/assets/texturehue8961303.jpg);
    width: 200px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 5px;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 0 0;
    text-decoration: none;
    font-weight: bold;
    font-size:12px;
    color: #400000;
}

* html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #400000;
    color:#FFFFFF;
}

/*****************************
*  #pageName styles 
*****************************/

#pageName{
	margin: 0px;
	padding: 5px 0px 10px 10px;
}

/**************************
*  #breadCrumb styles
**************************/

#breadCrumb{
	font-size: 70%;
	color:#ffffff;
	padding: 1px 0px 1px 7px;
	background-color:#003300;
	margin-top:-6px;
	margin-left:-2px;
	border: solid 3px 1px 1px 1px  #111111;
	margin-right:158px;
}

#breadCrumb a{
    font-size:100%;
	color:#ffffff;
	text-decoration:underline;
}

#breadCrumb a:hover{
    font-size:100%;
	color:#003333;
	text-decoration:overline;
	background-color:#FFFFFF;
}

/********************
*  .feature styles 
********************/

.feature{
	padding: 0px 6px 10px 10px;
	font-size: 80%;
}

.feature h3{
    margin-top:4px;
}

.feature h5{
    font-family: Arial,sans-serif;
    font-size: 110%;
	font-weight:bold;
    color: #660000;
    margin: 0px;
    padding: 0px;
	padding-top:10px;
}

.para {font-family: "Arial","sans-serif"; font-size: 10pt;}
a.headings:link {color: #000000;text-decoration:underline;width:100%;}
a.headings:visited {color: #aa6611; width:100%}
a.headings:hover {color: #ff9933; text-decoration:none; width:100%}
a.headings:active {color: #0000ff;width:100%}
a.headings {background-repeat:no-repeat;font-family:"arial","sans-serif";font-size:10px;}

/******************
*  .story styles 
******************/
.story{
    clear:left;
	padding: 10px 10px 0px 10px;
	font-size: 80%;
	text-align:justify;
}

.story h3{
    margin-top:4px;
	margin-bottom:0px;
}

.moreicon{
    vertical-align:middle;
    padding-right:10px;
}

/****************************
*  siteInfo styles (footer)
****************************/
.siteInfo{
   clear:both;
    margin-bottom: 0px;
	margin-top:0px;
	#margin-top:-8px;
	margin-left:204px;
	#margin-left:202px;
	color: #000000;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	width:825px;
	font-size:13px;
	position:relative;
	bottom:0px;
	text-align:center;
}

.siteInfo img{
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
}

.siteInfo a {
	font-size: 11px;
	font-weight:bold;
	font-style:italic;
	color:#400000;
}

.siteInfo a:hover {
	font-size: 11px;
	font-weight:bold;
	background-color:#400000;
	color:#ffffff;
	text-decoration:none;
}

/**********************
* #navBar link styles
**********************/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
#headlines ul {list-style: none; margin: 0; padding: 4px;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*#navBar li {border-bottom: 1px solid #EEE;}*/

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*****************************************
* sectionLinks (Left Navigation) Styles
*****************************************/

#sectionLinks{
	position: relative;
	font-size: 80%;
	background-image:url(/res/assets/texturehue8961303.jpg);
	padding-top:20px;
	padding-bottom:10px;
}

#sectionLinks h5{
    display:block;
	padding: 0px 2px 0px 5px;
	width:178px;
	margin-top:12px;
	margin-left: -1px;
	margin-bottom:3px;
	color:#660000;
	font-weight:bold;
	font-size:15px;
	border-bottom: #CCCCCC solid 2px;
}

#sectionLinks img{
    vertical-align:middle
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	width: 92%;
	color:#003333;
	border-bottom: #CCCCCC solid 1px;
}

#sectionLinks a:visited{
	padding: 2px 0px 2px 10px;
	color:#006600;
	width: 92%;
	border-bottom: #CCCCCC solid 1px;
}

#sectionLinks a:hover{
	background-color:#003300;
    color:#ffffff;
	width: 92%;
	padding: 2px 0px 2px 10px;
	text-decoration:underline;
}

/****************************
* Search Styles
****************************/
.search {
     position:absolute;
	 top:101px;
	 left:1px;
	font-size:12px;
    margin-top:0px;
}

.submit{
    vertical-align:middle;
	padding-bottom:5px;
}

.searchField{
    background-color:#faf3ea;
	background-color:ffffff;
	filter:alpha(opacity=75); /* IE's opacity*/
	height:15px;
	width:180px;
    border-top-width: 1px;
	border-top-color:#000000;
	border-left-width: 1px;
	border-left-color:#000000;
	border-bottom-width: 1px;
	border-bottom-color:#FFFFFF;
	border-right-width: 1px;
	border-right-color:#FFFFFF;
	border-style:solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.go{
    position:absolute;
	background-color:ffffff;
	filter:alpha(opacity=75); /* IE's opacity*/
	top:0px;
	#top:1px;
	left:170px;
	#left:170px;
	height:18px;
    border-top:solid;
    border-top-width: 1px;
	border-top-color:#000000;
}

/**************************
* #Last modified style
**************************/
#lastmod{
    position:absolute;
   	top: 0px;
	left:0px;
	background-color:#660000;
	background-image:url(/res/assets/lnavhLightGreen5.jpg);
	border-bottom: solid 1px #400000;
	border-top: solid 1px #400000;
	border-left: solid 1px #777777;
	border-right: solid 1px #400000;
    font-size: 60%;
	font-weight:bold;
	color:#ffffff;
	width:1043px;
	padding-right:5px;
	text-align:right;
}

/********************************************
* Horizontal Rule and Super Script Styles
********************************************/
hr{
    color:#b59d6d;
	padding: 0px 0px 0px 0px;
    width:400px;
    height:1px;
}

sup{
    font-size:85%;
}

/*******************************************
* Use this class to bold and italicize text. 
*******************************************/
.highlight{
    font-weight:bold;
	font-style:italic;
	font-size:12px;
}

.highlightr{
    font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#600;
}

/******************************************
* Use to display photo information
******************************************/
.cutline{
	font-style:italic;
	font-size:11px;
}

.cutline a{
	font-style:italic;
	font-size:11px;
}

/******************************************
* Drop Shadow Styles for images
******************************************/
.img-shadow{
    float:left;
    background: url(/res/assets/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/res/assets/shadow.gif) no-repeat bottom right;
    margin: 10px 6px 0 10px !important;
    margin: 10px 0 0 5px;
}

.img-shadow img{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

.img-shadowhead img{
    display: block;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -2px;
    padding: 2px;
}

.shadowr{
    float:right;
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px 8px;
    padding: 4px;
}

table {
    font-size:12px;
}

table p{
   text-align:left;
  }

.largertext {
     font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
}