body, html {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 14px;
  color: #48525B;
}

body {
	font-family: arial;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

a:link {color: #48525B;}

a:visited {color: #7FBAF0;}

.errorMessage {
	font-size: 18px;
	color: #640000;
}

.errorName {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	color: #640000;
}

.infoMessage {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color:#48525B;
}
/* =========================================
	WebSphere Portal page layout
==========================================*/

#FLYParent {min-width: 1000px;}

#mainContent {padding: 0; margin:0;}

.clearing {clear: both;}

.pageBarSeparator {
	clear: both;
	padding: 0;
	margin: 0;
}

.layoutRow {width: 100%; margin:0;}
.layoutColumn {width: 100%; margin:0;}

/* =========================================
	WebSphere Portal portlet layout
==========================================*/

.wpsPortlet { 
	margin:0 0 10px 10px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #C8C8C8;
	background-image:none;
}

.wpsSimplePortlet { 
	margin: 0px 0px 10px 10px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #C8C8C8;
	background-image:none;
}

.wpsNoSkinPortlet { 
	margin: 0px 0px 10px 10px;
	border: 0;
	background-image:none;
}

.wpsPortletBody {
	font-size: 14px;
	margin: 6px;
	padding: 5px;
	background-image:none;
	line-height: 21px;
}
.wpsPortletBody table{
	font-size: 14px;
}
.wpsPortletTitleBar {
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #48525B;
	background-image: url(../images/ptl_head_3.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	border-top: 1px solid;
	border-left: 5px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color:#CA7860;
	padding-left: 8px;
	width:100%;
	line-height: 1.5em;
}

.wpsPortletTitleBar h2 {
	display: inline;
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #48525B;
  line-height: 1.5em;
}

.wpsPortletBlankTitleBar {
	background-image: url(../images/ptl_head_3.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	border-top: 1px solid;
	border-color: #C8C8C8;
	width:100%;
	line-height: 1.5em;
}

.wpsNoSkinTitle {
	background-image: none;
  border:0;
  font-family:arial;
}
/* ==================================
	Header, including top navigation
======================================*/

#themeHeader {
	width:100%;
	height: 156px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#banner {
	position: relative; /*This div MUST be positioned for globalNav positioning to work. */
	top: 0px;
	width: 100%;
	height: 156px;
	margin: 0;
	padding: 0;
	background-image: url(../images/homepage_tile.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}

#banner h1 {display: none;}

#largeSeal{
	position: absolute;
	top: 31px;
	left: 15px;
}

#largeLogo {
	position: absolute;
	top: 72px;
	left: 125px;
}
 
#bannerImage {
	position: absolute;
	top: 36px;
	left: 860px;
}

/* First level navigation.
The container for this div must be positioned as well. */
#globalNav {
	position: absolute;
	bottom: 15px;
	left: 406px;
	margin: 0;
	padding:0;
	font-weight: bold;
}

#globalNav a:link,
#globalNav a:visited {
	color: #687983;
	text-decoration: none;
}

#globalNav a:hover {
	color: #57656D;
	text-decoration: underline;
}

#globalNavTop,
#globalNavBottom {
  height: 1.9em;
 }

.globalNavOn {
	color: #c97962;
	font-size: 16px;
}

/*Second level navigation */
#utilityNav {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 980px;
	margin: 0;
	padding:0;
	font-size: 12px;
	font-weight: bold; 
	text-align: right;
}

#utilityNav a:link,
#utilityNav a:visited {
	color: #687983;
	text-decoration: none;
}

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

#utilityNavOn {text-decoration: underline}

#breadcrumbNav {
	position: absolute;
	left: 18px;
	top: 138px;
	font-family: Arial;
	font-size: 13px;
	color: #687983;
}

#breadcrumbNav a:link,
#breadcrumbNav a:visited {
	color: #687983;
	text-decoration: underline;
}
#breadcrumbNav a:hover {
	color: #7FBAF0;
	text-decoration: underline;
}

#textTools {
	position: absolute;
	left: 735px;
	top: 138px;
	width: 200px;
	text-align: right;
}

#textTools a:link,
#textTools a:visited {
	color: #687983;
	text-decoration: none;
	font-size: 14px;
}

#textTools a:hover {
	color: #7FBAF0;
}

#graphicVersion {
	display: none;
}
/*=========================================
	Department page header
  Review for possible consolidation with main header styles
===========================================*/

#deptThemeHeader {
	width: 100%;
	height: 175px;
	margin: 0;
	padding: 0;
}

#deptBanner {
	position: relative; /*This div must be positioned for globalNav positioning to work. */
	top: 0px;
	width: 100%;
	height: 175px;
	margin: 0;
	padding: 0;
	background-image: url(../images/tile_dept.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}

#deptBanner h1 {display: none;}

#smallLogo {
	position: absolute;
	top: 6px;
	left: 12px;
}

#largeDeptSeal{
	position: absolute;
	top: 44px;
	left: 12px;
}

#deptBannerImage {
	position: absolute;
	top: 27px;
	left: 745px;
}

#deptTitle {
	position: absolute;
	top: 60px;
	left: 120px;
	font-family: arial;
	font-size: 24px;
	color: #687983;
}

.deptSmallTitle {
	font-size: 15px;
}

/* First level navigation.
The container for this div must be positioned as well. */
#deptNav {
	position: absolute;
	top: 108px;
	left: 120px;
	width: 880px;
	margin: 0;
	padding:0;
	font-weight: bold;
}

#deptNav a:link,
#deptNav a:visited {
	color: #687983;
	text-decoration: none;
}

#deptNav a:hover {
	color: #57656D;
	text-decoration: underline;
}

.deptNavOn {
	color: #c97962;
	font-size: 17px;
}

#deptBreadcrumbNav {
	position: absolute;
	left: 18px;
	top: 161px;
	font-family: Arial;
	font-size: 13px;
	color: #687983;
}

#deptBreadcrumbNav a {
	color: #687983;
	text-decoration: underline;
}

#deptBreadcrumbNav a:hover {
	color: #7FBAF0;
	text-decoration: underline;
}

#deptTextTools {
  position: absolute;
	left: 795px; 
	top: 160px;
  width: 200px;
  text-align: right;
}

#deptTextTools a:link,
#deptTextTools a:visited {
	color: #687983;
	text-decoration: none;
	font-size: 13px;
}
#deptTextTools a:hover {color: #7FBAF0;}

#deptUtilityNav {
	position: absolute;
  left: 696px;
  top: 139px;
  width: 300px;
  text-align: right;
}

#deptUtilityNav a:link,
#deptUtilityNav a:visited {
	color: #687983;
	text-decoration: none;
}

#deptUtilityNav a:hover {color: #7FBAF0;}

/*=========================================
	Navigation level 3
===========================================*/

#sideNavTitle {
	font-weight: bold; 
	color:#fff; 
	padding:5px 0 5px 20px; 
	margin: 0 0 0 10px;
	background:#84A2BE; 
	width: 100px;
}

#sideNavTitle h2 {
	display: inline;
  	font-size: 12px;
}

#sideNav { 
	font-size: 14px;
	color: #687983; 
	text-decoration: none;
	background: #EFF2F5; 
	border-top: 1px solid #B2C7DD;
	border-right: 1px solid #B2C7DD;
	border-left: 7px solid #CA7860;
	padding: 0; 
	margin: 0 0 0 10px;
	width: 204px;			/*content width + padding + border = 212px */
}

#sideNav a,
#sideNavOn {
	color: #697983;
	display:block;
  margin:0;
  padding: 5px 0 5px 13px;
  border-bottom:1px solid #B2C7DD;
}

#sideNav a:link,	
#sideNav a:visited	{
	text-decoration:none;
} 

#sideNav a:hover,
#sideNavOn {
  text-decoration:underline; 
} 

/* =======================================
	Footer
==========================================*/
.footer {
	clear: both;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: 1px solid #BAB4A6;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding-bottom: 6px;
	padding-top: 19px;
	text-align: center;
	font-size: 14px;
	color:#687983;
}

.footer a:link,
.footer a:visited {
	text-decoration: none;
	color: #687983;
}

.footer a:hover {text-decoration: underline;}

.footerOn {text-decoration: underline}

.footerImage {
	width: 285px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	border: 0;
	padding:0;
}

/* =======================================
	Popup layers: online services and font size change
==========================================*/
#onlineServices {
	display: none;
	z-index: 100;
	border: 1px solid #48525B;
 	background-color: #F2F3F5;
	position: absolute;
	top: 136px;
	left: 300px;
	width: 564px;
	margin: 0;
	padding: 0;
	color: #48525B;
	font-family: "Arial";
	font-size: 15px;
	font-weight: bold;
}

#popupHeader {
	float: left;
	width: 270px;
	height: 20px;
	margin: 8px 8px 4px 8px;
	padding: 0;
	color: #C97962;
	font-family: "Trebuchet MS";
	font-size: 16px;
	text-align: left;
}

#popupAllLink {
	float: left;
	text-align: right;
	margin: 4px;
	width: 260px;
	height: 28px;
}
 
#columnOne,
#columnTwo,
#columnThree {
	float: left;
	width: 174px;
	border: 0;
	padding: 7px 0 7px 14px;
 }

#onlineServices a {
	text-decoration: underline;
	font-family: Arial;
	color: #687983;
	font-size: 15px;
 }
 
#onlineServices ul {
	padding-left: 8px;
	padding-top: 4px;
	margin-left: 8px;
	margin-top: 4px;
}

#fontChange {
	display: none;  
	z-index: 100;
	border: 1px solid #48525B;
	background-color: #F2F3F5;
	margin: 0;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	text-align:left;
	position: absolute;
	top: 16px;
	left: 135px;
	padding: 3px 8px 3px 7px;
}
 
#fontChange a:link,
#fontChange a:visited,
#fontChange a:hover {
	text-decoration: underline;
	color: #687983;  
 }

/* =======================================
	Forms
==========================================*/
form {margin:0; padding:0}
select	{display:inline;}
select	{border:1px solid #666;}
select,input,textarea	{
	font-family:arial; 
	font-size:14px;
}

.submitButton {
	background-color: #c97960;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	text-align:center;
	font-size: 14px;
	border: 1px solid #666;
}

.styledButton input {
	background-color: #c97960;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	text-align:center;
	font-size: 14px;
	border: 1px solid #666;
}

.textInput {
	background-color: #fff;
	border: solid 1px #666;
}

.searchQueryTable {width: 212px;}
.searchQueryTable td.textInputCell {width: 85%;}
.searchQueryTable td.textInputCell input {width: 100%;}
.searchQueryTable td.submitButtonCell {width: 15%;}

#servicesLocatorQuery img {border:0; margin-right: -5px; margin-top: -5px; float:right; width:78px;}
#servicesLocatorQuery p {margin: 0;}
#servicesLocatorQuery form {margin:10px 0 0 0;}
#servicesLocatorQuery td.inputCell {padding:5px 5px 2px 0;}
#servicesLocatorQuery td.inputCell input {width:150px;}
#servicesLocatorQuery td.inputCell select {width: 154px;}

#feedbackForm p {margin:0; padding:0;}

/* =======================================
	Hacks for IE 5 & 6
==========================================*/

/* side navigation */
* html #sideNav {
	width:212px; 
	width:204px;
}