/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* / meyer Reset Styles */

/* COMMON BASE */

html {font-family: Helvetica, Arial, sans-serif;
	background: url(../images/bg-body-photoArch.jpg) no-repeat center center fixed  #323234; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

body {color: #464646;}

a {
	color: #817c6e;
	text-decoration: none;
}
a:hover {color: #995c1a; text-decoration: underline;}
a:active {color: #995c1a; text-decoration: underline;}
strong {font-weight: bold;}

#skip {margin: 2px auto -10px; width: 976px; text-align: right; height:10px; overflow: hidden;}
#skip a, #skip a:hover, #skip a:visited {display:block; font-size: 10px; color: #FFF; text-indent: 100%; white-space: nowrap;}
#skip a:focus {text-indent: 0%; white-space: nowrap;}

/* WRAPPER */
#wrapper {width: 976px; background: url(../images/bg-aside-smooth.png) repeat-y #FFF 598px 0; margin: 0 auto; padding: 0; text-align: left; overflow: hidden;}

/* HEADER */
header {background: url(../images/bg-header-capitol.png) no-repeat transparent; color: #FFFFFF; width: 976px; height: 100px; padding: 10px 0 0; margin: 10px auto 0 auto; border-bottom: 1px solid #262626; overflow: hidden;}
header h1 {font-size: 1.8em; padding: 24px 0 0 112px; overflow: hidden; float: left; text-transform: uppercase; text-shadow: 0 1px 2px #222222;}
header h1 a {font-family: 'Arimo', Helvetica, Arial, sans-serif; color: #FFFFFF; width: 500px; height: 46px;  display: block; overflow: hidden;}
header h1 a:hover {text-decoration: none; color: inherit;}
header h1 a em {font-size: 0.5em; font-weight: lighter; display: block; color: #EEE;}
header h1 a span {font-size: 18px; font-weight: lighter; display: block;}
header h1 .deptTitle a {font-size: 16px; font-weight: lighter; display: block; height: auto;}
header h1 a span p {margin: 0; padding: 0; line-height: normal;}

header .menu-headerlinks {float: right; overflow: hidden;}
header .menu-headerlinks li {
	display: block; float: left; height: 70px; padding: 30px 12px 0;
	text-align: center; font-size: 12px; text-transform: uppercase;
}
header .menu-headerlinks li a.about {width: 120px; display: block;}
header .menu-headerlinks li a.employees {width: 90px; display: block;}
header .menu-headerlinks li a {color: #FFF; text-decoration: none; text-shadow: 0 1px 2px #000;}

/* NAVIGATION */
nav {background: #3c3c3c; border: 1px solid #303030; border-left-color:#5f5f5f; border-top-color:#535353;}
nav #mobileNav {display: none;}
nav .menu {overflow: hidden; display: block;}
nav .menu li {float: left;}
nav .menu li a {color: #FFFFFF; display: block; padding: 13px 20px 9px; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 13px; text-shadow: 0 1px 2px #111111; border-bottom: 3px solid transparent;}
nav .menu li a:hover {text-decoration: none; border-bottom: 3px solid #a6a08e;}
nav .menu li.current a, nav .menu li.active a {border-bottom: 3px solid #a6a08e; background-color: #b4ae9d; text-shadow: 0 1px 2px #000000;}

nav .menu li ul {
	background-color: #3C3C3C;
    border-bottom: 1px solid #222;
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    border-top: 2px solid #a6a08e;
    box-shadow: 0px 3px 5px #666666;
    display: none;
    list-style: none outside none;
    margin: 0;
    min-width: 180px;
    padding: 0;
    position: absolute;
    width: auto !important;
    z-index: 90;
}
nav .menu li.last-child ul {margin-left: -60px;}
nav .menu li.last-child2 ul {margin-left: -10px;}

nav .menu li li {float: none;}
nav .menu li ul li a, nav .menu li.current ul li a, nav .menu li.active ul li a {color: #FFFFFF; background-color: transparent; display: block; padding: 11px 16px 7px; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 11px; text-shadow: 0 1px 2px #111111; border-bottom: 3px solid transparent;}
nav .menu li ul li a:hover, nav .menu li.current ul li a:hover {background: #b4ae9d;}

nav .menu li:hover ul, nav .menu li.over ul, nav .menu li a:hover ul {display: block;}

	/* Non-Mobile Hide */
	a.mdrop {display:none;}
	nav .menu a.mdrop, nav .menu li.active a.mdrop {display:none;}
	nav .menu li li a.mdrop {display:none;}


/* BREADCRUMBS */
section#breadcrumbs {background: url(../images/bg-breadcrumbs-smooth.png) repeat-x #FFFFFF; overflow: hidden;}
section#breadcrumbs .breadcrumbs {overflow: hidden; padding: 19px 10px 15px; float: left;}
section#breadcrumbs .breadcrumbs li {float: left; display: block; font-size: 12px; padding: 0 4px; text-transform: uppercase; color: #b5b5b5;}
section#breadcrumbs .breadcrumbs li a {color: #b5b5b5;}
section#breadcrumbs .breadcrumbs li a:hover {color: #796e4f}
section#breadcrumbs .breadcrumbs li.last {color: #474747;}

	/*Breadcrumb bar search*/
	section#breadcrumbs #Jsearch {margin: 7px 12px 0; float: right;}
	section#breadcrumbs #Jsearch input.inputbox {color: #666; border: 1px solid #dcdcdc; border-radius: 4px; font-size: 14px; width: 260px; padding: 6px 12px; box-shadow: 0 1px 2px #acacac; /*background: url(../images/bg-cse-searchtxt.png) no-repeat 10px center #FFF !important;*/ background: none #FFF !important;}
	section#breadcrumbs #Jsearch input.button {background: url(../images/btn-search-med.png) no-repeat 0 0; cursor:pointer; margin-left: 10px; width: 32px; height: 32px; border: none;
	}



/* MAIN */
section#main {position: relative; width: 590px; float: left; margin: 0 0 10px 0; padding: 0 ;}
section#main .item-page {padding: 12px 20px; overflow: hidden;}
section#main h1 {display: none;}
section#main h2, section#main h3, section#main h4 {font-family: Arial; text-transform: uppercase; color: #464646; margin: 12px 0 10px; }
section#main h2 {font-size: 20px; padding: 4px 0; border-bottom: 1px dashed #dcdcdc; }
section#main h3 {font-size: 18px; padding: 8px 0 4px; border-bottom: 1px dashed #dcdcdc; }
section#main h4 {font-size: 16px; padding: 8px 0; }
section#main p {font-size: 12px; line-height: 18px; margin: 4px 6px 10px;}

section#main .item-page #Jsearch {padding: 10px 0;}
section#main .item-page #Jsearch input.inputbox {border: 1px solid #dcdcdc; border-radius: 4px; font-size: 18px; width: 460px; padding: 9px 14px; box-shadow: 0 1px 2px #acacac;}
section#main .item-page #Jsearch input.button {background: url(../images/btn-search-large.png) no-repeat 0 0; cursor:pointer; margin-left: 10px; width: 44px; height: 44px; border: none;
}

	/*Main Contact Forms*/

	section#main .contact {padding: 12px 20px;}
	section#main .contact h3 {font-size:14px; border: none;}
	section#main .contact .contact-form {background: #F5F5F5; border: 1px solid #EEEEEE; padding: 10px; border-radius: 7px;}
	section#main .contact .contact-form legend {font-size: 11px; margin-bottom: 10px;}
	section#main .contact .contact-form dl {}
	section#main .contact .contact-form dl dt {margin:4px 0 2px;}
	section#main .contact .contact-form dl dt label {font-size: 13px;}
	section#main .contact .contact-form dl dd {}
	section#main .contact .contact-form dl dd input[type="text"],
	section#main .contact .contact-form dl dd input[type="email"],
	section#main .contact .contact-form dl dd textarea {border-radius: 3px; background: #FFF; border: 1px solid #DEDEDE; padding: 4px 6px;}

	section#main .contact .jicons-icons {display: none;}
	section#main .contact .contact-miscinfo {font-size: 12px;}
	section#main .contact .contact-address {font-size: 13px; padding-left: 6px;}
	section#main .contact .contact-address .contact-street {display:block;}

	/* Main Images */
	
	section#main .item-page img {border: 1px solid #E9E9E9; box-shadow: 0 2px 2px #999; margin: 4px;}
	section#main .item-page img.left {margin-right: 14px;}
	
	/* Main Content */
	
	section#main .item-page ul, section#main .item-page ol {font-size: 0.8em;}
	section#main .item-page ol li {margin: 0.3em 0 0.3em 1.4em;  list-style:decimal;}
	section#main .item-page ul li {background: url(../images/list-bullet-square.png) no-repeat 0 0.8em; padding: 0.4em 0 0.4em 1em; font-size: 13px;}
	
	section#main .item-page ul.category-module li {background: none;}
	section#main div.moduletable ul, section#main div.moduletable ul li {background: none;}

	/* Main Sub-Sections */
	
	section#main .news-module {}
	section#main .news-module h3 {font-size: 16px; text-transform: none; margin: 4px 6px 0;}
	section#main .news-module h3 a {text-decoration: underline;}
	section#main .news-module span.datetime {font-size: 11px; color: #a9a9a9; margin: 4px 6px 0;}
	
	/* Home Press Release Module */
	section#main .mod-articles-category-date {font-size: 11px; color: #A9A9A9; margin-left: 6px;}
	section#main .category-module h4 {margin-bottom: 2px; margin-left: 6px; padding-bottom: 0;}
	section#main .category-module h4 a {text-decoration: underline; text-transform: none; font-size: 14px;}
	
	/* Item Page Over-rides */
	section#main .actions, section#main .article-info {display: none;}
	section#main .pagenav {display: none;}

	/* Tables in Main Section */
	section#main table {max-width: 550px !important; height: 80px !important;}
	section#main table th {font-size: 0.9em; background: #EEE; padding:0.6em 0.5em 0.5em;}
	section#main table td {font-size: 0.75em; padding:0.3em 0.5em;}

	
	/* Search Results */
	section#main .search {padding: 12px;}
	
	section#main .search #searchForm {padding: 8px;}
	section#main .search fieldset[class] {font-size: 12px;}
	section#main .search fieldset div.ordering-box {display: none;}
	section#main .search div.form-limit {font-size: 14px; background: #EEEEEE; margin: 12px 0 0; padding: 4px 6px;}
	
	section#main .search dl.search-results {padding: 8px;}
	section#main .search dt.result-title {font-size: 14px; background: #EEEEEE; padding: 4px 6px;}
		section#main .search dt.result-title a {text-decoration: underline;}
	section#main .search dd {background: #F5F5F5; padding: 0 22px; line-height: 18px;}
	section#main .search dd.result-category {color: #777; font-style: italic; text-transform: uppercase;}
		section#main .search dd.result-category span.small {font-size: 11px;}
	section#main .search dd.result-text {font-size: 12px; }
	section#main .search dd.result-created {font-size: 11px; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #D9D9D9; }

	/*Google Search Results */
	#cse-search-results iframe {width: 550px; height: 1160px;}

	/* Scrolling Ticker, eh? Challenge Accepted */

	section#main .item-page .tickercontainer { background: #FAFAFA; border:1px solid #DADADA; width: 538px; height: 28px; margin: 0; padding: 0 8px; overflow: hidden; box-shadow: 0 1px 3px #E6E6E6 inset}
	section#main .item-page .tickercontainer .mask { position: relative;padding-left: 10px;padding-right: 10px;top: 4px;height: 20px;overflow: hidden;}
	ul.newsticker {position: relative; margin-left: 20px; font-size:10px; list-style-type: none; margin: 0; padding: 0; }
	section#main .item-page ul.newsticker li {float: left; margin: 0; padding-right: 15px; background: none!important; }
	section#main .item-page ul.newsticker a {white-space: nowrap; padding: 0; color: #847E6D; text-decoration: underline;} 
	section#main .item-page ul.newsticker span {margin: 0 10px 0 0;} 

/* ASIDE */
aside#sidebar {position: relative; float: right; width: 358px; margin: 0; padding: 0 10px 18px; /*background: url(../images/bg-aside-smooth.png) repeat-y #fafafa;*/ }
aside#sidebar h2, aside#sidebar h3 {
	font-family: Arial; font-size: 18px; text-transform: uppercase; color: #464646;
	padding: 24px 12px 10px 22px; margin: 0 -10px 12px;
	background: url(../images/bg-asideh2-top.png) repeat-x 0 10px; border-bottom: 1px dashed #dcdcdc;
}
aside#sidebar h2:nth-of-type(1), aside#sidebar h3:nth-of-type(1) {margin-top: -10px;}

aside#sidebar h4, aside#sidebar h5 {font-family: Arial; text-transform: uppercase; color: #464646; padding: 4px 0;}
aside#sidebar p {font-size: 13px; line-height: 20px; margin: 4px 10px 10px;}

	/* Sidebar Menu */	
	aside#sidebar ul.menu {padding: 0 0 0 16px; margin: 0 0 8px 0;}
	aside#sidebar ul.menu li {font-size: 12px; text-transform: uppercase; line-height: 21px;}

	/* Generic Links Module */
	aside#sidebar ul.sblinks-module {padding: 0 0 0 16px; margin: 0 0 8px 0;}
	aside#sidebar ul.sblinks-module li {font-size: 12px; text-transform: uppercase; line-height: 28px;}

	/* Aside Search */
	aside#sidebar #Jsearch {padding: 10px; display: none;}
	aside#sidebar #Jsearch input.inputbox {color: #666; border: 1px solid #dcdcdc; border-radius: 4px; font-size: 14px; width: 260px; padding: 6px 12px; box-shadow: 0 1px 2px #acacac;}
	aside#sidebar #Jsearch input.button {background: url(../images/btn-search-med.png) no-repeat 0 0; cursor:pointer; margin-left: 10px; width: 32px; height: 32px; border: none;
	}
	
	/* Aside Custom HTML Module */
	aside#sidebar .custom ul {padding: 0 0 0 16px; margin: 0 0 8px 0;}
	aside#sidebar .custom ul li {font-size: 12px; text-transform: uppercase; line-height: 28px;}
	
		/* Annual Reports -- REMOVED BECAUSE OF BROKEN LINK ERROR */

/* FOOTER */

footer {width: 976px; min-height: 120px; padding: 0; margin: 0 auto 20px auto; overflow: hidden;
		background: url(../images/bg-footer-smooth.png) repeat-x #edeced; border-radius: 0 0 10px 10px; clear: both;}

footer ul.menu {}
footer ul.menu ul {display: none;}

	/* Non-Mobile Hide */
	footer ul.menu a.mdrop, nav .menu li.active a.mdrop {display:none;}
	footer ul.menu li li a.mdrop {display:none;}

footer ul {float: left; margin: 32px 0; padding: 0 34px; border-left: 1px solid #dedede;}
footer ul:first-child {border: none transparent;}
footer ul li {font-size: 12px; line-height: 20px;}

footer div#footerCol1, footer div#footerCol2, footer div#footerCol3 {
	float: left; margin: 32px 0; padding: 0 34px; border-left: 1px solid #dedede; width: 19%;
	font-size: 0.8em; line-height: 1.4em;}

	/* Custom Footer Additional Styles */
	footer div ul, footer div ol {list-style: none; border-left: none; margin: 0.6em 0; padding: 0; float: none;}
	footer div ul li {background: url(../images/list-bullet-square.png) no-repeat 0 0.7em; padding: 0.1em 0 0.1em 0.9em;}
	footer div ol li {margin: 0.3em 0 0.3em 1.4em;  list-style:decimal;}
	footer div h1 {font-size: 1.6em; color: #464646;}
	footer div h2 {font-size: 1.4em; color: #666666;}
	footer div h3 {font-size: 1.2em; color: #767676;}
	footer div em {font-style: italic; color: #96907E;}

#globalfootercontent {color: #EEE;}
#globalfootercontent a {color: #EEE;}

/* END */
#serverID {width: 976px; margin: 0 auto; font-size: 10px; text-align: right;}


/* 

DIVISION SPECIFIC # custom CSS for divsions - notify sherzog@utahinteractive.org to include css updates in template updates 
DO NOT ADD YOUR CUSTOM CSS HERE, IT WILL BE OVER-WRITTEN ON THE NEXT THEME UPDATE :(

*/