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

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

img { border: 0;}

a:link {color: #48525B;}
/*
a:visited {color: #7FBAF0;}
*/
.errorMessage {
		 font-size: 14px;
		 color: #640000;
}

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

.infoMessage {
		 font-family: "Trebuchet MS";
		 font-size: 12px;
		 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: 1px solid #C8C8C8;
		 background-image:none;
}

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

.wpsHighlightPortlet {
		 margin: 0px 0px 10px 10px;
		 border: 1px solid #996317;
		 background-image:none;
}

.wpsHighlightPortletTitleBar {
		 font-size: 14px;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 color: #996317;
		 background-position: top left;
		 background-repeat: no-repeat;
		 border: 0;
		 padding: 6px 0 0 8px;
		 width:100%;
}

.wpsHighlightPortletTitleBar h2 {
		 display: inline;
		 font-size: 14px;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 color: #996317;
		 text-align: left;
		 padding-top: 5px;
		 border: 0;
}

.wpsPortletBody {
		 margin: 0px;
		 padding: 5px;
		 background-image:none;
		 line-height: 16px;
		 border: 0;
}

.wpsPortletBodyWithBackground {
		 margin: 0px;
		 padding: 0px;
		 background-image:none;
		 line-height: 16px;
		 border: 0;		 
}

.wpsPortletTitleBar {
		 font-size: 12px;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 color: #48525B;
		 background-image: url(/wps/wcm/jsp/html/getWCMComponent.jsp?renderingContext=lacounty+content/LACounty+Site&componentPath=lacounty+templates/IMG+-+Portlet+Title+Bar3&attribute=src);
		 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;
		 text-align: left;
		 font-size: 12px;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 color: #48525B;
		 line-height: 1.5em;
}

.wpsPortletBlankTitleBar {
		 background-image: url(/wps/wcm/jsp/html/getWCMComponent.jsp?renderingContext=lacounty+content/LACounty+Site&componentPath=lacounty+templates/IMG+-+Portlet+Title+Bar3&attribute=src);
		 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(/wps/wcm/jsp/html/getWCMComponent.jsp?renderingContext=lacounty+content/LACounty+Site&componentPath=lacounty+templates/IMG+-+Homepage+Tile&attribute=src);
		 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: 17px;
		 left: 406px;
		 padding:0;
		 margin: 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: 2.3em;
}

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

#selectedGlobalNav a:link,
#selectedGlobalNav a:hover,
#selectedGlobalNav a:visited {
		 color: #c97962;
		 font-size: 12px;
}

/*Second level navigation */
#utilityNav {
		 position: absolute;
		 top: 6px;
		 left: 10px;
		 width: 980px;
		 margin: 0;
		 padding:0;
		 font-size: 10px;
		 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: 9px;
		 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: 9px;
}

#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(/wps/wcm/jsp/html/getWCMComponent.jsp?renderingContext=lacounty+content/LACounty+Site&componentPath=lacounty+templates/IMG+-+Tile+Dept&attribute=src);
		 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: 20px;
		 color: #687983;
}

.deptSmallTitle {
		 font-size: 11px;
}

/* 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: 12px;
}

#deptBreadcrumbNav {
		 position: absolute;
		 left: 18px;
		 top: 161px;
		 font-family: Arial;
		 font-size: 9px;
		 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: 9px;
}
#deptTextTools a:hover {color: #7FBAF0;}

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

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

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

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

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

#sideNavTitle a:link,
#sideNavTitle a:visited,
#sideNavTitle a:hover {		 
		 color:#fff; 
		 font-weight: bold;
		 text-decoration:none;
}

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

#sideNav { 
		 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 {
		 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 {
		 text-decoration:underline; 
}  


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

#sideNavOn a:link,
#sideNavOn a:visited,
#sideNavOn a:hover {
		 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: 10px;
		 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: 195px;
		 width: 564px;
		 margin: 0;
		 padding: 0;
		 color: #48525B;
		 font-family: "Arial";
		 font-size: 12px;
		 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: 14px;
		 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: 11px;
 }
 
#onlineServices ul {
		 padding-left: 8px;
		 padding-top: 4px;
		 margin-left: 8px;
		 margin-top: 4px;
		 color: #C97962;
}

#fontChange {
		 display: none;
		 z-index: 100;
		 border: 1px solid #48525B;
 		 background-color: #F2F3F5;
		 margin: 0;
		 font-family: Arial;
		 font-weight: bold;
		 font-size: 11px;
		 line-height: 18px;
		 text-align:left;
		 position: absolute;
		 top: 13px;
		 left: 150px;
		 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:11px;
}

.submitButton {
         background-color: #c1c1c1;
		 color: black;
		 font-family: arial;
		 padding: 5px 0 0px 0px;
		 font-weight: bold;
		 text-align:center;
		 font-size: 11px;
		 border: 1px solid #666;
		
}

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

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

.searchQueryTable {width: 145px;}
.searchQueryTable td.textInputCell {width: 120px;}
.searchQueryTable td.textInputCell input {width: 100%;}
.searchQueryTable td.submitButtonCell {width: 25px;}

#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; 
		 w\idth:204px;
}