/*---------------------------------------------*/
/*  ca_department.css                          */
/*  Version 1.10                               */
/* Last Updated January 4, 2007                */
/*                                             */
/*  Department-specific styles                 */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*  main_content_1                             */
/*---------------------------------------------*/
#img_padding_bottom {padding-bottom:1em;
}
#left_column a {
 color:#000;
}

#left_column ul {
 margin: .4em .5em 1em 0em;
}
#left_column ul ul {
 margin: .2em 0em 0em 0em;
}

.left_column_top {
 margin:0;
 padding:1px 0 34px 8px;
 background:#BCC5D0 url(../images/ca_department/left_column_divider.gif) bottom left no-repeat;
}

.left_column_top a {
 display:block;
}

.left_column_top a:hover {
 background:#ECECE7; /* light gray */
}

.column_inner {
 padding:14px;
}

#left_column .column_inner {
 padding:8px;
}

* html .column_inner {
  float:left; /* Needed for IE */
}
#left_column, #right_column, .column_inner { /* Prevent oversized content from breaking the layout */
  overflow:hidden;
}

#amber_alert_on {
 margin-bottom:10px;
}

.list_decorative_dark li, #middle_column .list_decorative_dark li {
 list-style-image:url(../images/ca_department/bullet_black.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_light li, #middle_column .list_decorative_light li {
 list-style-image:url(../images/ca_department/bullet_gray.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_blue li, #middle_column .list_decorative_blue li {
 list-style-image:url(../images/ca_department/bullet_blue.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_dark a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #999999;
}

.list_decorative_light a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #ECECE7;
}

.list_decorative_blue a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #253B5A;
}

.list_decorative_dark a:hover, .list_decorative_light a:hover, .list_decorative_blue a:hover {
 text-decoration:underline;
}

h1 { /* not in original ca_department.css */
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 1.8em;
 color: #253b5a;
 border-bottom:2px dotted #999;
 margin:14px 0;
 width:99%; /* Fix IE problem, too short */
}

h2 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 1.38em;
 color: #253b5a;
 border-bottom:2px dotted #999;
 margin:14px 0;
 width:99%; /* Fix IE problem, too short */
}

h3 {
 font-size:1.2em;
 text-transform:uppercase;
 margin-bottom:6px;
}

h4 {
 font-size:1em;
 font-weight:bold;
}

hr {
 color: #C84B13;
 background-color: #C84B13;
 height: 2px;
 border: 0;
}

.breadcrumbs {
 background-color:#ecece7;
 padding:5px 5px 5px 10px;
}

#middle_column ul li {
 list-style-image:url(../images/ca_department/bullet_red.gif);
 margin-bottom:15px;
}

#middle_column li ul li{
 list-style-image:url(../images/ca_department/bullet_darkgray.gif);
 margin-bottom:5px;
}

/* ---------- override this from ca_portal.css ---- */
.block_with_rounded_corners .top_right2 {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(../images/block_with_image_corners2.gif) bottom left no-repeat;
}
.block_with_rounded_corners .top_left2 {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(../images/block_with_image_corners2.gif) bottom right no-repeat;
}

#werehere {
	height: 163px;
	width: 99%;
	background-image: url(/images/werehere5.gif);
	background-color:#6D87A2;
	background-repeat: no-repeat;
}

/* --- table styling --- */ 

.smalltable table { 
border-collapse: collapse;
}
.smalltable th {
	font-weight: bold;
	color: #ffffff;
	background-color: #95A4B5;
	border-style: solid;
	border-color: #95A4B5;
	border-width: 1px;
	font-size: 1.1em;
	padding-bottom: 0px;
	padding-top: 0px;
}
.smalltable td {  
  border-width: 1px;
	border-style: solid;
	border-color: #95A4B5;
	background-color: white;
}

div.right { float: right; margin-right:-2px; }
div.right table { text-align: left; }

.indent {	margin-left: 20px; }
.red { color:#FF0000; }
.img-right { float:right; }
.img-left { float:left; }
.floatleft { float:left; margin:.5em; }
.floatright { float:right; margin:.5em; }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
	}
.smalltext { font-size: .7em; }
.textcenter { text-align:center; }

/*
State of California
Google Site Search add-on for the 2007 template
Version 2010.11.17
*/


/* Search */

#head_search {
	float:right;
	width:20em;
	padding:0 0 7px 0;
	background:#CCD4DF url(../images/ca_master/search_bg.gif) no-repeat bottom left;
	position:relative;

	z-index:10;
}

#head_search form {
	margin:0;
	float:right;
	width:20em;
}

.textfield_container {
	padding:6px 40px 0 0;
	text-align:right;
}
#search_ca_textfield, #search_local_textfield {
	border: 1px solid #728EB4;
	width:15em;
	position:relative;
	margin:0 0 0 14px;
	padding:1px 0px 3px 1px;
}
.submit_container {
	position:absolute;
	top:3px; /* Line up the submit button with the text box */
	right:8px;
}
.javascript_off #radio_container {
	display:none;
}
#control {
	padding-top:4px;
}

#radio_container {
	width:100%;
	padding:0 0 0 50px;
}
#header .radiobutton {
	position:relative;
	top:2px;
}
#radio_container label {
	padding:0 12px 0 0;
}

.gsc-completion-container {
	z-index:50; /* fix issue where Google autocomplete dropdown appears behind header images */
}
/*--------------------------------------------------*/
/*  block_with_rounded_corners                      */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners {
 width:99%;
 background:#ECECE7;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}

.block_with_rounded_corners h3 {
 background:#5d7493;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.block_with_rounded_corners .bottom_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/ca_department/block_with_image_corners.gif) top left no-repeat;
}
.block_with_rounded_corners .bottom_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(../images/ca_department/block_with_image_corners.gif) top right no-repeat;
}
.block_with_rounded_corners .top_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(../images/ca_department/block_with_image_corners.gif) bottom left no-repeat;
}
.block_with_rounded_corners .top_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(../images/ca_department/block_with_image_corners.gif) bottom right no-repeat;
}
/* added clorner classes with grey background - ph 072115 */

.block_with_rounded_corners .bottom_right3 {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/block_with_image_corners3.gif) top left no-repeat;
}
.block_with_rounded_corners .bottom_left3 {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(../images/block_with_image_corners3.gif) top right no-repeat;
}
.block_with_rounded_corners .top_right3 {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(../images/block_with_image_corners3.gif) bottom left no-repeat;
}
.block_with_rounded_corners .top_left3 {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(../images/block_with_image_corners3.gif) bottom right no-repeat;
}

.block_with_rounded_corners .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/*  End of block_with_rounded_corners */


