/* main layout*/
body {
	background-image:url(../images/bg-gradient.png);
	background-repeat:repeat-x; background-color:#fff;
	margin-top:0;
}
#wrapper {
	width: 980px; height:auto;
	margin: 0 auto;
	display:block;
	padding-bottom:3px;
}
#container {
	width: 980px; height:auto;
	margin: 0 auto;
	background-color:#F1F6FC;
	border:1px solid #e4eefa;
	border-top:none;
}
#leftcol {
	width:720px;
	margin:0px 5px;
}
#mainContent {
	margin:5px 0;
}
#rightcol {
	float:right;
	width:250px;
	margin: 0px 0px;
}
.clearfloat { 
    clear:both;
}


/********** HEADER (TOP MENU|BANNER|MENU) **********/
#top-menu {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	height: 32px;
	line-height:20px;
	background-color: #7DB0D7;
	border-bottom: 3px #277BAA solid;
}
#top-menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	top: 9px;
	text-decoration: none;
	color:#fff;
}
#topmenu-search { 
	margin:0; padding:2px; 
	position:absolute; top:6px; 
	margin-left: 5px;
	background-color:#F1F6FC;
	width:215px;
}
#topmenu-search form { margin:0; padding:0 }
#topmenu-search input { height:15px; border:1px solid #CCCCCC; margin: 0; width:150px;}
#topmenu-search .topbtn { 
	height: 20px;
	background-color:#277BAA; 
	background-image:url(../images/menu-bg.gif);
	color: #fff ; 
	border: none;
	width:55px;
	padding:0;
}
#banner { background-color:#64A2D1; height:138px }
#printbanner { display:none }

/********** MENU BAR(DEPARMENT|COMMISSIONERS|SPECIAL PROGRAMS...) **********/
#menu {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#fff; 
	height: 28px;
	line-height:24px;
	background-color: #55B3D9;
	background-image:url(../images/menu-bg.gif);
}
#menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	top: 1px;
	margin:0 18px;
	text-decoration: none;
	color:#fff;
}
#menu a:hover,#top-menu a:hover { color:#FBEC88; }

/********** QUICKLINKS | SERVICELINKS CONTAINER**********/
#quick-links, #services-links {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index:9999;
	position:absolute;
	background-color:#F1F6FC;
	width: 978px;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	opacity:.9;
	border:1px solid #277BAA;
	border-top: none;
}
#quick-links strong a, #services-links strong a { text-decoration:none; color:#CC0000 } 
#quick-links strong a:hover, #services-links strong a:hover { text-decoration:underline; color: #C60 }
#quick-links a:hover, #services-links a:hover { color:#CC0000; } 
#quick-links a, #services-links a { text-decoration:none; color:#000000 }

#quick-links-dd,#services-links-dd,#text-only { /*DROPDOWN BUTTONS*/
	background-color:#64A2D1;
	background-image:url(../images/menu-bg.gif);
	padding:5px 15px;
	border:1px solid #277BAA;
	border-bottom:none;
	margin:0 2px;
}
#quick-links-dd:hover,#services-links-dd:hover {
	background-image: none;
}
#quick-links-arrow,#services-links-arrow {
	background-image:url(../scripts/jquery/theme/images/ui-icons_d8e7f3_256x240.png);
	background-position: 192px 48px;
	padding: 0 0 0 16px;
}



/*blocks*/
.index_headers {
	font-size:14px;
	font-family:"Century Gothic", Arial, Georgia, Verdana, "Times New Roman", Times;
	color: #305862;
	text-transform: uppercase;
	background-color: #CCDBF0;
	background-image:url(../images/header-bg.gif);
	display:block;
	height:20px;
	padding-left: 5px;
	padding-top: 5px;
	border-bottom: 3px solid #277BAA;
}
.block-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #fff;
	margin-top: 3px;
	border:1px solid #cfe3e4;
	padding: 5px 8px;
}
/*right column blocks*/
#facilities {
	width: 245px;
	height: auto;
	background-color: #CCDBF0;
	padding: 10px 0px;
}
#facilities ul {
	list-style: none;
	margin:0;
	padding-left: 16px;
	height: 710px;
	overflow:hidden;
}
#facilities ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #FFF;
	width: 213px;
	margin: 5px 0;
}
#facilities ul li a {
	color:#000000;
	display:block;
	height: 49px;
	text-decoration: none;
	cursor:pointer;
}
#facilities ul li a:hover { background-color:#F3F3F3 }
#facilities span {
	display:block;
	width: 130px;
	margin-left:5px;
	padding-top: 18px;
}
#facilities ul li a img { border:none;float:right }
#facilities a:hover img {
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75; /*firefox opacity */
	opacity: .75; /*opera opacity */
}
#facilities a { color:#006699; text-decoration:none; }
#facility-control { margin-top: 5px; }
#loading-facilities { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height: 20px;
	width:213px;
	margin-left: 16px;
	background-color:#FFF;
}

/*left column blocks*/
#news_events { width:453px; display:block }
#news_events .block-content, #calendar .block-content { height: 195px;  padding:0 }
#news_events .block-content,#commresources .block-content{ overflow:auto }
#news_events ul,#commresources ul {
	list-style:none;
	margin:0;
	padding:0;
}
#news_events ul li, #commresources ul li{ padding-left: 10px }
#news_events ul li a:hover,#commresources ul li a:hover{ color:#398da5; }
#news_events ul li a ,#commresources ul li a {
	color:#000;
	text-decoration:none;
	line-height:20px;
}
#news_events sup,#commresources sup{ color:#FF0000 }
#calendar { width: 262px; float:right }
#gm_msg {
	width: 262px;
	margin-bottom:4px;
	float:right;
	padding-top:4px;
}
#gm_msg .block-content{ height: 125px }
#gm_msg .readmore { 
	font-size:11px; 
	color:#ff0000;
	text-decoration:none;
	float:right; 
	margin:1px 12px; 
	cursor:pointer;
}
#highlights { width:453px; padding-top:4px }
#highlights .block-content { height: 135px; padding:0 }
#features { margin-top:4px; }
#features .block-content { padding:0; }
#features-ctrl-container {
	float:right; 
	position:relative; 
	top:-3px; 
	margin-right:6px;
}
#facility-locator {
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 360px;
}
#facility-locator .block-content { 
	height: 138px;
	background-image:url(http://raponline.lacity.org/maplocator/images/map-gradientbg.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;
}
#facility-locator .block-content form {  padding: 0; margin: 5px 0; }
#facility-locator a { color: #257598 }
#facility-locator input { border:1px solid #CCCCCC }
#map-form input {
	width:330px;
	margin:5px auto;
	border:1px solid #999;
}
#map-form select {
	margin-top: 5px;
	border:1px solid #999;
	padding:2px;
}
.searchBtn { background-color: #277BAA; color:#fff; }

#commresources {
	padding-top:4px;
	width: 355px;
	float:right;
}
#commresources .block-content{  height: 148px; padding:0 }
/*#commresources ul,#commresources li { check news_events for more properties }*/

#announcements {
	padding-top:4px;
	font-size:10px;
	width: 262px;
	height: 300px;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:10px;
}
#footer a { color:#000; text-decoration: none }