body{margin:0;background: #fff;color:#000000}
body,td,th,input,select,textarea,input {font-family:Verdana, Geneva, sans-serif;}
body,td,th,input,select,textarea,input {font-size:13px;line-height:1.4em}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a{color:#000;}
a img{border:none;}
a:focus{outline: none;}

h1{font-size:30px;color:#000;font-weight:normal;margin:0px 0 4px 0;line-height:1.2em;font-family:Georgia, "Times New Roman", Times, serif}
h2{font-size:27px;color:#363636;font-weight:normal;margin:20px 0 4px 0;line-height:1.2em;font-family:Georgia, "Times New Roman", Times, serif}
h3{font-size:22px;color:#3e5229;font-weight:normal;margin:20px 0 4px 0;line-height:1.2em;font-family:Georgia, "Times New Roman", Times, serif}
h4{font-size:18px;color:#000;font-weight:normal;margin:20px 0 4px 0;line-height:1.2em;font-family:Georgia, "Times New Roman", Times, serif}

.floatright{float:right;margin:0 0 10px 15px;}
.floatleft{float:left;margin:0 15px 10px 0;}

#wrapper ul{margin:0 0 1.5em 0;padding:0;list-style:none;}
#wrapper ul li{margin:0 0 .5em 0;padding:0 0 0 14px;list-style:none;background: url(../images/dalycity/bullet.gif) 0 4px no-repeat}

#tblACMAdminToolbar{z-index:1000;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 


#background{background: url(../images/dalycity/bg-level1.jpg) top no-repeat;}
.level3 #background{background: url(../images/dalycity/bg-level3.jpg) top no-repeat;}

#wrapper{width:950px;margin:0 auto;position:relative}

	#header{position:relative;height:187px;color:#fff;z-index:4}	
		
		#header img, #header div{_behavior: url(/Sites/3/templates/images/dalycity/iepngfix.htc);}
	
		#toolbar{position:absolute;top:6px;right:0px;color:#92a57e;text-align:right;z-index:4}
			#toolbar a{color:#fff;text-decoration:none;font-weight:bold;}
			#toolbar a:hover{text-decoration:underline;}
		
		#logo{position:absolute;top:23px;left:0;z-index:4}
		
		#textsize{position:absolute;top:44px;right:100px;z-index:4}
			#textsize a{display:block;float:left;width:18px;height:18px;text-indent:-5000px;text-decoration:none;background-position:top;background-repeat:no-repeat;font-size:1px;line-height:1px;margin:0 3px 0 0}
			#textsize a#textsize-medium{background-image: url(../images/dalycity/textsize-1.gif);background-position:bottom;}
			#textsize a#textsize-large{background-image: url(../images/dalycity/textsize-2.gif);}
			#textsize a#textsize-extralarge{background-image: url(../images/dalycity/textsize-3.gif);}
			#textsize a:hover{background-position:bottom !important;}
			
		#languages{font-size:11px;position:absolute;top:44px;right:0;z-index:4;}
			#languages img, #languages input{vertical-align:middle;}
			
		#search{position:absolute;top:70px;right:0;z-index:4;}
			#search .ipf-PageSearch-TextField{border:1px solid #fff;width:205px;font-size:13px;vertical-align:middle;height:16px;padding:3px 5px}
			#search .ipf-PageSearch-Button{background: url(../images/dalycity/button-search.gif) 0 0 no-repeat;width:65px;height:26px;text-indent:-5000px;line-height:100px;overflow:hidden;border:none;padding:0;vertical-align:middle;margin:0 0 0 -5px}
			#search .ipf-PageSearch-AdvancedHyperlink{display:none;}
			
		#nav{position:absolute;top:111px;right:0px;z-index:3}
			#nav ul {padding:0;margin:0;list-style:none;list-style-image:none;line-height:1;}
			#nav ul li {float: left;list-style:none;list-style-image:none;margin:0;padding:0;background:none}
			#nav ul li a{display:block;text-decoration:none;}
			/* Level 1 */
			#nav ul li div a{text-indent:-5000px;height:76px;background-position:top left;background-repeat:no-repeat}
			#nav ul li div a:hover{}
			#nav ul li#pageid19 div a{background-image: url(../images/dalycity/nav-aboutus.gif);width:147px}
			#nav ul li#pageid902 div a{background-image: url(../images/dalycity/nav-residents.gif);width:147px}
			#nav ul li#pageid20 div a{background-image: url(../images/dalycity/nav-business.gif);width:147px}
			#nav ul li#pageid901 div a{background-image: url(../images/dalycity/nav-cityhall.gif);width:145px}
			#nav ul li div a:hover, #nav ul li.ipf-active div a{background-position:bottom left;}
			#nav ul li#pageid799{display:none;} /* Remove Key Topics */
			/* Level 2 */
			#nav ul li ul{font-weight:normal;margin:0;position: absolute;background: #dfe7b9;width: 180px;border-top:1px solid #b7cb8f;border-left:1px solid #b7cb8f;border-right:1px solid #b7cb8f;left: -999em;}
			#nav ul li ul li a{border-bottom:1px solid #b7cb8f;width:160px;padding:8px 10px;text-indent:0;}
			#nav ul li ul li a:hover{background: #fff}
			#nav ul ul li.ipf-parent a{background: url(../images/dalycity/subnav-arrow.gif) right no-repeat;}
			#nav ul ul li.ipf-parent a:hover{background: #fff url(../images/dalycity/subnav-arrow.gif) right no-repeat;}
			/* Level 3 */
			#nav ul li ul li ul {margin: -31px 0 0 180px;}
			#nav ul li#pageid901 ul li ul{margin:-31px 0 0 -182px}
			#nav ul li ul li ul li a{background:none !important;}
			#nav ul li ul li ul li a:hover{background: #fff !important;}
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
			#nav li:hover, #nav li.hover {position: static;}
		
	#hero-mask{background: url(../images/dalycity/hero-mask-bg.png) top left no-repeat;width:736px;height:180px;position:absolute;top:0px;left:229px;z-index:2;_behavior: url(/Sites/3/templates/images/dalycity/iepngfix.htc);font-size:1px;line-height:1}
	#hero{width:731px;height:293px;position:absolute;top:120px;left:227px;background: url(../images/dalycity/hero-bg.png) bottom left no-repeat;_background:none;overflow:hidden;;z-index:1;font-size:1px;line-height:1}
	.level2 #hero{height:240px;}
		#hero-photo{position:absolute;bottom:8px;left:9px;z-index:1;width:714px;height:293px;overflow:hidden;font-size:1px;line-height:1}
		.level2 #hero-photo{height:240px;}
		#hero-mask-bottom{background: url(../images/dalycity/hero-overlay-bottom.gif) top left no-repeat;width:716px;height:5px;position:absolute;bottom:7px;left:8px;z-index:2;font-size:1px;line-height:1}
		
	#contentarea{clear:both;position:relative;z-index:3}
	
		.block{margin:0 0 20px 0}
			.block h2{font-size:21px;line-height:1.2em;}
			.block-content{background: url(../images/dalycity/block-bg.gif) top left repeat-x;padding:15px 15px 5px 15px;font-size:11px;line-height:1.4em}
			
			.block#weather .block-content{background: url(../images/dalycity/block-green-bg.gif) top left no-repeat;}
			.block#weather .block-cap{background: url(../images/dalycity/block-green-bg.gif) bottom left no-repeat;height:10px;font-size:1px;line-height:1;}
	
		#column-left{width:210px;float:left;position:relative;z-index:3;}
		
			#subnav{margin:0 0 20px 0}
				#subnav-top{width:210px;height:7px;background: url(../images/dalycity/subnav-caps-bg.gif) top left no-repeat;font-size:0px;line-height:1}
				#subnav-bottom{width:210px;height:7px;background: url(../images/dalycity/subnav-caps-bg.gif) bottom left no-repeat;font-size:0px;line-height:1}
				#subnav-content{background: url(../images/dalycity/subnav-bg.gif) top left repeat-y;padding:3px 0;padding:0 2px}
				/* Level 1 */
				#subnav ul {padding:0;margin:0;list-style:none;list-style-image:none;line-height:1;}
				#subnav ul li {float: left;list-style:none;list-style-image:none;margin:0;padding:0;background:none}
				#subnav ul li a{display:block;text-decoration:none;font-size:11px;color:#000}
				#subnav ul li a:hover{background:#fff}
				#subnav ul li.ipf-parent a{background: url(../images/dalycity/subnav-arrow.gif) right no-repeat;}
				#subnav ul li.ipf-parent a:hover{background: #fff url(../images/dalycity/subnav-arrow.gif) right no-repeat;}
				#subnav ul li div{border-top:1px solid #eaefd1;border-bottom:1px solid #b7cb8f}
				#subnav ul li div a{width:186px;padding:9px 10px;font-weight:bold;}
				/* Level 2 */
				#subnav ul li ul{font-weight:normal;margin:-30px 0 0 206px;position: absolute;background: #dfe7b9;width: 180px;border-top:1px solid #b7cb8f;border-left:1px solid #b7cb8f;border-right:1px solid #b7cb8f;left: -999em;}
				#subnav ul li.ipf-parent ul li a{background-image:none;}
				#subnav ul li.ipf-parent ul li a:hover{background-image:none;}
				#subnav ul li ul li a{background-image:none;border-bottom:1px solid #b7cb8f;width:160px;padding:8px 10px;text-indent:0;}
				#subnav ul li ul li a:hover{background: #fff}
				#subnav ul li ul li.ipf-parent a{background: url(../images/dalycity/subnav-arrow.gif) right no-repeat;}
				#subnav ul li ul li.ipf-parent a:hover{background: #fff url(../images/dalycity/subnav-arrow.gif) right no-repeat;}
				/* Level 3 */
				#subnav ul li ul li ul {margin: -29px 0 0 180px;}
				#subnav ul li ul li ul li a{background:none !important;}
				#subnav ul li ul li ul li a:hover{background: #fff !important;}
				#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {left: -999em;}
				#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {left: auto;}
				#subnav li:hover, #subnav li.hover {position: static;}
		
		#content{width:710px;float:left;padding:20px 0 15px 30px;overflow:hidden}
			.level1 #content{padding-top:210px;*padding-top:240px;}
			.level2 #content{padding-top:175px;}
			
		#contentwide{width:875px;float:left;padding:20px 0 15px 30px;overflow:hidden}
			.level1 #contentwide{padding-top:210px;*padding-top:240px;}
			.level2 #contentwide{padding-top:175px;}
			
			#path{font-size:11px;margin:0 0 15px 0}
			
				h1#pagetitle{}
			
				#content-background{background: url(../images/dalycity/content-bg.png) top left no-repeat;_background: url(../images/dalycity/content-bg.gif) top left no-repeat;padding:20px 0 0 0;}
		
			.homeblock{margin:0 0 30px 0}
				.homeblock-content{background: url(../images/dalycity/homeblock-bg.png) top left no-repeat;_background: url(../images/dalycity/homeblock-bg.gif) top left no-repeat;padding:15px 0px 0 3px;font-size:11px;line-height:1.5em;}


			#column-right{float:right;}
				#column-right .block{width:210px;margin-left:15px;}

		
	#footer-wrapper{background:#86a157;border-top:4px solid #dae1dd;color:#fff;font-size:11px;line-height:1.6em}
		#footer{clear:both;padding:15px 0 30px 0;width:950px;margin:0 auto}
		#footer a{color:#fff;text-decoration:none;}
		#footer a:hover{text-decoration:underline;}
		#footer p{margin:0;}
		#footer #footer-links{float:right;}

table.ip-calendar-maintable .ip-tablecalendar-month-daycell table td { word-wrap: break-word; }