/* ------------------------------------------------   HTML   ------------------------------------------------ */
/* !! NOTE: styles shared with contribute users are in the abcContribute.css */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:16px;
	background:#762314 url("../images/backgrounds/bubbles01.jpg") top center no-repeat;
}


img {
	border:none;
	padding:0px;
	margin:0px;
}

p, td, li, a, address {
	font-size:14px;
}


p {
	margin-top:0px;
}


a {
	color:#762314;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

hr {
	height:1px;
	color:#CCCCCC;
	background-color:#CCCCCC;
	border:0;
}

ol {
	margin-bottom:0px;
	margin-bottom:0px;
}

ul {
	margin-top:0px;
	margin-bottom:0px;
}

li {
	padding-bottom:.5em;
}

td {
	vertical-align:top;
	padding:2px;
}

address {
	font-style:normal;
	margin-bottom:1em;
}
/* ------------------------------------------------   Layout   ------------------------------------------------ */
#wrapper {
	background-color:#FFFFFF;
	/*background-color:#FF0000;*/
	/*border:green dashed 5px;*/
	width:62em;  
	margin: 0 auto;
	padding:0px;
	padding-top:31px; /* spacing for the utah.gov banner to appear */
	text-align:left;
}

#uiiBanner {
	background-image:url(../images/uii/uiiBackground.gif);
	background-repeat:repeat-x;
	height:31px;
	width:62em;
	position:absolute;
	top:16px;
}

#uiiBanner td {
	vertical-align:middle;
	padding:0px;
}

#uiiBanner input {
	/*border:dotted 2px purple;*/
	margin-right:4px
}


#branding {
	/*background-color:#00FF00;*/
	/*border:dashed 2px #00FF00;*/
	background-image:url(../images/branding/homeBrandingBackground.jpg);
	background-repeat:no-repeat;
	height:86px;
	margin:0px;
	padding:0px;
}

#branding h6 {
	background-image:none;
	font-size:20px;
	color:#762314;
	margin:0px;
	padding-top:8px;
}

#branding img {
	margin-right:8px;
}


#mainNav {
	/*background-color:#6600FF;*/
	/*border:1px green solid;*/
	/*background-color:#FFF;*/
	width:58em;
	text-align:center;
	position:absolute;
	top:86px;
	margin-left:80px;
}

#mainNav ul {
padding-top:16px;
}

#mainNav li {
	/*border:red dotted 1px;*/
	/*background-image:url(../images/mainNav/buttonBackground.jpg);*/
	background-repeat:no-repeat;
	position:relative;
	list-style:none;
	float:left;
	margin-left:20px;
	margin-right:10px;
	/*width:100px;*/
	/*width: 160px;*/
		
}


#mainNav a {
	font-size:13px;
	font-weight:bold;
	color:#762314;
}


#breadCrumb {
	background-color:#E2E0E0;
/*	font-size:10px;  */
/*	font-weight:bold;  */
	margin:0px -16px 16px 0px;
	padding-left:16px;
	vertical-align:middle;
	/*background-color:#3399FF;*/
	/*padding-left:16px;*/
}

#breadCrumb a, #breadCrumb p {
	font-size:10px;  
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
}


#mediaLoader { 
	/*background-color:#0000FF;*/
	/*border:1px dashed #00FF00;*/
	margin:0px;
	padding:0px;
	height:326px;
}

#mediaLoader object, #mediaLoader embed {
	/*border:6px dashed #00FF00;*/
	margin:0px;
	padding:0px;
}

#content {
	/*background-color:#00CCFF;*/
	width:62em;
	float:right;
	margin:0px;
	padding:0px;
}



#mainContent {
	/*background-color:#00FF00;*/
	width:38em;
	float:left;
	margin:0px;
	padding:16px;
	padding-top:0px;
}



#secondaryContent {
	background-color:#E2E0E0;
	width:20em; 
	float:left;
	margin:0px;
	padding:16px;
	padding-top:0px;
}





#secondaryNav {
	/*background-color:#0000FF;*/
	background-color:#CCCCCC;
	width:10em;
	float:left;
	padding:16px;
}

#secondaryNav ul {
	/*border:red dotted 1px;*/
	margin:10px;
	padding:0px;
}

#secondaryNav li {
	font-size:.8em;
	list-style:none;
}

#secondaryNav li a {
	/*font-weight:bold;*/ 
	text-decoration:none;
}

#secondaryNav li a:hover {
	text-decoration:underline;
}


#footer {
	/*background-color:#FF0000;*/
	width:62em;
	margin:0 auto;
	text-align:center;
	padding:16px 0px;
}


#footer a {
	margin-right:16px;
}

#footer address, #footer a {
	font-size:12px;
}


.clear {
	clear:both;
}




/* ------------------------------------------------   #Content table Custom   ------------------------------------------------ */
/* UII uses table layout in their header and footer, so any table customization we do needs to go with a specific <div> */
#content tr:hover {
	/*background-color:#83ACD2;*/
}




/* ------------------------------------------------   searchBox Stuff   ------------------------------------------------ */
#searchBox {
	/*background-color:#6600CC;*/
	/*background-color:#FF0000;*/
	/*border:dashed purple 1px;*/
	/*float:right;*/
	font-size:14px;
	height:42px;
	margin:0px;
	margin-right:16px;
	padding: 0px;
	position:relative;
}

#searchBox h2 {
	float:right;
	margin:0px;
	padding:0px;
}

#searchBox input {
	/*float:right;*/
	border:1px #762314 solid;
	border-right:0px;
	/*height:26px;*/
	float:right;
	margin:0px;
	margin-left:16px;
	padding:0px;
}

#searchBox a.notice {
	/*border:1px dashed #00FF00;*/
	position:absolute;
	top:4px;
	left:138px;
}


/* !!! For some reason, <img> and <input type="image"> ignore margin css when in a form and add a gap, making it difficult to style. Use this class in conjunction with a <button></button> tag to fix it. */
.searchButton {
	background: transparent;
	/*background:url(../images/forms/submitButtonBackground.jpg) no-repeat right center;*/
	/*background-color:#FF9900;*/
	color:#762314;
	font-weight:bold;
	/*width:54px;*/
	/*height:28px;*/
	border:0px;
	/*border:1px #762314 solid;*/
	/*border-left:0px;*/
	/*float:right;*/
	float:right;
	padding:0px;
	margin:0px;
	margin-left:6px;
	/*text-indent: -1000em;*/
	/*overflow: hidden;*/
	/*text-align:right;*/
	cursor: pointer; /* hand-shaped cursor */
}

#searchBox form {
	/*border:1px dashed #6633FF;*/
	margin:0px;
	padding:0px;
	position:absolute;
	top:16px;
	right:16px;
}

#cse-search-box input {
	/*border:blue dashed 2px;*/
}




/* ------------------------------------------------   Custom   ------------------------------------------------ */
#skipToContent {
	/*background-color:#0000FF;*/
	margin-left:-1000em;
	width:50px;
	position:absolute;
}