/* andreas02 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author. Ported to website baker by Valerie Robinson | RCC creative | http://robcomm.net. Thanks to the wb community and baZzz in particular for the menu code.

Version: 1.4
(Jul 08, 2006)

Screen layout: */

body{
padding:0;
margin:0;
/*font:76% tahoma, verdana, sans-serif;*/
font:78% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}

a{
text-decoration:none;
text-decoration: underline;
color:#286ea0;
}

a.no-und {
text-decoration:none;/*jb*/
}

a:hover{
text-decoration:underline;
}

a.orange {
color: rgb(255, 51, 0);
font-weight: normal;
text-decoration: underline;
} /*jb*/

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
font-size:0.9em;
font-size:1.0em;
width:760px;
width:790px;
}

#toptabs p{
text-align:right;
color:#808080;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#808080;
color:navy;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
color: #003344;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
color: #003344;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:0 auto 15px auto;
width:730px;
width:780px;
width:880px; /*jb*/
width:900px; /*jb*/
width:915px; /*jb*/
padding:5px 20px 20px 20px;
background:#ffffff;
}

#logo{
margin:15px 0 0 0;
margin: 5px 0 0 0; /*jb*/
background: url(images/logo.jpg) top left no-repeat; /*jb*/
height: 90px; /*jb*/
}

#logo h1 a{
color:#303030;
text-decoration:none;
}

#logo h1 a:hover{
text-decoration:none;
}

#logo h2 {margin: 15px 0px 0px 55px; /* jb */}

#logo h2 a{
color:#303030;
color:#286ea0;
text-decoration:none;
/* margin: 0px;*/
}

#logo h2 a:hover{
text-decoration:none;
}
#logo h3 {
padding: 0px 15px 0 0px;
margin: -5px 0 0 0;
margin: 0 0 0 60px; /*jb*/
color:gray;
font-size: 14px;
}
#logo .smaller {font-size: 12px; color:#303030;}

#logo .spanish {float: right; padding: 0px 5px 0 0;}

.searchform {
	float: right;
	padding: 2px 5px 0 0;
}
#navitabs{
clear:both;
}

#navitabs a{
color: navy; /*jb*/}
#navitabs .activenavitab{
color: white; /*jb*/}

.navitab{
padding:4px 8px 4px 8px;
padding:4px 6px 4px 6px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
/*background:#505050 url(images/corner.gif) top right no-repeat;*/
background: #003344 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}

#desc{
/*height:200px;*/
color:#ffffff;
padding:0;
/* background: #003344 url(../../media/jamesp/orange1.jpg) top right no-repeat; */
clear:both;

}
#FTA {height:200px;margin:5px 0 0 0;background: #061753 url(../../media/jamesp/gavel-blue.jpg) top right no-repeat;}
#home {height:200px;margin:5px 0 0 0;background: #003344 url(../../media/jamesp/la.jpg) top right no-repeat;}
#problems {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/lifeline.jpg) top right no-repeat;}
#piggy {height:200px;margin:5px 0 0 0;background: #dad8e3 url(../../media/jamesp/piggy.jpg) top right no-repeat;}
#speeding {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/police-in-mirror.jpg) top right no-repeat;}
#red-light {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/red-light.jpg) top right no-repeat;}
#warrant {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/police-in-mirror.jpg) top right no-repeat;}
#about {height:200px;margin:5px 0 0 0;background: #003344 url(../../media/jamesp/scales.jpg) top right no-repeat;}
#violations {height:200px;margin:5px 0 0 0;background: #003344 url(../../media/jamesp/cartoon.jpg) top right no-repeat;}
#courts {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/court.jpg) top right no-repeat;}
#beverly-hills-court {height:200px;margin:5px 0 0 0;background: #1f497d url(../../media/jamesp/Court/beverly-hills-court/beverly-hills-courthouse.jpg) top right no-repeat;}
#traffic-court {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/traffic-court-1.jpg) top right no-repeat;}
#police {height:200px;margin:5px 0 0 0;background: #003344 url(../../media/jamesp/police-stn.jpg) top right no-repeat;}
#dui {height:200px;margin:5px 0 0 0;background: #5e5452 url(../../media/jamesp/dui.jpg) top right no-repeat;}
#fight {height:200px;margin:5px 0 0 0;background: #205090 url(../../media/jamesp/fight.jpg) top right no-repeat;}
#senior {height:200px;margin:5px 0 0 0;background: #003344 url(../../media/jamesp/senior.jpg) top right no-repeat;}
#ca {height:200px;margin:5px 0 0 0;background: #061753 url(../../media/jamesp/ca.jpg) top right no-repeat;}
#impounded {height:200px;margin:5px 0 0 0;background: #0044a1 url(../../media/jamesp/tow.jpg) top right no-repeat;}
#dmv {height:200px;margin:5px 0 0 0;background: #cce0e4 url(../../media/jamesp/sports-car-key.jpg) top right no-repeat;}
#cigarette {height:200px;margin:5px 0 0 0;background: #e2f9fe url(../../media/jamesp/cigarette-l.jpg) top right no-repeat;}
#gc {height:200px;margin:5px 0 0 0;background: #efe9eb url(../../media/jamesp/GC-Services/gc-services.jpg) top right no-repeat;}



#desc p{
width:290px;
width: 420px;
width:430px;
width:535px;
width:670px;
font-size:1em;
line-height:1.2em;
padding:0 0 0 15px;
}
#desc p.welcome {
width: 290px;
width: 420px;
width:430px;
font-size: 1.3em;
line-height: 1.4em;
padding: 0px 0 0 75px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}
#desc h2.dark {color:#114478;}

.dark {color:#114478;}

#desc h3 {
padding: 0px 15px 0 15px;
color: #ffffff;
font-size: 14px;
}

#desc a{
color:#ffffff;
text-decoration:underline;
}

#main{
width:560px;
width:570px;
width:640px; /*jb*/
width:655px; /*jb*/
float:left;
padding:0 15px 0 0;
border-right:1px solid #d0d0d0;
font-size:108%; /*jb*/
}
#main-wide{
width:730px;
width:740px;
width:840px; /*jb*/
width:855px; /*jb*/
float:left;
padding:0 15px 0 0;
}
#main a {font-weight:bold;} /*jb*/
#main a.orange {font-weight: normal;} /*hb*/

#main-wide a {font-weight:bold;} /*jb*/

#main table {clear:both; width:645px; margin:2.0em 0 0.2em 20px; margin:2.0em 0 1em 5px; /*table-layout: fixed;*/ border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
#main table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
#main table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
#main table td {height:2.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
#main table p{
line-height:1.3em;
margin:0 0 2px 0;
}

#main table.wide {clear:both; width:770px; margin:2.0em 0 0.2em 20px; margin:0.5em 0 1em 5px; /*table-layout: fixed;*/ border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
#main table.wide th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
#main table.wide th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
#main table.wide td {height:1.9em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
#main table.wide p{
line-height:1.3em;
margin:0 0 2px 0;
}

#main table.white {clear:both; width:645px; margin:0.5em 0 1em 5px; /*table-layout: fixed;*/ border-collapse:collapse; empty-cells:show; background-color:white;}
#main table.white th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:white; text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
#main table.white th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:white; text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
#main table.white td {height:2.0em; padding:3px 7px 3px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:white; text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
#main table.white p{
line-height:1.3em;
margin:0 0 2px 0;
}



.block{
background:#f0f0f0;
padding:15px;
}
#block3 {
background: #f0f0f0;
background: #eaf4ff;/*jb*/
padding: 0px 5px 0px 5px;
margin: -5px 0 5px 0;
font-family:"trebuchet ms",arial,sans-serif; /*jb*/
/* font-style: italic; */

}
#main ul, main-wide ul {
	margin: 0px;
	padding: 10px 10px 10px 20px;
	padding: 0px 10px 5px 20px;
	display: block;

}
#main ul.topminus, main-wide ul.topminus {
	margin: -8px 0px 3px 0px;
	padding: 10px 10px 10px 20px;
	padding: 0px 10px 5px 20px;
	display: block;
}

#main li, main-wide li {
	list-style-type: disc;
	/* font-family: Arial, Helvetica, sans-serif; */
	/* font-size: 12px; */
	font-weight: normal;
	color: #4F4F4F;
	margin: 0px;
	padding: 3px 5px 0px 5px;
}
#main li.indent {
	list-style-type: disc;
	/* font-family: Arial, Helvetica, sans-serif; */
	/* font-size: 12px; */
	font-weight: normal;
	color: #4F4F4F;
	margin: 0px 0px 0px 265px;
	padding: 3px 5px 0px 5px;
}

/* Ordered List */
#main ol, main-wide ol {
	margin: 0px 10px 0px 17px; 
	padding: 0px 0px 0px 30px; 
}
#main ol li, main-wide ol li {
	list-style-type: decimal; 
	list-style-position: outside; 
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 12px; */	
        /* font-weight: normal; */
	color: #4F4F4F;
	margin: 0px;
	padding: 3px 5px 0px 5px;
}
#sidebar{
width:140px;
width:175px;
width:210px; /*jb*/
float:right;
float:left;
padding: 0 2px 0 5px;
padding: 0 2px 0 9px; /*jb*/
}

#sidebar p{
font-size:0.9em;
font-size:11px;
line-height:1.3em;
margin:0 0 12px 0;
margin:0 0 6px 0px;
}
#sidebar p.strong{
font-size:1.1em;
font-weight:bold;
margin: 3px 0 0 0; 
}

.sidelink{
text-align:left;
display:block;
width:120px;
width:140px;
width:200px;/*jb*/
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink:hover{
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
}
.sidelink:active{
background:#adadad url(images/corner.gif) top right no-repeat;
text-decoration:none;
}




#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center;
width:730px;
width:740px;
width:880px; /*jb*/
width:895px; /*jb*/
overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}

#footer a{
color:#808080;
}

#footer p{
margin:0 10px;
}

#footer p.note {line-height:1.1em; margin 0px 5px -5px 5px;}

h1{
margin:0 0 5px 0;
font-size:2.1em;
font-size:1.8em; /*jb*/
font-weight:normal;
}
h1.pagetitle {margin:5px 0 5px 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:160%;}

h2{
margin:0 0 5px 0;
margin:5px 0 5px 0; /*jb*/
font-size:1.6em;
font-size:1.4em;
font-weight:normal;
}
h2.keys {
background:url(images/h2.gif) left no-repeat; /*jb*/
padding: 0 0 0 30px; /*jb*/}

h2.help, h1.help{
background:url(images/icon-help.png) left no-repeat; /*jb*/
padding: 0 0 0 30px; /*jb*/
height: 30px;}

h2.hilite {
background:url(images/h2p.gif) left no-repeat; /*jb*/}

h3{
margin:20px 0 5px 0;
margin:20px 0 0px 0; /*jb*/
font-size:1.4em;
font-size:1.2em;
font-weight:normal;
}

h3.sub {
margin:-7px 0 10px 0;
font-size:1.2em;
font-size:1.1em;
font-weight:normal;
color:rgb(100,100,100);
}

h4{
margin:20px 0 2px 0; /*jb*/
font-size:1.0em;
font-weight:bold;
}


p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}
.left-margin {margin:0 5px 5px 0;} /*jb */
	
.right-margin {margin:0 0px 5px 5px;} /*jb */

.hide{
display:none;
}
acronym {
      cursor: help;
      background-color: #eeeeee;
      border: 1px solid #e0e0e0;      
    }

.phone {
padding: 3px;
margin: 0px;
background-color: #fee686;
color: black;
font-size:15px;
line-height: 30px;
border:solid 1px #d1e1e1; 
font-weight:bold;
}

.phone-small {
padding: 2px;
margin: 0px;
background-color: #fee686;
color: black;
font-size:12px;
line-height: 15px;
border:solid 1px #d1e1e1;
font-weight:bold;
}

/* Top of Page */
p.top {
float: right; 
text-align: right;
line-height: 110%;
font-size: 90%;
background: url(images/up.gif) left no-repeat; 
/*margin: -5px 10px 60px 20px;*/
padding: 0 10px 0 15px;
}
p.top a {font-weight: normal;} /*jb*/
/*.topofpage { float: right; text-align: right; color: rgb(148,150,206);font-size: 0.9em; background: url(../img/up.gif) no-repeat left; padding: 0 10px 0 15px;}*/

#button {
height: 58px;
width: 256px;
background:url(images/orange-button.jpg) top left no-repeat; /*jb*/
margin: 0 0 0 200px;
padding: 17px 0 0 55px;
/* text-decoration:none; */
float: left;
clear: both;
/*jb*/}

p.clear {
	clear: both;
        margin: 0;} /*jb*/

.large-orange {
	color: rgb(255, 102, 0);
        font-size: 14px;
        font-weight: bold;
        /*font-style: italic;*/} /*jb*/

/* rounded box - jb added June 2011 */
.box { 
  background: #DAD8E3; 
width: 450px;
margin: 0 0 0 100px;
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 20px 10px;
}