/***********************************************/
/* arts_3col.css    
/* Use with Wyoming Arts Council  website
/* Author Mike Corso
************************************************/

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

body{
	font-family: Arial ,sans-serif;
	color: #333333;
	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:#660066;
	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: 120%;
    color:#660000;
    margin: 0;
    padding: 0;
}

h3{
    font-family: sans-serif;
    font-size: 110%;
    color:#660000;
	margin: 0;
    padding-bottom: 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: 0;
    padding: 10px 0 0 10px;
}

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

p{
    margin-top:0 0 10px 0 ;
	color:#333333;
	text-align:justify;
}

.lists{
	padding-bottom: 10px;
	margin: 5px 0  2px  -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: 0 0 0 5px;
	padding: 2px 0 0 0;
}

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

#header{
    margin-left:0px;
	visibility:hidden;
}

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

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

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

#header .bannertd{
    border-right-style:solid;
	border-right-width:0px;
	visibility:hidden;
}

#masthead{
	padding: 10px 0px 0px 0px;
	width:100%;
	position:absolute;
	top:-700px;
}

#navBar{
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	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*/
	visibility:hidden;
}

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

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

#headlines a{
	padding: 20px 0px 5px 10px;
	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:1px -1px 0 -10px;
	padding:0 18px 0 5px;
	padding-right:18px;
    text-align:left;
    color:#003300;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/res/assets/gradient_php.jpg);
	background-image:url(/res/assets/image13.png);
	background-repeat:repeat;
	border-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-top-width: 1px;
	border-left-color:#400000;
	border-left-width: 3px;
	border-right-color:#003300;
	border-right-width: 3px;
}

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

.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:-9px 0 0 0;
	width:100%;
    border: solid 0 1px 1px 1px  #ffffff;
	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: 0px 0px 0px  5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:99.2%;
	background-image:url(/res/assets/state_formbg.png);
	border-style:  solid;
	border-color:#333333;
	border-width:1px 1px 1px 0px;
	max-height:20px;
	visibility:hidden;
}

#stateNav a {
 color:#fbcb93;
}

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

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

.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/testbg.jpg);
    width: 200px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5); /*Add Shadow in IE. Remove if desired*/
	visibility:hidden;
}

.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%;
	visibility:hidden;
}

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

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

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

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

#breadCrumb{
	font-size: 70%;
	color:#333333;
	padding: 1px 0px 1px 7px;
	visibility:hidden;
}

#breadCrumb a{
    font-size:100%;
	color:#400000;
}

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

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

.feature h3{
	padding: 10px 0px 5px 0px;
}

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

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

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

.story h3{
    padding: 0px 0px 0px 0px;
	color:#660000;
	font-size:120%;
}

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

/****************************
*  siteInfo styles (footer)
****************************/
.siteInfo{
    visibility:hidden;
}
/**********************
* #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/marb097.jpg);
	padding-top:20px;
	padding-bottom:10px;
	visibility:hidden;
}

#sectionLinks h5{
    display:block;
	padding: 0px 2px 0px 5px;
	width:178px;
	margin-top:12px;
	margin-left: -1px;
	margin-bottom:3px;
	color:#333333;
	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:#400000;
	border-color:#CCCCCC;
	border-style:solid ;
	border-bottom:1px;
	border-left: 0px;
	border-right:0px;
	border-top:0px;
}

#sectionLinks a:visited{
	padding: 2px 0px 2px 10px;
	color:#990000;
	width: 92%;
	border-color:#cccccc;
	border-style:solid ;
	border-bottom:1px;
	border-left: 0px;
	border-right:0px;
	border-top:0px;
}

#sectionLinks a:hover{
	background-color:#400000;
    color:#ffffff;
	width: 92%;
	padding: 2px 0px 2px 10px;
	text-decoration:none;
    border-color:#cccccc;
	border-style:solid ;
	border-bottom:1px;
	border-left: 0px;
	border-right:0px;
	border-top:0px;
}

/****************************
* Search Styles
****************************/
.search {
    color:#333333;
	font-size:11px;
	border-top: #666666 solid 1px;
	background-image:url(/res/assets/Image10.png);
	padding-left:10px;
    padding-top:20px;
    padding-bottom:20px;
   #padding-top:0px;
   #padding-bottom:15px;
    margin-top:-18px;
    visibility:hidden;
}

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

.searchField{
	height:15px;
	width:130px;
    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:#666666;
	visibility:hidden;
}

.search h5 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin-left:-10px;
}

.search a{
    font-size:11px;
}
/**************************
* #Last modified style
**************************/
#lastmod{
    position:absolute;
   	top: 0px;
	left:0px;
	background-image:url(/res/assets/lastmod.png);
	font-family:Arial, Helvetica, sans-serif;
    font-size: 60%;
	font-weight:bold;
	color:#ffffff;
	width:1043px;
	padding-right:5px;
	text-align:right;
	visibility:hidden;
}

/********************************************
* 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;
}

/******************************************
* 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(assets/shadowAlpha.png) no-repeat bottom right !important;
    background: url(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;
}

.img-shadowr{
    float:right;
    background: url(assets/shadowAlpha.png) no-repeat bottom right !important;
    background: url(assets/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 10px;
}

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