/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* http://www.1kbgrid.com/ */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

body
{
margin:0; padding:0;
font-size:62.5%; /* 1em = 10px */
background-color: #eee;
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
color: #333;
}

img
{
border: none;
}

a
{
color: #f1592a;
}

a:hover, a:active
{
color: #999;
}

/* topBar !!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#topBarWrapper
{
background: transparent url("images/topNavGrad.jpg") repeat-x bottom;
}

#topBar
{
margin: 0 auto;
padding: 0;
height: 7.3em;
width: 940px;
}

#topBar h1
{
margin: 0 0 0 30px; padding: 0;
text-indent: -99999px;
width: 118px;
height: 65px;
background: transparent url("images/generalLogo.png") no-repeat bottom;
float: left;
}

#topBar h1 a
{
display: block;
width: 118px;
height: 65px;
}

#topBar ul
{
margin: 0; padding:0;
list-style: none;
float: right;
}

#topBar li
{
display: inline;
}

#topBar li a
{
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
color: #fff;
text-decoration: none;
font-size: 1.5em;
padding:5px 10px;
margin: 0 4px;
line-height: 4.6em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
background: -moz-linear-gradient(top,  #bbb,  #999);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#999');
}

#topBar li a:hover, #topBar li a.activeButton
{
	background: #f1592a;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f1592a));
	background: -moz-linear-gradient(top,  #faa51a,  #f1592a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f1592a');
}

/* 
fixes dumb ie6 bug
learned it here: http://www.sitepoint.com/forums/showthread.php?t=621963
*/
#topBar ul li a img
{
display: inline-block;
padding: 0 0 0 6px;
vertical-align: middle;
}


	/* moreNav !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	
	#moreNav
	{
	display: none; 
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	
	#moreNav ul
	{
	margin: 0; padding:0;
	list-style: none;
	}
	
	#moreNav li a
	{
	text-decoration: none;
	color: #444;
	font-size: 14px;
	margin: 3px 0;
	padding: 3px;
	display: block;
	background: #fff;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	}
	
	#moreNav li a:hover
	{
	color: #fff;
	background: #444;
	padding-left: 7px;
	}

/* contentWrapper !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#contentWrapper
{
background: #dfecfc url("images/blueGrad.jpg") repeat-x top;
padding:0;
position:relative;
clear:both;
}

#contentWrapper #mainContentArea
{
background-color: #fff;
padding-bottom: 40px;
position:relative;
}

	/* sidebar !!!!!!!!!!!!!!!!!!!!!!!!!!!! */

	h2#yearlyLogo, h2#yearlyLogo a
	{
	margin: 0; padding: 0;
	text-indent: -99999px;
	width: 220px;
	height: 250px;
	background: url("images/logo.jpg") no-repeat;
	display:block;
	}
	
	#sidebar
	{
	padding: 0 0 20px 0;
	}
	
	#sidebar h3
	{
	font-size: 1.8em;
	text-transform: uppercase;
	text-align: center;
	margin-top: 2.4em;
	}
	
	#sidebar ul
	{
	list-style: none;
	margin: 0; padding: 0;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
	
	#sidebar li
	{
	list-style: none;
	margin:0; padding: 1em 0 0 0;
	text-align:center;
	}

	/* mainContentArea !!!!!!!!!!!!!!!!!!!!!!!!!!!! */

	#slider {
		position:relative;
		//See the "style-pack" below for image
		background:url("http://washco.utah.gov/javascriptLib/nivoslider/style-pack/loading.gif") no-repeat 50% 50%; 
		width: 700px;
		height: 248px;
	}
	#slider img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	
	#mainContentArea p, h1, h2, h3, h4, h5, h6, table
	{
	margin: 0 20px 10px;
	}
	
	#mainContentArea
	{
	font-size: small;
	line-height: 1.6em;
	min-height: 900px;
	}
	
	#mainContentArea h2
	{
	font-size: x-large;
	line-height: 1.4em;
	}
	
	#mainContentArea table
	{
	width:100%;
	}
	
	#mainContentArea th
	{
	text-align: left;
	}


/* footer !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#footerWrapper
{
background: transparent url("images/footerGrad.jpg") repeat-x top;
}

#footer
{
margin: 0 auto;
padding: 20px 0 0 0;
width: 940px;
min-height: 20em;
font-size: 1.2em;
line-height: 1.6em;
}

#footer a
{
color: #666;
text-decoration: underline;
}

#footer a:hover
{
text-decoration: none;;

}

#footer ul
{
margin: 0 0 0 12px; padding:0;
}

#footer p
{
margin: 0 0 10px 0;
}

#footer .copyright
{
color: #aaa;
}