/* Style.css for WyFB.org */

/* Basic page selectors for page body and text */
body	{
	margin:	10;
	padding:	10;
	color: 		rgb(0,0,0);
	background-color: beige;
	}
div, p, th, td, li, dd, dl, dt    {
             /* redundant selectors to help NS4 not forget */
	font-family;	serif;
	font-size: 	1.00em;
	}
p, li, div {
	margin-top: 	0; 
	padding-top: 	0;
	line-height: 	1.10em;
	font-family: "Bookman Old Style";
	}
h1	{
	color: 		saddlebrown;
	font-size:	1.75em;
	}
h2	{
	color: 		saddlebrown; 
	font-size:	1.50em;
	}
h3	{
	color: 		saddlebrown; 
	font-size:	1.25em;
	}
h4 	{
	color: 		saddlebrown;
	font-size:	1.00em;
	}
h5	{
	color: 		black;
	font-size:	0.80em;
	}
h6	{
	color: 		rgb(0,0,0);
	font-size:	0.60em;
	}
h1, h2, h3, h4, h5, h6	{
	font-family: 	Helvetica, Sans Serif;
	font-weight: 	bold;
	background-color: transparent;
	margin:		5px 0 0 0;
	}
sup {
line-height: 0;
vertical-align: text-top;
}
	
/* Links */
a	{
	text-decoration:	underline;
	font-weight:	bold;
	}
a:link	{
	color: 		saddlebrown; 
	background-color: transparent;
	}
a:visited	{
	color: 		saddlebrown; 
	background-color: transparent;
	}
a:active	{
	color: 		saddlebrown;
	background-color: transparent;
	}
a:hover	{
	color: 		saddlebrown;
	background-color: transparent;
	text-decoration:	underline overline;
	}
	
/* Lists */
dt 	{
	font-weight: bold;
	}
ol, li, dl, dt, dd {
	line-height: 1.0em;
	}
	
/* Special features */
.caption {
	font: 10pt helvetica, sans serif;
	color: #366;
	background-color: transparent;
	}
.footer {
	font: 7pt helvetica, sans serif;
	color: #000;
	background-color: transparent;
	}
.small {
	font-size: 6pt;
	}
.message {
	font-size:	 0.80em;
	font-weight: 	bold;
	color: 		saddlebrown;
}
.message2 {
	font-size: 	1.00em;
	font-weight: 	bold;
	color: 		saddlebrown;
}
.message3 {
	font-size: 	1.25em;
	font-weight: 	bold;
	color: 		saddlebrown;
}
.labelitem {
	font-size: 10pt;
	font-weight: normal;
	color: #333;
}
.mailitem {
	font-size: 8pt;
	font-weight: bold;
	color: #060;
}
img	{
	/* turns off gaps around images */
	border:	0
	}
.menustyle0 {
	font-family: Helvetica; 
	color: #ffffff; 
	background-color: rgb(188,9,5); 
	font-weight: bold; 
	cursor: default
	border-width: 0px;
	}	
.menustyle2 { 
	font-size: 10pt; 
	font-family: Helvetica; 
	color: #ffffff; 
	background-color: #000000; 
	font-weight: bold; 
	cursor: default;
	}
.menustyle {
	font-family:	Helvetica;
	color: #ffffff; 
	border: solid 1px #ffffff; 
	padding: 2px 6px 2px 6px; 
	margin: 0px; 
	background: #ffffff; 
	white-space: normal; 
	}
.menuitem {
	font-family:	Helvetica;
	color: #ffffff; 
	border: solid 1px #ffffff; 
	padding: 2px 6px 2px 6px; 
	margin: 0px;  
  width: 100px;
  margin-left: -60px;
	background: goldenrod; 
	white-space: normal; 
	cursor:pointer;
	}
.menuover {
	font-family:	Helvetica;
	border: dashed 1px #999; 
	padding: 2px 6px 2px 6px; 
	margin: 0px; 
  width: 200px;
  margin-left: -50px;
	background:	#FAF0B8; 
	white-space: normal; 
	cursor:pointer;
	}
iframe.skm {position:absolute; top: 0px; left: 0px; display: none;}
td.skmcur{cursor: hand;}
.skmsubmenu{ 
	color: #ffffff; 
	background: transparent; 
  cursor: pointer; 
  z-index: 200; 
	font-family:	Helvetica;
  margin-left: 20px; left: 40px;
	white-space: normal; 
 }
.skmSelMenuItem{background-color: #FBBD05;} 

.choicesbox {
	margin-top: 10px;
	padding: 3px 5px 5px 10px;
	color: #fff;
	background-color: #6699CC;
	border: 1px dotted #366;
	}
.choicesbox2 {
	margin-top: 10px;
	padding: 3px 5px 5px 10px;
	color: #000;
	background-color: #fff;
	border: 1px #366;
	}
.choicesbox a:link {color: #000}
.choicesbox a:visited {color: #333}
.choicesbox a:active, .choicesbox a:hover {color: #fff}

/* Section headers over columns */
#sechead {
	/*	Full column 640 px wide */
	height: 1px;
	background-image: url("SectionHead.jpg");
	top: 0px;
	left: 0px;
	clear: both;
	}
.sectionhead {
	/*	Full column 640 px wide */
	margin-top: 10px;
	padding: 3px 5px 5px 10px;
	background-image: url("SectionHead.jpg");
	border: 1px #366;
	}
.sectionhead-L {
	/*	The left column 448 px wide */
	margin-top: 10px;
	padding: 3px 5px 5px 10px;
	background: url("SectionHead-L.jpg") repeat-y;
	border: 1px #366;
	}
.sectionhead-R {
	/*	The right column 192 px wide */
	margin-top: 10px;
	padding: 3px 5px 5px 10px;
	background: url("SectionHead-R.jpg") repeat-y;
	border: 1px #366;
	}
.sectionhead-R2 {
	/*	The right column 192 px wide */
	background: url("SectionHead-R.jpg") repeat-y;
	border: 1px #366;
	}
#sec-WyNews{
   /*Size of the image*/
   padding-top: 30px;
   width: 448px;
	
   /*The image*/
   background-image: url(News-Wyoming.jpg);
   background-repeat: no-repeat;
	
   /*Hide the text*/
   overflow: hidden;
   /* WIN IE5 hack */
   height: 30px;
	
   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0;
}

/* Used to control the page content */
.siteheader1	{
	/* The page title at the top */
	padding: 10px;
	margin-left: 0px;
	margin-top: 0px;
	width: 650px;
	height: 50px;
	z-index: 100;
	position: absolute;
	background: transparent;
	background-url: "./Graphics/NavTop.gif";
	}
.siteheader2	{
	/* The 3 images under the title */
	padding: 10px;
	margin-left: 0px;
	margin-top: 10px;
	width: 650px;
	height: 100px;
	z-index: 0;
	position: absolute;
	background: transparent;
	}
.sitebody	{
	/* The content on the page */
	padding: 10px;
	margin-left: 0px;
	margin-top: 15em;
	width: 640px;
	z-index: 0;
	position: absolute;
	background: transparent;
	}
#sitebody	{
	/* The content on the page */
	padding: 10px;
	margin-left: 0px;
	margin-top: 210px;
	width: 640px;
	z-index: 0;
	position: absolute;
	background: transparent;
	}
#container { 
	background: url('/001/zen-bg.jpg') no-repeat top left; 
	margin: 0px; 
	position: absolute;
	top: 0px;
	left: 0px; padding-left:110px; padding-right:175px; padding-top:0px; padding-bottom:0px
	}

#intro { 
	min-width: 470px;
	}
#pageHeader { 
	margin-bottom: 20px;
	}
#absimage {
	clear:	both; 
	margin: 5px 5px 5px 5px; 
	width: 130px; 
	float: left;
	}
#absimage p {
	font-family;	"sans serif";
	font-size: 	0.80em;
	text-align:center;
	}
#abstract {
	clear: right; 
	top: 0px;
	left: 0px;
	padding: 0px 10px 0px 10px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: url('/001/h1.gif') no-repeat top left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: url('/001/h2.gif') no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right
	}
#pageHeader h2 span {
	display:none
	}

/* Text image replacement borrowed from Seamus P. H. Leahy */
/* www.moronicbajebus.com/playground/cssplay/image-replacement/ */
#ex1{
   /*Size of the image*/
   padding-top: 133px;
   width: 243px;
	
   /*The image*/
   background-image: url(ex1.gif);
   background-repeat: no-repeat;
	
   /*Hide the text*/
   overflow: hidden;
   /* WIN IE5 hack */
   height: 133px;
	
   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0;
}

#supportingText {	
	padding-left: 10px; 
	margin-bottom: 40px;
	}
#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}


/* Column text formatting */
.content {
	padding: 10px 20px;
	margin: 5% 15%;
	border: 1px dotted saddlebrown;
	background-image: url(../images/contentfill.gif);
	}
#itembox {
	margin-top: 2px; 
	margin-left: 2px;
	margin-right: 2px; 
	padding-left: 10px; 
	border: 1px dotted saddlebrown;
	}

/* Other stuff */
.subnav {
	font: bold 14px/1.5em helvetica, sans serif;
	color: #999;
	text-align: center;
	}
.fineprint {
	font: 10pt helvetica, sans serif;
	color: #000;
	background-color: #fff;
	padding: 5px 3px 7px 3px;
	border: 0;
	margin-bottom: 30px;
	text-align: center;
	}
.shade {
	color: #333333;
	background-color: #DCE3E4;
	}
.blackshade {
	color: #333366;
	background-color: #9CADA3;
	font-weight: bold;
	COLOR: #003366;
}
.banner {
	font-size:		36pt;
	font-weight:		bold;
	TransparentColor: 	white;
	background-image: 	url("Graphics/banner.gif")
	HorizontalAlign:		center;
	VerticalAlign:		middle;
	AntiAlias:		true;
}
.subtitle	{
	color: 			saddlebrown;
	font-size:		0.80em;
	font-weight:		bold;
	}
.docbody	{
	padding: 10px;
	margin-left: 0px;
	margin-top: 180px;
	width: 650px;
	z-index: 200;
	position: relative;
	}
.leftcol {
	width: 480px;
	float: left;
	margin-top: 0px;
	margin-left: -1px;
	padding: 10px;
	border-top: 1px solid #006;
	position: absolute;
	z-index: 200;
	}
.rightcol {
	width: 130px;
	padding: 10px;
	margin-top: 0px;
	margin-left: 500px;
	border-top: 1px dashed #006;
	border-left: 1px solid #006;
	position: absolute;
	z-index: 200;
	}
.spacer {
	clear: both;
	}
	
/* Div formating */
#headcol {
	padding: 10px;
	color: #006;
	border-bottom: 1px solid #006;
	margin-bottom: 0px;
	}
#footcol {
	color: #006;
	border-top: 1px solid #006;
	padding: 20px 10px 0 0;
	clear: both;
	}
#popup	{
	padding: 10px;
	margin-left: 130px;
	margin-top: 0px;
	width: 320px;
	height: 100px;
	border: 1px dashed #006;
	z-index: 5000;
	position: absolute;
	background: white;
	}
	
.first 	{
	margin-top: 0;
	padding-top: 0;
	}
.ahem	{
	display:	none;
	}
code, tt, pre	{
	font: 12pt "andale mono", monaco, courier, "courier new", monospace;
	color: #06C;
	background: transparent;
	}
/* Start of accordian menu                                                      */
.arrowlistmenu
{
  width: 140px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader
{
  /*CSS class for menu headers in general (expanding or not!)*/
	color: White;
	font-family:	Helvetica;
  font-weight: bold;
	border: solid 1px black; 
	padding: 2px 6px 2px 6px; 
  width: 140px;
  margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	background: goldenrod; 
	white-space: normal; 
	cursor:pointer;
  cursor: hand;
}
.arrowlistmenu a
{
	color: White;
	font-family:	Helvetica;
  font-weight: bold;
	text-decoration: none; 
}
.arrowlistmenu .openheader
{
  /*CSS class to apply to expandable header when it's expanded*/
	color: Black;
  background-color: #FAF0B8;
}
.arrowlistmenu ul
{
  /*CSS for UL of each sub menu*/
  list-style-type: none;
  margin-left: 20px;
  padding: 0;
  margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
  background: transparent;
	text-decoration: none; 
	border: none;
}
.arrowlistmenu ul li
{
  padding-bottom: 1px; /*bottom spacing between menu items*/
  background-color: #FAF0B8;
}
.arrowlistmenu ul li .opensubheader
{
  /*Open state CSS for sub menu header*/ 
  /*background: lightblue !important;*/
}
.arrowlistmenu ul li .closedsubheader
{
  /*Closed state CSS for sub menu header*/
 /* background: lightgreen !important;*/
}
.arrowlistmenu ul li a
{
  display: block; color: White;
	font-family:	Helvetica;
  font-weight: bold;
	border: solid 1px Black; 
	padding: 2px 6px 2px 6px;  
	margin-left: 10px;
	background:goldenrod; 
	white-space: normal; 
	cursor:pointer; 
	text-decoration: none;
}
.arrowlistmenu ul li a:visited
{
  color: #FFFFFF;
}
.arrowlistmenu ul li a:hover
{
  /*hover state CSS*/
  color: Black;
  background-color: #FAF0B8;
}
.arrowlistmenu ul li a.subexpandable:hover
{
  /*hover state CSS for sub menu header*/
  background: lightblue;
}
.expandable
{
  /*header*/
  cursor: hand;
  cursor: pointer;
}
.categoryitems
{
  /*class added to contents of 1st demo when they are open*/
	color: White;
	font-family:	Helvetica;
  font-weight: bold;
	border: solid 1px black; 
	padding: 2px 6px 2px 6px; 
  width: 140px; margin-top: 0px;
}