/***********************************************/
/* Archives.css    
/* Use with Wyoming State Archives website
/* Author Mike Corso
************************************************/

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

body{
	font-family: Arial ,sans-serif;
	color: #333333;
    background-image:url(/res/assets/two-gray-bkg.png);
	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:#0066FF;
	text-decoration: none;
}

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

h1{
    font-family: Kredit, Arial,sans-serif;
    font-size: 130%;
    color:#5C3317;
    margin: 15px 0 0 2px;
    padding: 0px;
 }

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

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

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

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

h6{
    display:block;
	padding: 0 0 0 5px;
	background-image:url(/res/assets/statenavbgsmall.png);
	background-repeat: repeat;
	margin:0;
	width:99%;
	color:#400000;
	border-style:  solid;
	border-bottom: solid 1px #787776;
	border-left:solid 5px #400000;
	border-top:solid 1px #787776;
	border-right:solid 1px #787776;
	font-size:100%;
 }

p{
    margin:0 0 0 0 ;
	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/arrow_blue.png);
}

ul{
    list-style-type:square;
}

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

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

li{
    margin: 0 0 0 5px;
	padding: 1px 0 1px 0;
}

/***********************************************/
/* LAYOUT DIVS
/***********************************************/
/***********************************
* Table styles for the home page
***********************************/

#header{
    margin-left:0px;
	margin-bottom:1px;
}

#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:3px 4px 0 0;
}

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

#navBar{
	float: left;
	width: 190px;
	padding: 0px;
	margin:-21px 1px 0 0;
	border-top: #400000 solid 1px;
	border-right: #888888 solid 3px;
	border-bottom: #666666 solid 1px;
	background-image:url(/res/assets/nav.jpg);
	min-height:620px;
	#min-height:631px; /*IE only*/
	font-size:11px;
}

#navBar img{
    vertical-align:middle;
	padding:0 0 0 3px;
}

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

#headlines{
    float:right;
	width:150px;
	padding:0 0 0 6px;
	font-size: 70%;
	margin:-6px 0 0 2px;
	#margin-top:-6px; /*IE Only */
	background-image:url(/res/assets/rnavbg.png);
	border: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
}

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

#headlines a:hover{
	color:#990000;
}

#headlines a:visited{
	color:#990000;
}

#headlines h4 {
    display:block;
	width:95%;   
    margin:-3px 1px 0 -10px;
    padding:0 1px 0 5px;
    color:#333333;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-style: solid;
	border-bottom-color: #400000;
	border-bottom-width: 1px;
	border-top-color:#CCCCCC;
	border-top-width: 1px;
	border-left-color:#400000;
	border-left-width: 4px;
	border-right-color:#cccccc;
	border-right-width: 1px;
}

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

#content{
    background-image:url(/res/assets/contentbg.png);
	float:left;
	color: #333333;
	background-color:#FFFFFF;
	font-size:100%;
    padding:5px 0 10px 0;
	margin:1px 0 0 -1px;
	#margin-top:0px;
	width: 855px;
    border: solid 0 1px 1px 1px  #d1c8b7;
	min-height:585px;
	#min-height:580px; /*IE only*/
}	

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

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

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

/***************************
*  #state Nav styles 
***************************/
#stateNav{
	padding: 2px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:1043px;
	background-image:url(/res/assets/globalbg1.png);
    height:14px;
	border:  solid;
	border-color:#584842;
	border-width:1px 1px 1px 0;
	color:#000000;
}

#stateNav a {
    color: #000;
	font-size:12px;
	padding:2 0 0 0;
}

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

.chromestyle a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
   color:#400000;
   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: 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/contentbg.png);
    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: 0 0 0 5px;
	padding: 5px 0 3px 0;
}

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

#breadCrumb{
    font-size: 70%;
    font-style:italic;
    color:#999;
	padding: 1px 0 1px 4px;
	margin:-3px 158px 0 -1px;
}

#breadCrumb a{
    font-size:90%;
	color:#666;
	font-style:normal;
	text-decoration:underline;
}

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

.feature{
	padding: 0 0 10px 5px;
	font-size: 80%;
	width:685px;
}

.feature h3{
	margin:4px 0 3px 0;
}

.feature p{
	padding: 0 5px 0 0;
	margin-top:10px;
}

.feature h5{
    font-family: Arial,sans-serif;
    font-size: 110%;
	font-weight:bold;
    color: #0000c0;
    margin: 0;
	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 0 5px;
	font-size: 80%;
}

.story p{
	padding: 0 10px 0px 0px;
	margin-top:1px;
}

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

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

/****************************
*  siteInfo styles (footer)
****************************/

.siteInfo{
	clear:both;
    margin:-19px 0 1px 193px;
	color: #000000;
	padding:0px 0 0px 5px;
	width:850px;
	font-size:13px;
	position:relative;
	text-align:center;
	background-color:#bbb;
	border: #999 1px 1px 1px 1px solid;
	background-image:url(/res/assets/footerbg.png);
}

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

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

.siteInfo a:hover {
	font-size: 10px;
	font-weight:bold;
	color:#400000;
	text-decoration:underline;
}

/**********************
* #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/lntest1.png);
	padding:20px 0 0 3px;
	border-bottom: #888888 2px solid;
}

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

#sectionLinks img{
    vertical-align:middle;
}

#sectionLinks a:link{
	padding: 2px 0 2px 10px;
	color:#003300;
	border-bottom: #bbbbbb solid 1px;
	display:block;
}

#sectionLinks a:visited{
	padding: 2px 0 2px 10px;
	color:#003300;
	border-bottom: #bbbbbb solid 1px;
	display:block;
}

#sectionLinks a:hover{
	background-color: #DDEEFF;
    color:#2F2F2F;
	padding: 2px 0 2px 10px;
	text-decoration:none;
    border-bottom:#bbbbbb solid 1px;
	display:block;
}

/****************************
* Search Styles
****************************/
.search {
     position:absolute;
	 top:102px;
	 left:1px;
     color:#333333;
}

.submit{
    vertical-align:middle;
	padding: 0 0 2px 0;
}

.searchField{
	height:15px;
	width:185px;
    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:#333333;
}

.search h5 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#660000;
	margin: 0 5px 0 -3px;
	border-bottom: solid  #003300  1px;
	padding:0 0 0 1px;
}

.search a{
    font-size:11px;
	color:#003300;
	display:compact;
}

.searchhr{
	color:#999;
	width:650px;
}

/**************************
* #Last modified style
**************************/
#lastmod{
    position:absolute;
   	top: 0;
	left:0;
	background-image:url(/res/assets/image2test.png);
	font-family:Arial, Helvetica, sans-serif;
    font-size: 60%;
	font-weight:bold;
	color:#ffffff;
	width:1044px;
	padding:0 5px 0 0;
	text-align:right;
	height:12px;
	border-bottom: solid #333333 1px;
}

/********************************************
* Horizontal Rule and Super Script Styles
********************************************/
hr{
    color:#b59d6d;
	padding: 0;
    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:#900;
}
/******************************************
* Use to display photo information
******************************************/
.hcutline{
	font-style:italic;
	font-size:10px;
}

.hcutline a{
	font-style:italic;
	font-size:10px;
}

.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(assets/shadowAlpha.png) no-repeat bottom right !important;
    background: url(assets/shadow.gif) no-repeat bottom right;
    margin: 10px 6px 0 2px !important;
    margin: 10px 0 0 5px;
}

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

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

.shadowl{
    float:left;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: 6px 6px 6px 4px;
    padding: 4px;
}

.roundedcornr_box_867971 {
	background: url(/res/assets/roundedcornr_867971_tl.png) no-repeat top left;
}
.roundedcornr_top_867971 {
	background: url(/res/assets/roundedcornr_867971_tr.png) no-repeat top right;
}
.roundedcornr_bottom_867971 {
	background: url(/res/assets/roundedcornr_867971_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_867971 div {
	background: url(/res/assets/roundedcornr_867971_br.png) no-repeat bottom right;
}

.roundedcornr_content_867971 {
	background: url(/res/assets/roundedcornr_867971_r.png) top right repeat-y;
}

.roundedcornr_top_867971 div,.roundedcornr_top_867971,
.roundedcornr_bottom_867971 div, .roundedcornr_bottom_867971 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_867971, .roundedcornr_bottom_867971 {
	margin-top: -10px;
}
.roundedcornr_content_867971 { 
    padding: 0 10px; 
	min-height:125px;
}