/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

body {
	background:url(../images/bg.jpg) repeat-x #826C53; 
	text-align:center;
	font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
	font-size:11px; 
	color:#484848;  
	margin-bottom:10px;
	}


blockquote {
		margin: 0 30px 0 30px;
		}

a:link, a:visited {
	color:#5C571A;
	text-decoration:underline;
	}
	
a:hover, a:active {
	color:#B5AA18;
	text-decoration:underline;
	}
	
h1, h2, h3 {
	color:#7C773B; 
	font-size:16px;
	font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	letter-spacing: -1px;
	}

h2.smaller-search {
	color:#7C773B; 
	font-size:14px;
	font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	letter-spacing: -1px;
}


/* classes
 * ------------------------------------------------------------------------- */
.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}
	
.thick-hr {
  	height: 2px;
 	background-color:#333333;
	text-align:left;
	line-height:.01em;
	overflow:hidden;
	}
	
.thin-hr {
	height: 1px;
	
 	background-color:#333333;
	text-align:left;
	line-height:.01em;
	overflow:hidden;
	}
	
.thin-light-hr {
	height: 1px;
 	background-color:#CCCCCC;
	text-align:left;
	line-height:.01em;
	overflow:hidden;
	margin:5px 0;
	}
	
.long-thin-hr {
	height: 1px;
 	background-color:#333333;
	text-align:left;
	line-height:.01em;
	overflow:hidden;
	margin:10px 0;
	}
	
.long-thick-green-hr {
	height:3px;
	background-color:#DEDBAE;
	text-align:left;
	line-height:.01em;
	overflow:hidden;
	margin:15px 0 35px 0;
	}
	
.push-down {
	padding-bottom:10px;
	}
	
.make-room {
	padding-top:10px;
	}
	
.pic-right {
	float:right;
	padding:0 0 2px 10px;
	}
	
.pic-left {
	float:left;
	padding:0 10px 2px 0;
	}

.big-text {	
	font-size:18px;
	letter-spacing:-1px;
	color:#000000;
	}
	
.orange-text {
	color:#E84D01
	}
	
.featured-text {
	color:#9C974B;
	font-size:15px;
	font-weight:bold;
	}
	
.small-line {
	line-height:12px;
	}
	
.article-text {
	color:#999999;
	font-size:15px;
	font-weight:bold;
	}
	
.espanol {
	color:#775633;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	}

.brown-text {
	color:#826C53;
	}

/* framework
 * ------------------------------------------------------------------------- */

#container {
	background:url(../images/container-bg.jpg) repeat-y;
	width:816px;
	text-align:left;
	margin:0 auto;
	
	}
	
#title {
	background:url(../images/title.jpg) no-repeat;
	width: 816px;
	height:178px;
	}
	
	#title h1{
		display:none;
		}
		
	#title h2 {
		display:none;
		}
		
#nav-under-bar {
	background:url(../images/nav-under-bar.jpg) no-repeat;
	width:816px;
	height:14px;
	}
	
#container #column-container {
	padding:0 18px 0 18px;
	}
		
#column-left {
	padding-right:6px;
	float:left;
	width:160px;
	}

/*-------- Blurb 1 -----------*/
#blurb_1_body {
	margin:12px 0;
	}
	
#areas-of-practice {
	background-color:#F1F0DE;
	border-right:1px solid #cccccc;
	width:139px;
	padding:0 10px 0 10px;
	margin-bottom:10px;
	font-size:12px;
	}	


	#areas-of-practice a:link, #areas-of-practice a:visited {
		/*border-bottom:1px dotted #cccccc;*/
		text-decoration:none;
		/*line-height:18px; */
		line-height:14px;
		}
	
	#areas-of-practice li {
		padding:0 0 6px 5px;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
	#areas-of-practice li.first {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#484848;
		padding:8px 0 3px 0;
		}

#column-middle {
	padding:0 6px 0 6px;
	float:left;
	width:433px;
	}
	
	
#commitment-banner {
	background:url(../images/commitment-banner.jpg) no-repeat;
	width:433px;
	height:29px;
	}
	
#promo-box {
	width:411px;
	border:1px solid #898441;
	background-color:#E1DEB5;
	padding:10px;
	margin:10px 0 20px 0;
	}

/*-------------- Blurb 3 ------------------*/
#blurb_3_body {
	line-height:18px;
	font-size:12px;
	}
	
	#promo-box h2 {
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		letter-spacing:normal;
		padding-bottom:10px;
		}

/*-------------- Blurb 4 ------------------*/
#blurb_4_body {
	line-height:18px;
	font-size:12px;
	}
	
	#blurb_4_body h4 {
		font-size:14px;
		font-weight:bold;
		}

/*-------------- Blurb 5 ------------------*/
#blurb_5_body {
	line-height:18px;
	font-size:12px;
	}
	
	#blurb_5_body h4 {
		font-size:14px;
		font-weight:bold;
		}

/*-------------- Blurb 6 ------------------*/
#blurb_6_body {
	line-height:18px;
	font-size:12px;
	}
	
	#blurb_6_body h4 {
		font-size:14px;
		font-weight:bold;
		}

/*-------------- Blurb 7 ------------------*/
#blurb_7_body {
	line-height:18px;
	font-size:12px;
	}
	
	#blurb_7_body h4 {
		font-size:14px;
		font-weight:bold;
		}

/*-------------- Blurb 8 ------------------*/
#blurb_8_body {
	line-height:18px;
	font-size:12px;
	}
	
	#blurb_8_body h4 {
		font-size:14px;
		font-weight:bold;
		}

/*-------------- Blurb 9 ------------------*/
#blurb_9_body {
	line-height:18px;
	font-size:12px;
	margin-bottom:10px;
	}

#case-results {
	margin:10px 0;
	}

#column-right {
	padding-left:6px;
	float:left;
	width:159px;
	}

#footer {
	background-color:#4A4A4A;
	height:30px;
	margin:0 18px;
	color:#ffffff;
	margin-bottom:5px;
	}

	#footer ul {
    	margin: 0;
   		padding: 0;
		vertical-align:middle;
		line-height: 30px;
    }

 	#footer li {
    	margin: 0;
    	padding: 0 7px 0 10px;
    	display: inline;
    	border-left: 1px solid #fff;
    	font-size: 14px;
    	background: none;
		color:#ffffff;
		font-weight:bold;
    }

	#footer li.one { 
    	border: none;
    }
	
	#footer a:link, #footer a:visited{
		color:#ffffff;
		text-decoration:none;
		}
	
	 #footer a:hover, #footer a:active {
	 	color:#E84D01;
		text-decoration:none;
		}
		
#diag-bar {
	background:url(../images/diag-bar.jpg) no-repeat;
	width:816px;
	height:7px;
	padding-bottom:6px;
	}

#california-cities {
	padding: 3px 0px 3px 10px;
	margin:0 18px 6px 18px;
	background:#DEDBAE;
	}

#related-resources {
	padding: 3px 0px 3px 10px;
	margin:0 18px 6px 18px;
	background:#DEDBAE;
	}

#address {
	padding:18px;
	font-size:12px;
	color:#666666;
	}
	
#footer-bar {
	background:url(../images/footer-bar.jpg) no-repeat bottom left;
	width:816px;
	height:13px;
	}


/* Subpage Styles
 * ------------------------------------------------------------------------- */

#sub-column-left {
	width:590px;
	padding-right:6px;
	float:left;
	}
	
#sub-column-left-contact {
	width:100%;
	padding-right:6px;
	}
	
#subpage-header {
	background:url(../images/subpage-title-bar.jpg) repeat-x;
	/*width:590px;*/
	height:29px;
	}
	
	#subpage-header h2 {
		color:#FFFFFF;
		padding-left:10px;
		vertical-align:middle;
		font-size:20px;
		}
		
#content-box {
	margin:10px 0;
	width:568px;
	border:1px solid #F3F2E1;
	padding:10px;
	}
/*-------------- Body Content Body and Title --------------*/
#body_content_title h1 { }

#body_contact{width:450px;float:left;}
#contact_body_2{padding:1em;}

#body_content_body {
	margin:10px 0;
	border:1px solid #F3F2E1;
	padding:10px;
	font-size:12px;
	line-height:18px;
	}
	
	#body_content_body h3 {
		font-size:18px;
		letter-spacing:-1px;
		color:#000000; 
		font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
		font-weight:bold;
		}
		
	#body_content_body ul { margin:5px 41px 10px 20px; }
	#body_content_body ul li { background:transparent url("../images/bullet.gif") 0px 6px no-repeat; padding-left:8px;}
		
		
		
#main-contact { width:260px; padding:1em;}
#main-contact table{ width:auto; }
#main-contact form{ width:auto; }

.hasfloat{float:left;}
/*-------------- Blurb 12 --------------*/
#blurb_12_body {
	margin:10px 0;
	width:568px;
	border:1px solid #F3F2E1;
	padding:10px;
	font-size:12px;
	line-height:18px;
	}

#blurb_12_body h3 {
		font-size:18px;
		letter-spacing:-1px;
		color:#000000; 
		font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
		font-weight:bold;
		}


#sub-column-right {
	width:178px;
	padding-left:6px;
	float:left;
	}
	
#sub-contact-us {
	background:url(../images/quick-contact-title.jpg) no-repeat;
	width:178px;
	height:38px;
	}

#contact-box {
	background-color:#939065;
	color:#fff;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	}

	#sub-column-right #areas-of-practice {
		width:157px;
		}




		
/* Navigation
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/nav.jpg") no-repeat; width:816px; height:30px; position:relative; }
#nav li { position:absolute; top: 0; padding:0; background-image:none; }
#nav li, #nav a { height:30px; display:block; }
#nav span { display:none; }

#nav-01 { width: 67px;  left:18px; }
#nav-02 { width: 89px; left: 89px; }
#nav-03 { width: 139px; left: 183px; }
#nav-04 { width: 63px; left: 325px; }
#nav-05 { width: 121px;  left:391px; }
#nav-06 { width: 101px; left: 516px; }
#nav-07 { width: 89px; left: 620px; }
#nav-08 { width: 87px; left: 711px; }


#nav-01 a:hover { background: transparent url("../images/nav.jpg")  -18px  -30px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.jpg") -89px  -30px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.jpg") -183px -30px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.jpg") -325px -30px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.jpg")  -391px  -30px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav.jpg") -516px  -30px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/nav.jpg") -620px -30px no-repeat; }
#nav-08 a:hover { background: transparent url("../images/nav.jpg") -711px -30px no-repeat; }


/* ----- email us button ----- */
#email-link {
	background:url(../images/email-us-now.jpg) no-repeat top left;
	width:159px;
	height:24px;
	display:block;
	}
	
	#email-link:hover, #email-link:active {background-position: 0px -24px;}
	
	#email-link span {display:none; }


/* Forms
 * ------------------------------------------------------------------------- */

#normalContact {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #456;
	background-color: #F1F0DE;
	margin-bottom:3px;
}

input, textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #456;
	border: 1px solid #000000;
	background-color: #F1F0DE;
	margin-bottom:3px;
	
}

.quickcontact {
	width: 150px;
}

/* Sitemap
 * ------------------------------------------------------------------------- */
#site-map {
	margin:10px 0;
	width:568px;
	border:1px solid #F3F2E1;
	padding:10px;
	font-size:12px;
	line-height:18px;}

#sitemap li {	
	_position:relative;	 /*to fix the IE bullet peekaboo pug */

		padding-left: 0px;

		line-height: 16px;

		list-style: none;

		background: none;

		font-weight:bold;
		font-size:12px;
		color:#5C571A;
	}

#sitemap li ul li { 
		_position:relative;	 /*to fix the IE bullet peekaboo pug */
		padding-left: 20px;
		line-height: 16px;
		list-style: none;
		background: transparent url(../images/bullet.gif) 10px 6px no-repeat;
		font-weight:normal;
		font-size:11px;
		color:#5C571A;
		}
	
	#sitemap a:link; #sitemap a:visited {
		color:#5C571A;
		text-decoration:underline;
		}
		
	#sitemap a:hover {
		color:#B5AA18;
		}