* {margin: 0; padding: 0;}

body {font: 75%/140% Verdana, Arial, Helvetica, sans-serif; color: #333; background: #ded9af url(../images/bg.gif) left 31px repeat-x; text-align: center;}

a {text-decoration: none;}
a:hover{text-decoration: underline;}

.clear {clear: both;}

#skipnav {text-indent: -9999em; width: 0; height: 0; position: absolute; top: -10px; left: -10px;}
#ugovHead {height: 31px; width: 100%; overflow: hidden; color: white;}

#container {width: 940px; position: relative; margin: 0 auto; text-align: left; background: white url(../images/container_bg.gif) left top repeat-y; z-index: 2;}

#header {width: 940px; height: 120px; position: relative; background: transparent url(../images/bg.gif) left top repeat-x; z-index: 600;}
#header h1 {width: 225px; height: 100px; text-indent: -9999em; background: transparent url(../images/utah_state_history.jpg) left top no-repeat; position: absolute; left: 40px; top: 20px;}
#header h1 a {display: block; width: 225px; height: 100px;}

#header ul#homeinfo {list-style: none; position: absolute; top: 20px; right: 220px; margin: 0; line-height: 22px;}
#header ul#homeinfo li {display: inline;}
#header ul#homeinfo li a {color: #9b9575; border-right: 1px solid #9b9575; padding: 0 6px 0 3px;}

#header form {position: absolute; top: 20px; right: 0;}
#header form input.searchbox {width: 150px; padding: 0 3px; color: #9b9575; border: 1px solid #9b9575; height: 20px;}
#header form input.searchbttn {background: #9b9575 url(../images/go_bg.gif) left bottom repeat-x; color: white; width: 34px; height: 22px; border: none; font-weight: bold; font-size: .9em; margin-left: 4px;}

/* ------------------ Main Navigation -------------------------- */
#navigation {position: absolute; top: 80px; right: 0; left:275px; width: 700px; height: 40px; background: transparent; z-index: 800; font-size: 1em; overflow:visible;}
#navigation ul {list-style: none; line-height: 40px; position: relative;overflow:visible;}
#navigation li {float: left; position: relative; line-height: 40px; width: auto;overflow:visible;}
#navigation a {float: left; display: block; width: auto; padding: 0 7px; color: white; text-decoration: none; line-height: 40px; border-right: 1px solid #ede7cf;overflow:visible;}

/* ------------------- Navigation Drop Down Menus ------------------------- */
#navigation li ul {z-index: 900; width: 13em; font-size: 12px; position: absolute; left: -9999em; top: 36px; padding: 0 0 10px 0; background: transparent url(../images/dropdown_bg.gif) right bottom no-repeat;}
#navigation li:hover ul {left: 0; width: 13em; z-index: 998;}
#navigation li:hover ul, #navigation li.sfhover ul {position: absolute; left: 0; width: 13em; z-index: 999;}
#navigation ul li ul li {float: none; width: 13em; text-align: left; margin: 0; padding: 0; background: transparent; line-height: 1.1em;}
#navigation ul li ul li a {width: 11.8em; margin: 0; padding: 5px 0 5px .6em; border-right: none; border-bottom: 1px solid #b1472d; border-left: .6em solid #b1472d; float: none; background: #ede7cf; line-height: 1.1em; color: #7c1509;}
#navigation ul li ul li a:hover {color: white; background: #b1472d;}

/* ------------------- Main Content Area for Secondary Pages ------------------------- */
#MainContent {float: right; width: 625px; padding-right: 25px; }
#MainContent h1, h2, h3, h4 {margin: 0 0 .5em 0; }
#MainContent p {margin: 0 0 1em 0; }
#MainContent blockquote {margin: 0 25px 1em 25px; border-left: 4px double #00677a; padding-left: 1em;}
#MainContent ul {margin: 0 0 1em 2em; }
#MainContent li {list-style-image: url(../images/li_bullet.gif);}
#MainContent h1 {font-family: Georgia, serif; font-weight: normal; margin-top: 1.2em; color: #00677a; border-bottom: 1px solid #ded9af; padding-bottom: 8px; line-height: 125%; font-size: 2.6em;}
#MainContent h2 {font-family: Georgia, serif; color: #00677a; padding-top: 14px; line-height: 125%;font-weight: normal; font-size: 1.8em;}
#MainContent h3 {color: #00677a; padding-top: 12px; font-size: 1.3em; font-weight: normal; font-family: Georgia, serif;}
#MainContent a {color: #00677a; text-decoration: underline;}
#MainContent a:visited {color:#8f9a69;}
 #MainContent a:hover{color: #00677a; text-decoration: underline; background: white; }
#MainContent img {background: white url(../images/img_bg_shadow.gif) bottom right no-repeat; padding: 6px 11px 11px 6px; border-top: 1px solid #eee; border-left: 1px solid #eee;}
#MainContent .right {float: right; margin: 0 0 1em 1em;}
#MainContent .left {float: left; margin: 0 1em 1em 0;}
#MainContent img.noshadow {background-image: none; border: none;}

/* ------------------- Breadcrumb Styles ------------------------- */
#MainContent ul#breadcrumbs {list-style: none; font-size: .9em; background: #fff; margin: 10px 0; line-height: 20px; }
#MainContent ul#breadcrumbs li {display: inline; margin: 0;}
#MainContent ul#breadcrumbs li a {padding-right: 12px; background: transparent url(../images/breadcrumb_arrow.gif) right center no-repeat; color: #5d4c2e;}
#MainContent ul#breadcrumbs li a {padding-right: 12px; color: #5d4c2e;}
#MainContent ul#breadcrumbs li a:visited {border: none;}
#MainContent ul#breadcrumbs li a:hover {border: none; text-decoration: underline;}

/* ------------------- Left Nav / Sub Content for Secondary Pages ------------------------- */
#SubContent {
	float: left; 
	width: 225px; 
	padding: 0 0 0 40px;
}
#SubContent p, #SubContent h2, #SubContent h3, #SubContent h4 {
	margin: 1em 25px;
}
#SubContent ul {
	list-style: none; 
	width: 225px; 
}
#SubContent ul li {
	width: 225px;
	color: #5d4c2e;
	font-style: normal;
}
#SubContent ul li a {
	color: #5d4c2e;
	padding: 8px 25px;
	display: block;
	width: 175px;
	border-top: 1px solid #cdc68e;
	font-weight: normal;
}
#SubContent ul li a:hover {
	text-decoration: underline;
	background: #ede7cf;
	color: #5d4c2e;
}
#SubContent ul li a:visited {
	color: #5D4C2E;
	padding: 8px 25px;
	display: block;
	width: 175px;
	/*border-bottom: 1px solid #cdc68e;*/
	font-weight: normal;
}
#SubContent ul li a:active {
	color: #5d4c2e;
	padding: 8px 25px;
	display: block;
	width: 175px;
	/*border-bottom: 1px solid #cdc68e;*/
	font-weight: normal;
}	
#SubContent ul li ul {
	display: none; 
	font-size: .9em; 
	border: none; 
	/*border-bottom: 1px solid #cdc68e;*/
	background: #ede7cf url(../images/subnav_tert_bg.gif) left bottom repeat-x; 
	padding-bottom: 6px;
}
#SubContent li.on ul {
	display: block;
}
#SubContent li.on {
	background: #ede7cf;
}
#SubContent ul li ul li a {
	color: #5d4c2e;
	padding: 5px; 
	width: 160px; 
	border: none;
	margin-left: 40px;
}
#SubContent ul li ul li a:hover {
	text-decoration: underline; 
	background: none;
	color: #5d4c2e;
	margin-left: 40px;
}
#SubContent ul li ul li a:active {
	color: #B39866;
	padding: 5px;
	display: block;
	width: 160px;
	/*border-bottom: 1px solid #cdc68e;*/
	font-weight: normal;
	margin-left: 40px;
}	
#SubContent ul li ul li a:visited {
	color:	 #B39866;
	padding: 5px;
	display: block;
	width: 160px;
	/*border-bottom: 1px solid #cdc68e;*/
	font-weight: normal;
	margin-left: 40px;
}
/* --------------------- Tertiary Navigation ----------------------- */
#tertiary_nav {float: right; width: 170px; background: #ded9af url(../images/tertiary_nav_bg.gif) left bottom no-repeat; margin: 0; padding: 0 0 54px 0; border-bottom: 2em solid white; border-left: 20px solid #fff;}
#tertiary_nav h3 {background: #b1472d; color: white; text-decoration: none; margin: 0; padding: 5px 10px; font-size: 1em;}
#tertiary_nav ul {margin: 0; padding: 0; list-style-type: none; }
#tertiary_nav li {margin: 0; padding: 0; line-height: 0; list-style-image: none;}
#tertiary_nav a {display: block; border-bottom: 1px solid #cdc68e; text-decoration: none; padding: 5px 10px; font-weight: normal; font-size: .9em; line-height: 0; color: #300; line-height: 1.1em; margin: 0; width: 150px;}
#tertiary_nav ul li a:hover {border-bottom: 1px solid #cdc68e; text-decoration: none;}


/* ------------------- Footer / Site Info ------------------------- */
#footer {clear: both; position: relative; height: 90px; border-top: 10px solid #b1472d; background: white url(../images/footer_bg.gif) left top repeat-y; }
#footer a {color: #9b9575;}
#footer h3 {width: 165px; height: 65px; text-indent: -9999em; background: transparent url(../images/dcc_logo.gif) left top no-repeat; position: absolute; top: 0; left: 70px;}
#footer h3 a {display: block; width: 165px; height: 65px;}
#footer p {position: absolute; top: 14px; right: 0; width: 675px; text-align: center;}
#footer table {position: absolute; right: 0; top: 40px; width: 675px; color: #9b9575;}


/* ------------------- Style for Photo Captions ------------------------- */
p.caption {
font-size:10px;
text-align: center;
font-style: italic;
}

/* ---------------- Calendar Styles ------------------------------------------------ */
#calendarTop { position: absolute; top: 80px; height: 300px; text-align: right; width: 700px; background: transparent; z-index: 800; font-size: 1em;}
#sidebar {
	float: right;
	width: 170px;
	background: #ded9af url(../images/tertiary_nav_bg.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 54px 0;
	border-bottom: 2em solid white;
	border-left: 20px solid #fff;
}