/* !!! This site uses an elastic layout. Most browsers use 16px as the default font, so a 950px design = 950/16 = 59.375em  !!! */

/* ------------------------------------------------   HTML   ------------------------------------------------ */
body {
	background-image:url(../images/backgroundSlice.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	margin:20px;
}

p {
	font-size:10pt;
	margin-top:0px;
}

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

a:hover {
	text-decoration:underline;
	color:#003765;
}

img {
	border:none;
}

hr {
	color:#003765;
}

li {
	margin-bottom:.8em;
	font-size:10pt;
}

address {
	/*background-color:#FF0000;*/
	font-size:10pt;
	margin:0px;
	font-style:normal;
}


/* ------------------------------------------------   Headings   ------------------------------------------------ */
.pageTitle {
	font-family:"Times New Roman", Times, serif;
	font-size:22pt; 
	color:#003765;
	margin-bottom:5pt;
}
	

.heading {
	font-family:"Times New Roman", Times, serif;
	font-size:22pt; 
	color:#3373AC;
	margin-bottom:5pt;
}

.subhead {
	font-family:"Times New Roman", Times, serif;
	font-size:14pt;
	color:#8c8d8f;
	margin-bottom:3pt;
}


.secondaryHeading {
	font-family:"Times New Roman", Times, serif;
	font-size:18pt;
	color:#003765;
	margin-bottom:1pt;
}

.secondarySubhead {
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
	color:#999999;
	margin-bottom:1pt;
}

.introParagraph {
	font-size:16pt;
	line-height:18pt;
}


.sectionTitle {
	font-family:"Times New Roman", Times, serif;
	font-size:18pt;
	color:#FFFFFF;
	margin-top:8px;
	margin-bottom:0px;
}

/* ------------------------------------------------   Calendar   ------------------------------------------------ */

.calendarbody {
	font-size:8pt;
}

.calendarbodybold {
	font-size:8pt;
	font-weight: bold;
}

.calendarheading {
	font-family:"Times New Roman", Times, serif;
	font-size:22pt; 
	color:#C41230;
}




/* ------------------------------------------------   Layout   ------------------------------------------------ */
#wrapper {
	background-color:#FFFFFF;
	/*background-color:#CCFF99;*/
	width:59em; /*approx 950px */
	margin: 0 auto;
	text-align:left;
}

#uiiBanner {
	white-space:nowrap;
	max-height:31px;
}

#mainNav {
	background-color:#003765;
	color:#FFFFFF;
	float:left;
	width:164px;
}

#mainNav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
}

#mainNavContent {
	/*background-color:#FFCCFF;*/
	padding-left:14px;
}

#mainNav ul { /* setting margin and padding (in this case, '0') on ul is critical for FF */ 
	/*background-color:#330099;*/
	margin:0px;
	padding:0px;
	padding-top:14px;
}

#mainNav li {
	/*border:red dotted 1px;*/
	/*background-color:#FF0000;*/
	list-style:none;
	margin-bottom:6px;
}

#content {
	/*background-color:#00FF00;*/
	width:766px;
	padding-left:14px;
	float:right;
	margin:0px;
}

#branding {
	/*background-color:#FFFF00;*/
	/*border:dashed red 1px;*/
	margin:0px;
	padding:0px;
	max-height:74px;
}

#branding img {
	margin:0px;
	padding:0px;
	border:0px;
}

#topNav {
	/*background-color:#3399FF;*/
	font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	width:766px;
	border-bottom:solid 1px #C41230;
}

#topNav ul { /* setting margin and padding (in this case, '0') on ul is critical for FF */ 
	/*background-color:#330099;*/
	margin:0px;
	padding:0px;
}

#topNav li {
	/*border:red dotted 1px;*/
	/*background-color:#FFFFFF;*/
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-right:14px;
	float:left;
}


#topNav a {
	text-decoration:none;
}

#topNav li {
	font-size:16pt;
}

#breadCrumb {
/*	background-color:#FFFF99;*/	
	color:#003765;
	border-bottom:solid 1px #C41230;
	width:766px;
	font-size:7pt;
	padding-top:2px;
	padding-bottom:2px;
}

#breadCrumb a {
	color:#999999;
	text-decoration:none;
}

#breadCrumb a:hover {
	color:#C41230;
}

#mainContent {
	/*background-color:#FF0000;*/	
	/*border-right:1px #D5D5D5 solid;*/
	float:left;
	width:32em;
	margin-top:7px;
}


#secondaryContent {
	/*background-color:#FF6600;*/
	width:13em;
	float:right;
	border-left: 1px solid #003765;
	padding-right:16px;
	padding-left:16px;
	margin-top:7px;
}

#footer {
	/*background-color:#FF66CC;*/
	padding:16px;
	font-size:.8em;
}

#footer table { /* FF won't center UII's footer that uses a table layout without this declaration. */
	margin:auto;
}

#footer a {
	color:#003765;
}

#footer a:hover {
	color:#C41230;
}

.clear {
	clear:both;
}



/* ------------------------------------------------   Custom   ------------------------------------------------ */
#skipToContent{
	font-size:0px;
	color:#D4B071;
}

#skipToContent a {
	font-size:0px; 
	color:#D4B071;
	text-decoration:none;
}

#skipToContent a:hover {
	font-size:0px;
	color:#D4B071;
	text-decoration:none;
}

.center {
	margin:auto;
}

.picture {
	margin: 5px;
}

/*-------------------------------------------------   Links   ------------------------------------------------*/
.linkOffsite{
	/*background-color:#FF6600;*/
	background:url(../images/icons/iconOffsite.gif) no-repeat right center;
	padding-right:24px;
	margin-right:6px;
}

.linkRSS{
	/*background-color:#FF6600;*/
	background:url(../images/icons/iconRss.gif) no-repeat right center;
	padding-right:24px;
	margin-right:6px;
}


.linkPDF {
	/*background-color:#FF6600;*/
	background:url(../images/icons/pdf.gif) no-repeat right center;
	padding-right:18px;
	margin-right:6px;
}

.linkWord {
	/*background-color:#FF6600;*/
	background:url(../images/icons/word.gif) no-repeat right center;
	padding-right:18px;
	margin-right:6px;
}

.linkExcel {
	/*background-color:#FF6600;*/
	background:url(../images/icons/excel.gif) no-repeat right center;
	padding-right:18px;
	margin-right:6px;
}

.linkPowerPoint {
	background:url(../images/icons/powerPoint.gif) no-repeat right center;
	padding-right:18px;
	margin-right:6px;
}

.linkZip {
	/*border:1px blue dashed;*/
	background:url(../images/icons/winZip.gif) no-repeat right center;
	padding-right:18px;
	margin-right:6px;
}


/* ------------------------------------------------   Forms   ------------------------------------------------ */
fieldset { 
	/*border:solid 0 transparent;*/
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
	background:#F8F8F8;
}


legend {
	font-weight:bold;
}

label {
	display:block;
}

input.formDefault {
	width:200px;
	margin-bottom:1em;
}

input.radio, input.checkbox, input.submit, input.image {
	width:auto;
}

input.radio {
	float:left;
	margin-right: 1em;
}

textarea {
	width:200px;
}

input:focus, textarea:focus {
	background:#dbdbdb;
}

/* ------------------------------------------------  Tables   ------------------------------------------------ */
.tables {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.tables th {
	background-color: #036;
	color: #FFF;
	font-weight: bold;
}

.tableshade {
	background-color: #b8d1ec;
}