﻿html {
	font-size:100.01%
	margin: 0; 
	padding: 0; 
}

body {
	margin:0;
	color:#606060;
	background:url(../images/body-bg.gif);
	font-family:Arial,Verdana,sans-serif;
	font-size:64%;
	margin: 0; 
	padding: 0; 
} 

.bg {
	width:100%;
	background:url(../images/shadow-bg.gif) repeat-y center;
}

a, img {
border:0;
behavior: url(../css/iepngfix.htc); 
}

#home_btm_imgs {
	margin:0 0 20px 15px;
}

#home_top {
background:url(../images/page-img.jpg) 346px 75px no-repeat;
/*height:249px
*/
}


.wrapper {
	margin:0 auto;
	width:930px;
	overflow:hidden;
	height:1%;
	padding:65px 0 0 0;
	position:relative;
}

.int_main {
	width:940px;
	background:#ffffff url(../images/shadow-bg.gif) repeat-y center;
	margin-left:auto;
	margin-right:auto;
}

/* logotype */
a.logo {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:92px;
	height:110px;
	background:url(../images/logo.gif);
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
}

a.int_logo {
	display:block;
	width:92px;
	height:110px;
	background:url(../images/logo.gif);
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
	margin-left:5px;
}

#header {
	position:absolute;
	left:0;
	top:0;
	width:930px;
	height:65px;
	background:url(../images/header-bg.jpg);
	z-index:1;
}
.header-items {
	width:930px;
	height:185px;
	position:relative;
}
/* main navigation */
#header ul#nav  {
	margin:0;
	padding:0;
	position:absolute;
	left:92px;
	top:14px;
}

ul#nav {
margin:14px 0 0 0;
padding:0;
background:#B2AD2F;
width:608px!important;
width:611px;
}

#header ul#nav li, ul#nav li {
	list-style:none;
	float:left;
	padding:8px 17px 8px 20px;
	background:#b1ad2d url(../images/nav-li.gif) repeat-y;
	display:block;
}
#header ul#nav li.hover,
#header ul#nav li:hover,
ul#nav li.hover, ul#nav li:hover
 {
	cursor:pointer;
	background:#3d6c8f url(../images/nav-li-hover.gif) repeat-y;
}
#header ul#nav li a,  ul#nav li a {
	display:block;
	float:left;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul#nav li a.resources,  ul#nav li a.resources {
	width:58px;
	background:url(../images/resources-img.png);
}
#header ul#nav li a.community,  ul#nav li a.community {
	width:61px;
	background:url(../images/community-img.png);
}
#header ul#nav li a.news, ul#nav li a.news {
	width:32px;
	background:url(../images/news-img.png);
}
#header ul#nav li a.opinions, ul#nav li a.opinions {
	width:105px;
	background:url(../images/opinions-img.png);
}
#header ul#nav li a.notable, ul#nav li a.notable {
	width:79px;
	background:url(../images/notable-img.png);
}
#header ul#nav li a.about,  ul#nav li a.about {
	width:51px;
	height:14px;
	background:url(../images/about-img.png) no-repeat;
}
/* breadcrumb */
#header ul.breadcrumb {
	margin:0;
	padding:0;
	position:absolute;
	left:95px;
	top:55px;
}

ul.breadcrumb {
margin:14px 0 0 13px;
padding:0;


}

#header ul.breadcrumb li, ul.breadcrumb li {
	padding:0 2px 0 10px;
	display:inline;
	list-style:none;
	font:110%/160% Arial,Verdana,sans-serif;
	background:url(../images/breadcrumb.gif) no-repeat 0 5px;
}
#header ul.breadcrumb li:first-child,  ul.breadcrumb li:first-child {
	background:none;
}
#header ul.breadcrumb li a, ul.breadcrumb li a {
	color:#606060;
	text-decoration:none;
}
#header ul.breadcrumb li a:hover, ul.breadcrumb li a:hover {
	text-decoration:underline;
}
/* search */

#search .src .inp {
	background:#fff;
	float:left;
}
#search .src .inp input {
	margin:0;
	width:92px;
	padding:2px 0 2px 5px;
	height:12px;
	border:none;
	background:none;
	font:bold 10px/12px Arial,Verdana,sans-serif;
	color:#333333;
}
#search .src .btn {
	float:left;
}
#search .src .btn input {
	margin:0;
	padding:0;
}
#search a.lng {
	display:block;
	float:left;
	margin:2px 0 0 12px;
	text-decoration:none;
	color:#d4dadd;
	font:bold 10px/12px Arial,Verdana,sans-serif;
}
/* language */
#search a.lng:hover {
	text-decoration:underline;
}
.columns-holder {
	float:left;
	width:930px;
	padding:0 0 20px 0;
	background:url(../images/content-bg.gif) repeat-y;
}
#content {
	width:680px;
	padding:0 10px 20px 0px;
	margin:0 0 0 15px;

}
/* headings */ 
h1 {
	margin:10px 0 30px 15px;
	padding:0;
	color:#3d6c8f;
	font:bold 160%/100% Arial,Verdana,sans-serif;
}
h1.oakland-city-att {
	float:left;
	display:inline;
	position:relative;
	margin:20px 0 0 13px;
	width:313px;
	height:44px;
	background:url(../images/oakland-city-img.gif);
	text-indent:-9999px;
	overflow:hidden;
}
#content h2 {
	margin:0 0 15px 0;
	padding:0;
	font:bold 180%/100% Arial,Verdana,sans-serif;
}
#content p {
	margin:0 0 15px 0;
	padding:0;
	font:120%/120% Arial,Verdana,sans-serif;
}
.top-box {
	width:320px;
}
.top-box p span.txt {
	display:block;
	padding:1px 0 6px 25px;
	font-size:13px;
	line-height:18px;
	font-family: Arial,Verdana,sans-serif;
}
.top-box span.russo {
	display:block;
	width:211px;
	height:12px;
	margin:0 0 0 25px;
	background:url(../images/john-russo-img.gif);
	text-indent:-9999px;
	overflow:hidden;
}
.dark-heading {
	clear:left;
	width:100%;
	background:url(../images/dark-heading.gif) repeat-x;
	margin:10px 0 0 0;
}
.dark-heading h3 {
	margin:0;
	padding:0 0 0 25px;
	font:bold 100%/230% Verdana,Arial,sans-serif;
	background:url(../images/dark-h.gif) no-repeat 5px 4px;
	color:#fff;
}
#content p a {
	color:#3d6c8f;
	text-decoration:underline;
}
#content p a:hover {
	text-decoration:none;
}
#content img {
	margin:0 0 10px 10px;
	border:none;
}
#content .top-box img {
	float:right;
	margin:0 0 0 25px;
}
#content p.maintext {
	font:150%/140% Arial,Verdana,sans-serif;
}
.box-heading {
	width:680px;
	background:#f3f3f3 url(../images/box-heading.gif) repeat-x;
	overflow:hidden;
	height:1%;
}

.box-heading img {
	float:left;
	margin:0;
	border:none;
	padding:0;
}
.heading {
	display:inline;
	float:right;
	width:249px;
	margin:3px 5px 3px 0;
	background:url(../images/green-heading.png) no-repeat;
}
.blue {
	width:255px;
	margin:7px 5px 3px 0;
	background:url(../images/blue-heading.png) no-repeat;
}
.heading .heading-holder {
	width:224px;
	height:53px;
	padding:8px 5px 8px 15px;
}
.blue .heading-holder {
	width:234px;
	height:53px;
	padding:11px 0 11px 21px;
}
.box-heading .heading img {
	float:left;
	margin:0 5px 0 0;
	border:none;
}
.heading-holder p {	
	margin:0;
	float:right;
	width:160px;
	font:bold 110%/130% Arial,sans-serif;
	color:#666;
}
.blue p {
	width:170px;
}
.heading a {
	position:relative;
	white-space:nowrap;
	font:italic 100%/100% Arial,sans-serif;
	color:#666;
	text-decoration:none;
}
.heading a:hover {
	text-decoration:underline;
}
/* image boxes */
.img-box-holder {
	width:100%;
	padding:10px 0 0 0;
	
}
.img-box  {
	display:inline;
	float:left;
	width:220px;
	margin:0 10px 0 0;
}

#content .img-box {
margin:0 5px 0 0 

}

#sidebar .img-box {
	margin:0;
}

.img-box img, #content .img-box img {
	display:block;
	margin:0 0 10px 0;
	
}
#content .last {
	margin:0;
}
.img-box h2, #content .img-box h2  {
	margin:0 10px 0 10px;
	padding:0;
	font:160%/120% Arial,Verdana,sans-serif;
	color:#3d6c8f;
}
.img-box span.date {
	margin:0 10px;
	display:block;
	font:bold italic 110%/160% Arial,Verdana,sans-serif;
	color:#3d6c8f;
}
.img-box p, #content .img-box p {
	margin:10px 15px 0 10px;
	font:120%/135% Arial,Verdana,sans-serif;
	color:#666;
}
.img-box a.more,  #content .img-box a.more {
	font:italic 90%/140% Arial,Verdana,sans-serif;
	text-decoration:none;
	white-space:nowrap;
	color:#3d6c8f;
}
.img-box a.more:hover, #content .img-box a.more:hover  {
	text-decoration:underline;
}
/* video tools */
ul.watch, #content ul.watch {
	margin:0;
	padding:10px 0 0 10px;
	list-style:none
}
ul.watch li, #content ul.watch li {
	padding:0 0 2px 20px;
	display:list-item;
	font:110%/130% Arial,Verdana,sans-serif;
	background:url(../images/camera.gif) no-repeat 0 2px;
	color:#666;
}
ul.watch li:first-child, #content ul.watch li:first-child {
	background:url(../images/camera.gif) no-repeat 0 2px;
}
ul.watch li span,
ul.watch li a, #content ul.watch li span, #content ul.watch li a {
	font:bold italic 10px/14px Arial,Verdana,sans-serif;
	color:#666;
}
ul.watch li span, #content ul.watch li span {
	display:block;
	clear:left;
}
/* bottom menu */


.side_bar {
background:#f3f3f3;
border-top:14px solid #ffffff;

}

#sidebar {
	width:220px;
}

#search {
height:45px;
padding:6px 0 0 4px;
background:url(../images/search_bg.gif) top no-repeat

}

#sidebar h2 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
#sidebar h2.community {
	width:209px;
	height:32px;
	background:url(../images/h2-community-img.gif);
}

#sidebar h2.news {
	width:209px;
	height:32px;
	background:url(../images/h2-news-img.gif);
}

#sidebar h2.notable {
	width:209px;
	height:32px;
	background:url(../images/h2-notablecases-img.gif);
}

#sidebar h2.opinions {
	width:209px;
	height:32px;
	background:url(../images/h2-opinions-img.gif);
}

#sidebar h2.resources {
	width:209px;
	height:32px;
	background:url(../images/h2-resources-img.gif);
}

#sidebar h2.about {
	width:209px;
	height:32px;
	background:url(../images/h2-aboutus-img.gif);
}


#sidebar h2.blank {
	width:209px;
	height:32px;
	background:url(../images/h2-blank-img.gif);
}

#sidebar h2.howdo {
	margin:10px 0 0 0;
	width:220px;
	height:19px;
	background:url(../images/h2-howdo-img.gif);
}
#sidebar h2.legal-signup {
	margin:10px;
	width:172px;
	height:13px;
	background:url(../images/legal-signup-img.gif);
}
#sidebar .greybox {
	width:220px;
	background:url(../images/greybox.gif) repeat-y;
}
#sidebar .greybox-bottom {
	width:220px;
	padding:10px 0 25px 0;
	background:url(../images/greybox-bottom.gif) no-repeat 0 100%;
}
/* sidebar nav */
#sidebar ul {
	margin:0 10px;
	padding:10px;
}
#sidebar ul li {
	list-style:none;
	padding:0 0 0 15px;
	background:url(../images/bullet.gif) no-repeat 0 9px;
	font:bold 110%/220% Arial,Verdana,sans-serif;
}
#sidebar ul li a {
	color:#666;
	text-decoration:none;
}
#sidebar ul li a:hover {
	text-decoration:underline;
}
#sidebar ul ul {
	margin:0;
	padding:0;
}
#sidebar ul ul li {
	padding:0 0 0 18px;
	background:url(../images/dash.gif) no-repeat 10px 8px;
	font:100%/130% Arial,Verdana,sans-serif;
}
#sidebar ul.second li {
	padding:3px 0 3px 15px;
	font:bold 110%/160% Arial,Verdana,sans-serif;
}
#sidebar .darkbox {
	margin:0 auto;
	width:200px;
	overflow:hidden;
	height:1%;
	background:#99a0a4;
}
#sidebar a img {
	border:none;
	margin:5px 0 0 11px;
}
#sidebar .src {
	margin:0 0 0 10px;
}
#sidebar .src .in {
	background:#fff;
	float:left;
	margin-bottom:10px;
}
#sidebar .src .in input {
	width:145px;
	margin:2px 0;
	padding:0 5px;
	border:none;
	background:none;
	font:bold 100%/120% Arial,Verdana,sans-serif;
	color:#bdbdbd;
}
#sidebar .src .btn {
	float:left;
}
#sidebar .src .btn input {
	margin:0;
	padding:0;
}
#footer {
	width:940px;
	margin:0 auto;
	background:url(../images/footer-bg.gif) no-repeat;
}
/* sidebar image box */
#sidebar .img-box {
	display:inline;
}
#sidebar .img-box .dark-heading {
	width:200px;
	margin:0 10px;
}
#sidebar .img-box img {
	float:left;
	margin:0;
}
#sidebar ul.vid {
	clear:both;
	margin:0;
	padding:10px 0 30px 15px;
}
#sidebar ul.vid li {
	padding:5px 0 0 18px;
	color:#666;
	font:bold 110%/145% Arial,Verdana,sans-serif;
}
#sidebar ul.vid li a {
	color:#666;
	text-decoration:none;
}
#sidebar ul.vid li a:hover {
	text-decoration:underline;
}
#sidebar ul.vid li.radio {
	background:url(../images/radio.gif) no-repeat 0 9px;
}
#sidebar ul.vid li.press {
	background:url(../images/press.gif) no-repeat 0 9px;
}
#sidebar ul.vid li.camera {
	background:url(../images/camera.gif) no-repeat 0 9px;
}
#sidebar ul.vid li span {
	font:bold italic 90%/120% Arial,Verdana,sans-serif;
}
/* footer nav */
#footer ul {
	margin:0;
	padding:10px 0 15px 10px;
}
#footer ul li {
	list-style:none;
	padding:0 5px 0 10px;
	display:inline;
	font:bold 110%/160% Verdana,Arial,sans-serif;
	background:url(../images/footer-li.gif) no-repeat 0 2px;
}
#footer ul li:first-child {
	background:none;
}
#footer ul li a {
	color:#5c5c5c;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
/* footer copyrights and address*/
#footer p,
#footer address {
	display:block;
	margin:0 0 0 20px;
	color:#6f6f6f;
	font:110%/160% Verdana,Arial,sans-serif;
}
#footer p a {
	color:#6f6f6f;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}

#footer_tbl {
margin-left:auto;
margin-right:auto

}

#OrgChart {
	margin:0 0 0 15px;
}
.org {
	text-align: center;
}
.bio {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px
}
#content li {
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
}
