body{margin:0;}
body,td,th,input,select,textarea{ font-family: Arial, Helvetica, sans-serif; font-size:13px}
form {margin: 0px;}

h2{font-size:18px;color:#000000;font-weight:normal;background:#ffffda;padding:3px 8px;margin:0 0 10px 0;}
h3{font-size:15px;color:#000000;color:#316431}
h4{font-size:13px;color:#000000;}

a:hover{background:#d3efd3;}

.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 */

.layout{width:760px;position:relative;border-collapse:collapse;margin:10px auto 0 auto}
.cityofoaklandlink{position:absolute;right:0;top:0;}
.cityofoaklandlink a{display:block;text-decoration:none;width:113px;height:46px;text-indent:-2000px}
.cityofoaklandlink a:hover{background:none}
.apwalink{position:absolute;right:0;top:47px;}
.apwalink a{display:block;text-decoration:none;width:113px;height:53px;text-indent:-2000px}
.apwalink a:hover{background:none}

.top{}
.header{background:#d3efd3 url(../images/oakland/header2-bg.jpg) no-repeat top right;border-left:1px solid #000000;border-right:1px solid #000000}
	.logo{padding:0px 5px 10px 20px;float:left;}
	h1.sitetitle{position:relative;width:500px;font-family: "Trebuchet MS";font-size:18px;font-weight:bold; margin:0;padding:18px 0 0 0;color:#000000;}
	h1.sitetitle .line1{font-size:13px;color:#316431;font-weight:normal;font-weight:bold;}
	h1.sitetitle .line2{font-size:10px;color:#000000;font-weight:normal;}
	h1.sitetitle a{color:#000000;text-decoration:none;}

.nav{position:relative;border-left:1px solid #000000;border-right:1px solid #000000;background:#316431;padding:6px 6px 7px 6px;color:#FFFFFF;border-top:1px solid #000000}
	.nav a{color:#FFFFFF;text-decoration:none;padding:0 10px;}
	.nav a:hover{text-decoration:underline;background:none}
	.search{width:170px;position:absolute;right:5px;top:3px;}
	.search input{vertical-align:middle;}
	.search .textfield{width:144px;} 

.sectiontitlearea{border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;padding:0px 20px 15px 20px;}
.sectiontitlearea img{float:right;margin:15px 0 0 0}
.sectiontitlearea h1.sectiontitle{font-size:20px;font-weight:bold;color:#a10d3a;background:none;margin:10px 0 0 0;}
.sectiontitlearea p{margin:10px 0 0px 0;line-height:1.4em;}

.sectiontitlearea .headertable{width:100%;border-collapse:collapse;}
.sectiontitlearea .headertable td.summary{width:75%}
.sectiontitlearea .headertable td.image{width:25%}

.contentarea{position:relative;border-left:1px solid #000000;border-right:1px solid #000000;}
.splasharea{padding:0 20px;}
.splasharea h1.splashtitle{font-size:19px;font-weight:normal;color:#316431;margin:0;padding:15px 0 0 0}


.subpage .contentarea{background: url(../images/oakland/subpage-bg.gif) top left repeat-y;clear:both;}
.homepage .content{width:500px;float:left;margin:0;padding:15px 0 10px 20px} 
.subpage .content{width:500px;float:left;margin:0;padding:10px 20px 10px 0;line-height:1.4em;}

/* Wide Conent */
.wide .leftcolumn{display:none;}
.wide .contentarea{background:none;}
.wide .content{padding:10px 20px 10px 20px;width:718px}

	.news{}
	.newsitem:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .newsitem {display: inline-block;} /* Hides from IE-mac \*/ * html .newsitem {height: 1%;} .newsitem {display: block;} /* End hide from IE-mac */
	.newsitem{margin:0 0 10px 0;clear:both;border-bottom:1px solid #cecece;}
	.newsitem .image{float:left;width:25%;margin:0 20px 0px 0;padding:10px 0 10px 0} 
	.newsitem .summary{float:left;width:70%;margin:0 0 0px 0;padding:10px 0 10px 0;} 

	.path{margin:0 0 10px 0;font-size:11px}
	h1.pagetitle{font-size:18px;color:#000000;font-weight:normal;background:#d3efd3;border-left:1px solid #316431;padding:5px 10px;margin:0 0 10px 0;}

	.pullquote{float:right;width:35%;background:#f6f6f6;font-size:11px;border:1px solid #000000;margin:0 0 15px 15px;padding:5px 10px 0 10px;line-height:1.3em;}
	.pullquote p{margin:0 0 10px 0;}

.leftcolumn{position:relative;width:195px;float:left;margin:0 20px 0 0;padding:15px 10px;font-size:11px;}
	.leftcolumn h1.sectiontitle{font-size:11px;font-weight:bold;color:#a10d3a;margin:20px 0 0 0;}
	.leftcolumn a{color:#000000;}
	.leftcolumn .dropdown{width:100%;font-size:10px}
	.leftcolumn ul{margin:0;padding:10px 0;}
	.leftcolumn li{margin:0 0 5px 15px;}


.rightcolumn{width:195px;float:left;margin:0 0 0 20px;padding:15px 10px;font-size:11px;}
	.rightcolumn p{margin:0 0 10px 0}
	.rightcolumn .dropdown{width:100%;margin:0 0 10px 0;font-size:10px}
	.rightcolumn ul{margin:0;padding:0;}
	.rightcolumn ul li{margin:0 0 5px 20px;}
	.rightcolumn .focusarea{margin:0 0 10px 0;border:1px solid #316431;padding:7px 5px 0 5px;}
	.rightcolumn .focusarea h3{background:#d3efd3;padding:3px 5px;font-size:13px;font-weight:bold;margin:0 0 10px 0} 
	.rightcolumn img{border:none;margin:0 5px 0 0;vertical-align:middle;}
	.aboutthissite{font-size:10px;margin:30px 0 0 0}

.footer{clear:both;border:1px solid #000000;text-align:center;padding:20px 0;line-height:1.5em;font-size:10px}

.invisible{display:none;}

.browsernotice{padding:5px;border:1px solid gray;background:#efefef;font-size:13px;margin:0 0 10px 0;}

#_ctl2_pnSlideShow{width:450px;}