@charset "utf-8";
body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*color: #cccccc;*/
	/*background-color: #000000;*/
}

.oneColElsCtr #container {
	/*width: 46em;*/
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #000;
	background-color: #fff;
}
.oneColElsCtr #mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

a { font-family:Arial, Helvetica, sans-serif;}
#header img{ float:left;}
/*#header { background-color:#dfbc60; margin-top:2px; }*/
/*#header h1 { font-size: 1em; padding: 10px 0; border: 1px solid #dedede; background: url(http://dpw.lacounty.gov/mobile/img/headerBG.jpg) repeat-y left; color: #777; }*/
#header { margin-top:2px; width: 100%; height: 38px; border-bottom: 1px solid #dedede; background: url(/img/pwMobileLogo.png) no-repeat left; background-color:#324156;}
#header a { position:absolute; top: 1px; left: 1px; padding: 0; margin:0; width: 270px; height: 38px; cursor: hand;}
#header a:hover { text-decoration: underline;}
#header h1 { font-size: .8em; padding: 4px 0;}

#deptSearch { display:none;
}
#deptSearchField { 
	border: 1px solid #686667; 
	height: 13px !important; 
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif !important;
	}
#deptSearchBtn { 
	height: 17px; 
	width: 21px; 
	margin: 0px; 
	margin-left: -4px;
	margin-bottom: -4px;
	}

h2 { font-size: 1.1em; display:block; border-bottom: 1px solid silver; margin:0; background: #ffffff; color:#333333;}
li { clear:both; margin-left: 5px; padding-left:0px; margin-top: 5px;}
li a {text-decoration: none; font-size: 1em; margin: 1px; display: block;}/*border: 1px solid #ffffff;*/
li a:hover { text-decoration:underline;}

li img { float:left; border: 1px solid silver; padding: 0px; margin-top: 0px; margin-bottom: 3px; margin-right: 5px; clear:left;}

#highlights li {list-style-type: none;}

.title { font-weight: bold; font-size: .9em;}
.desc { font-size: .8em;}
.more { position:absolute; right: 20px; margin-bottom: 10px; background: #ffffff;}
li.highlight { }

.col1 {width: 100%; float:left; margin-left: -50%; position: relative; left: 50%;}
.col2 {width: 50%; float:left; float:right; position:relative;}

#footer { clear: both; border-top: 1px solid #dedede; padding-top: 5px; font-size: 10px; text-align:center; margin: 10px auto;}

.center { text-align:center; margin:auto;}
@media screen {
.mobileOnly {display: none;}
}
@media print {
.noprint { display: none;}

}