
/* generic styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 

	Reset Styles
	Layout
	Typography and Inline Elements
		Q and A Lists
		Message Boxes
	Tables
*/

/* Reset Styles */
/* From Eric Meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
/* *************************************************************************************** */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

blockquote,
q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* Layout */
/* *************************************************************************************** */
* { margin:0; padding:0; } /* Reset all elements to zero margin and padding */

body { color: #333; font-family: Arial, Helvetica, sans-serif; font-size:100%; line-height:1.75em; }

.clear { float:none; clear:both; }

.column { width:46%; margin-bottom:1em; }

.column.left { margin-right:8% }

.column.right { clear:right; }

.left { float:left; }

.right { float:right; }

.figure { width:240px; padding:10px; margin:0 1em 1em; border:1px dotted #E3E1DD; background-color:#f8f8f6 }

.figure.right,
.figure.left,
.figure p { display:inline; }

.figure .caption { width:inherit; display:block; font-size:.8em; line-height:normal; margin:.125em 0 0; }

#all_wyoming_ad { text-align: center; margin-top: 2em; }

.clearfix:after,
div[role="main"]:after,
.column:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix,
div[role="main"],
.column { display: inline-block; }

html .clearfix,
div[role="main"],
.column { display: block; }

div[role="main"] .aside div.ad { margin-bottom:1em; }

.ad a:link,
.ad a:visited { text-decoration:none; font-weight:bold; color:#333 }

.ad a:focus,
.ad a:hover,
.ad a:active { color:#f2af00 }

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 { font-family: 'Arvo', Arial, Helvetica, sans-serif; font-size: 1.5em; border-bottom:solid #8C816B 4px; padding-bottom: 0.0625em; margin-bottom: 1em; }
hgroup {margin-bottom: 2em;}
hgroup h1 {margin-bottom: 0.0625em;}
hgroup h1 + h2 {margin-top:0;}


h1 img { margin-bottom:1em; }

h1.icon img { margin-bottom:0; }

h2 { font-size: 1.3em; padding-bottom: 0.0625em; margin-top:1em; margin-bottom: 0.25em; }

.aside h2 { border-bottom:solid #8C816B 1px; }

h1 + h2 { margin-top:.5em; }

h2 + h3 { margin-top:1em; }

div[role="main"] .article > h2,
div[role="main"] .aside > h2 { margin-top:0; }

h3 { font-size: 1.1em; }

h4 { font-size:1em; }

h1.icon { padding-bottom:0; line-height:0; }

h1.icon span,
h2.icon span,
h3.icon span { display:none; }

p { margin:0 0 1em }

blockquote { margin: 1em; border-bottom:1px solid #e3e1dd; }

blockquote p { text-indent:-0.25em; }

blockquote.pullquote { font-weight: bold; background: #f4f3f1; margin:0 -10px 1em; padding:15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius:10px; border-radius: 10px; border:none; }

blockquote.pullquote p { text-indent:-0.425m; }

cite { font-size:.9em; }

blockquote cite { margin-top:-1em; display:block; }

.attribution { font-size: 0.8em; margin-left: 1.4em; margin-top: -1em; }

abbr,
acronym { cursor: help; }

ul,
ol { list-style-position:outside; margin: 0px 0px 1em 1.2em; }

ul ul,
ol ol { margin-bottom:0 }

div[role="main"] .aside ul.contact_info { list-style:none; margin-left:0 }

li { }

dl { margin:0 0 1em 0; }

dt { font-weight: bold; color: #00338D; white-space: normal; padding: 0 .5em 0 0; }

dd { margin:0 0 1em 1em; }

a img { border:none }

a:link,
a:visited { color: #00338D; outline-style:none; }

a:focus,
a:hover,
a:active { color: #8C816B; outline-style:none; }

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited { color: #333333; text-decoration: none !important; }

h1 a:focus,
h1 a:hover,
h1 a:active,
h2 a:focus,
h2 a:hover,
h2 a:active,
h3 a:focus,
h3 a:hover,
h3 a:active { color:#8c816b }

sub,
sup { font-size:small }

sup { vertical-align:super; }

sub { vertical-align:sub; }

.note { font-size: 0.8em; line-height: normal; font-style: normal; font-weight: normal; }

.error { color: #cc0000; }

.required { color:#F00 }

.edit { color:#ffcdd1 }

.intro { font-size:1.3em; }

.section.past h2 { color:inherit; margin-top:3em; }

.section.past * { color:#999 }

.section.past:hover *,
.section.past:hover h3 a { color:inherit }

.section.past:hover a { color:#214186 }

div.intro { margin-bottom:3em; }

form span.required { margin-right:.5em; font-weight:bold; font-size:1.2em; }

.imageAndCaption { float: right; margin-left: 2em; margin-bottom: 2em; clear: right; }

.imageAndCaption a,
.imageAndCaption img { display:block; }

.imageAndCaption a {background-color:#E3E1DD; text-align:center; margin:.125em 0 0; font-size:.9em; text-decoration:none;}

img.left { margin:0 1em 1em 0 }

img.right { margin: 0 0 1em 1em; }

/* Q and A Lists */
dl.qAndA { margin-left: 0; }

.qAndA dt:first-child { margin-right: .5em; padding: 0 .25em; color: #ffffff; background-color: #9f9988; font-weight:bold; font-size:.8em; }

.qAndA dd { margin-left:0; }

.qAndA dd:before { content: "A"; margin-right: .5em; padding: 0 .25em; color: #ffffff; background-color: #9f9988; font-weight:bold; font-size:.8em; }

.add_date { font-size: 0.8em; color: #666666; }

p.add_date { margin-bottom:0 }

a.closeWindow { padding-left:15px; background:url(../images/closeWindow.gif) no-repeat left center; cursor:pointer; display:block; }

/* Message Boxes - from mattvarone.com */
.message-box { text-align: center; padding: 5px; color:#545454; width:auto; margin:10px auto; }

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }

.info { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }

.ok { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }

.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }

.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

.message-box.ok,
.message-box.clean { -webkit-transition-delay: 999s; -moz-transition-delay: 999s; -o-transition-delay: 999s; transition-delay: 999s; -webkit-transition-duration: 999s; -moz-transition-duration: 999s; -o-transition-duration: 999s; transition-duration: 999s; }

*:hover .message-box.ok,
*:hover .message-box.clean { color:#545454; border-color:rgba(200, 200, 200, 0.5); background:rgba(230, 230, 230, 0.5); -webkit-transition-delay: 6s; -moz-transition-delay: 6s; -o-transition-delay: 6s; transition-delay: 6s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }

/* Tables */
/* *************************************************************************************** */
table { border:0; border-collapse:collapse; border-style:none; display:table; font-size:0.9em; margin:0 0 1em; text-align:left; width:100%; }

th { background:#8F8777; border:none; color:#FFF; padding:2px 10px; }

td { vertical-align:top; border-bottom:1px solid #CCC; padding:2px 10px 1px; }

