/* ------------------------------------------------   HTML   ------------------------------------------------ */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#5A4E40;
	margin:16px;
	/*margin-top:0px;*/
}


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

p {
	margin-top:0px;
}


a {
	/*color:#BB852C; - original, but too light? */
	color:#0656A4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	height:1px;
	color:#795E37;
	background-color:#ADA672;
	border:0;
}

ol {
	/*margin-bottom:0px;*/
	margin-top:4px;
}

ul {
	/*margin-bottom:0px;*/
	margin-top:4px;
}

li {
	padding-bottom:.5em;
}

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

address {
	font-style:normal;
}




/* ------------------------------------------------   Layout   ------------------------------------------------ */
#wrapperUDDC {
	background-color:#0655A4;
	/*background-color:#FF0000;*/
	width:60em; /*approx 960px */ 
	margin: 0 auto;
	padding-bottom:16px;
	text-align:left;
}

#uiiBanner {
	background-image:url(../images/uii/uiiBackground.jpg);
	background-repeat:repeat-x;
	height:31px;
	margin:0px;
}

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

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

#uiiStage {
	/*border:dashed blue 1px;*/
	visibility:hidden;
	margin-left:-1000em;
	width:500px;
	float:left;
}

#printBannerUDDC {
	display:none;
	margin-top:0px;
	margin-left:-1000em;
}

#brandingUDDC {
	/*background-color:#00FF00;*/
}


#mainNavUDDC {
	/*border:1px red solid;*/
	margin:16px;
	margin-bottom:45px;
	line-height:13px; /*this has to be applied to a block level element, like div, to work. using it to tighten up wrapping text from the arrays*/
}

#mainNavUDDC img {
	padding-right:13px;
	float:left;
}

#mainNavUDDC li {
	/*border:red dotted 1px;*/
	background-image:url(../images/mainNav/buttonBackground.jpg);
	background-repeat:no-repeat;
	position:relative;
	list-style:none;
	margin:0;
	margin-right:16px;
	padding-top:0px;
	float:left;
	height:30px;
	width:70px;
}

#mainNavUDDC li img {
	/*border: dotted blue 1px;*/
	margin-bottom:5px; /*this pushes down the wrapping text a little bit */
}


#mainNavUDDC a {
	/*font-family: Bell Gothic Std Black, sans-serif;*/
	font-size:13px;
	color:#795E37;
	font-weight:bold;
}




#breadCrumbUDDC {
	background-color:#0655A4;
	/*background-color:#999999;*/
	font-family: Bell Gothic Std Black, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding:0px;
}

#breadCrumbLinks {
	/*background-color:#00FF00;*/
	float:left;
	width:46em;
	margin-left:16px;
	margin-right:0px;
	padding-top:6px;
	padding-bottom:2px;
}

#breadCrumbLinks a {
	/*border:purple dotted 1px;*/
	color:#FFFFFF;
	font-weight:bold;
	margin-right:16px;
	margin-left:0px;
}




#contentUDDC {
	background-color:#FFFFFF;
	/*background-color:#00FF00;*/
	width:58em;
	margin-right:16px;
	padding-bottom:16px;
	float:right;
}



#mainContentUDDC {
	/*background-color:#FFFFFF;*/
	/*background-color:#FF0000;*/
	width:28.5em;
	float:left;
	border-right:#8D7C66 1px solid;
	padding:16px;
	padding-top:0px;	
}


#secondaryContentUDDC {
	/*background-color:#0000FF;*/
	width:25em; 
	float:right;
	padding:16px;
	padding-top:0px;
}

#tertiaryContentUDDC {
	/*background-color:#FF6600;*/
	margin:16px;
}





#secondaryNavUDDC {
	/*background-color:#3333FF;*/
	width:10em;
	float:left;
	padding:16px;
}

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

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

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

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


#footerUDDC {
	/*background-color:#FFFF00;*/
	width:58em;
	margin: 1em auto;
	text-align:center;
}

#footerUDDC address {
	font-size:.8em;
}

#footerUDDC a {
	margin-right:16px;
	font-size:.8em;
}


.clear {
	clear:both;
}




/* ------------------------------------------------   Blocks   ------------------------------------------------ */
.top795E37 {
	/*background-color:#FFFFCC;*/
	/*border: purple dotted 1px;*/
	background-image:url(../images/roundCorners/795E37Top.jpg);
	background-repeat:no-repeat;
	/*width:897px;*/
}

.center795E37 {
	/*background-color: #99CCFF;*/
	background-image:url(../images/roundCorners/795E37Center.jpg);
	background-repeat:repeat-y;
	padding:0px 16px;
}

.bottom795E37 {
	/*background-color:#FFCCFF;*/
	/*border:dotted purple 1px;*/
	background-image:url(../images/roundCorners/795E37Bottom.jpg);
	/*background:bottom;*/
	background-repeat:no-repeat;
	/*width:900px;*/
}

.table795E37 {
	/*border:1px solid purple;*/
	border-collapse:collapse;
}

.table795E37 td {
	padding: 6px 6px 6px 16px;
}

.vertical8D7C66 {
	border-right: #8D7C66 2px solid;
}



/* ------------------------------------------------   searchBox Stuff   ------------------------------------------------ */
#searchBoxUDDC {
	background-color:#0655A4;
	/*background-color:#FF0000;*/
	/*border:dashed purple 1px;*/
	font-family: Bell Gothic Std Black, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	float:right;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	text-align:right;
}

#searchBoxUDDC input {
	float:left;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
}


/* !!! 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-color:#FF9900;*/
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	float:right;
	padding:0px;
	margin-top:4px;
	margin-right:16px;
	margin-bottom:0px;
	margin-left:0px;
	border:0px;
	/*text-indent: -1000em;*/
	/*overflow: hidden;*/
	text-align:right;
	cursor: pointer; /* hand-shaped cursor */
}

#searchBoxUDDC form {
	/*border:green dashed 2px;*/
	margin:0px;
	padding:0px;
}




/* ------------------------------------------------   Custom   ------------------------------------------------ */
/* skipToConent contains a link to help screen readers jump over uii and other redundant navigation and get right to the page content */
#skipToContent {
	/*background-color:#0000FF;*/
	margin-top:0px;
	margin-left:-1000em;
	width:500px;
	float:left;
}


/* topLinkHolder is exclusively for ie6 <sigh>. here's why: a top anchor won't work in ie6 unless there is content (like a &nbsp;) with it. also, an anchor by itself won't validate to xhtml strict unless it is inside a <p> or <div> or some other legal tag. so i created this layer and then floated it right off the page  */
#topLinkHolder {
	/*background-color:#00FF00;*/
	margin-left:-1000em;
	width:500px;
	float:left;
	height:1px
}

.buttonOrange {
	width:141px;
	height:34px;
	display:block;
	text-align:center;
	background-image:url(../images/buttons/buttonOrange01.jpg);
	color:#FFFFFF;
	font-weight:bold;
	padding-top:10px;
}

.buttonOrange:hover {
	background-image:url(../images/buttons/buttonOrange01Hover.jpg);
	text-decoration:none;
}