/*---------------------------------------------*/
/* ca_department.css */
/* Version 1.20 */
/* Last Updated 03/23/2007 */
/* */
/* Department-specific styles */
/*---------------------------------------------*/
/*---------------------------------------------*/
/* main_content_1 */
/*---------------------------------------------*/
.cms table {
margin-top:.3em;
border: 1px #aaaaaa solid;
border-collapse: collapse;
border-spacing: 0px; 
}
.cms th {
color:#fff;
font-size:1.2em;
text-align:center;
padding:2px 4px;
background-color:#292C7B;
border: 1px #aaaaaa solid;
border-left:none;
}
.cms td { 
text-align: left;
color: #000;
background-color: #fff;
padding: 4px 8px;
vertical-align:text-top; 
border: 1px #aaaaaa solid;
}
#left_column a {
color:#000;
}
.linkBlock 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:transparent;
}
.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, #home_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(/Structural-Images/bullet_black.gif);
padding:2px;
margin-bottom:0px;
}
.list_decorative_light li, #middle_column .list_decorative_light li {
list-style-image:url(/Structural-Images/bullet_gray.gif);
padding:2px;
margin-bottom:0px;
}
.list_decorative_blue li, #middle_column .list_decorative_blue li {
list-style-image:url(/Structural-Images/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 {
font-weight: normal;
font-size: 2em;
color: #292C7B;
margin:14px 0 12px;
border-bottom:2px dotted #999;
width:99%; /* Fix IE problem, too short */
}
h2 {
font-weight: normal;
font-size: 1.6em;
color: #333;
margin:1.5em 0 12px;
border-bottom:1px dotted #999;
width:99%; /* Fix IE problem, too short */
}
* html h2 {
border-bottom:none;
padding-bottom:1px;
background:transparent url(/Structural-Images/h2_ie6_border.gif) left bottom repeat-x;
}
h3 {
font-size:1.3em;
color:#333;
margin-bottom:.4em;
}
#middle_column h3 {
margin-top:12px;
}
h4 {
font-size:1em;
font-weight:bold;
}
hr {
color: #217518;
background-color: #217518;
height: 2px;
border: 0;
}
#middle_column ul li {
list-style-image:url(/Structural-Images/bullet_red.gif);
margin-bottom:.6em;
}
#middle_column li ul li{
list-style-image:url(/Structural-Images/bullet_darkgray.gif);
margin-top:.4em;
margin-bottom:0;
}
ul.inline {
padding-left:0; 
margin-bottom:.5em;
}
ul.inline li {
display:inline; 
padding:0 6px 0 16px; 
background:url(/Structural-Images/bullet_red.gif) 0 4px no-repeat;
}
ul.col2 {
padding-left:0;
}
ul.col2 li {
float: left;
margin-left:0;
padding-left:22px;
width: 44%;
list-style:none !important;
background: transparent url(/Structural-Images/bullet_red.gif) 6px .3em no-repeat;
}
.cf:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}
.cf {display:inline-block;}
/* Hide from IE Mac \*/
.cf {display:block;}
/* End hide from IE Mac */
/* Site Tools Styles */
#heading #search_and_skipto {
position:absolute;
right:0px;
top:0px;
width:470px;
font-size:12px;
}
#heading #search_container {
float:right;
width:256px;
padding:1px 0 7px;
background:#CCD4DF;
position:relative;
}
#heading #skipto_container {
float:left;
margin:6px 0 0 -45px;
color:#90897D;
}
#heading #tools_box {
width:256px;
height:33px;
position:absolute;
right:0px;
top:60px;
/*background:#d1dfcc url(/Structural-Images/site_tools.jpg) top left no-repeat;*/
}
#heading #toolText {
display:block; 
float:right; 
width:220px; 
/*font-size:12px; */ 
margin-top:9px;
}
/* not using these styles any longer as of 4 2014
#heading #toolLinks {
display:block; 
float:left; 
margin-left:5px;
}
#heading #tools_box img {
float:none;
}
#heading #tools_box ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#heading #tools_box li {
list-style-type:none;
}
#heading #tools_box li {
float:left;
margin-left:7px;
margin-top:7px;
}
#heading #tools_box li#toolDecrease a {
width:18px;
background-image:url(/Structural-Images/tool_decrease.jpg);
}
#heading #tools_box li#toolIncrease a {
width:18px;
background-image:url(/Structural-Images/tool_decrease.jpg);
}
#heading #tools_box li a {
display: block;
height: 0px !important;
height /**/:18px; /* IE 5/Win hack */ 
padding:18px 0px 0px 0px;
overflow:hidden;
background-repeat:no-repeat;
}
#heading #tools_box li#toolPrint a {
width:18px;
background-image:url(/Structural-Images/tool_print.jpg);
}
#heading #tools_box li a:hover {
background-position:0px -18px;
}
*/
/*--- End of Site Tools Styles ---*/
/* Site Tools Styles */
#heading #search_and_skipto {
position:absolute;
right:0px;
top:0px;
width:470px;
font-size:12px;
}
#heading #search_container {
float:right;
width:256px;
padding:1px 0 7px 0;
background:#CCD4DF;
position:relative;
}
#heading #skipto_container {
float:left;
margin:6px 0 0 -45px;
color:#90897D;
}
#heading #branding {
float:left;
margin:6px 0px 0px 0px;
color:#90897D;
}
#heading #tools_box {
width:256px;
height:33px;
position:absolute;
right:0px;
top:60px;
/*background:#d1dfcc url(/Structural-Images/site_tools.jpg) top left no-repeat; not using this image as of*/
}
#heading #toolText {
display:block; 
float:right; 
width:220px; 
/*font-size:12px; */ 
margin-top:9px;
}
/*not using these styles any longer as of 4 2014
#heading #toolLinks {
display:block; 
float:left; 
margin-left:5px;
}
#heading #tools_box img {
float:none;
}
#heading #tools_box ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#heading #tools_box li {
list-style-type:none;
}
#heading #tools_box li {
float:left;
margin-left:7px;
margin-top:7px;
}
#heading #tools_box li#toolDecrease a {
width:18px;
background-image:url(/Structural-Images/tool_decrease.jpg);
}
#heading #tools_box li#toolIncrease a {
width:18px;
background-image:url(/Structural-Images/tool_increase.jpg);
}
#heading #tools_box li a {
display: block;
height: 0px !important;
height /**/:18px; /* IE 5/Win hack */ 
padding:18px 0px 0px 0px;
overflow:hidden;
background-repeat:no-repeat;
}
#heading #tools_box li#toolPrint a {
width:18px;
background-image:url(/Structural-Images/tool_print.jpg);
}
#heading #tools_box li a:hover {
background-position:0px -18px;
}
*/
/*--- End of Site Tools Styles ---*/
/*--------------------------------------------------*/
/* block_with_rounded_corners */
/* Adds rounded corners and blue bar for heading */
/*--------------------------------------------------*/
.block_with_rounded_corners {
width:100%;
background:#ECECE7;
border-style:solid;
border-color:#5d7493;
border-width:1px 1px 1px 1px;
position:relative; /* Make this the containing block of the corner spans */
margin-bottom:16px;
}
* html .block_with_rounded_corners {
width:99%;
}
.block_with_rounded_corners h2 {
font-size: 1.2em;
width: auto;
background:#5d7493;
color:#fff;
font-weight: normal;
padding:5px 10px 5px 10px;
margin:0px !important;
}
.block_with_rounded_corners .bottom_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(/Structural-Images/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(/Structural-Images/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:-2px;
right:-2px;
background: url(/Structural-Images/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:-2px;
left:-2px;
background: url(/Structural-Images/block_with_image_corners.gif) bottom right no-repeat;
}
.block_with_rounded_corners .list_decorative_dark a:hover {
background:transparent; /* Fixes problem in IE (dotted line disappears) */
}
.block_with_rounded_corners .inner {
margin:10px;
}
.block_with_rounded_corners p {
line-height:1.4em;
}
.color_blue {
background:#fff;
border-style:solid;
border-color:#9b9b9b;
border-width:1px 1px 1px 1px;
}
.color_blue h2 {
background:#292C7B;
}
.color_blue .bottom_right {
background: url(/Structural-Images/block_with_image_corners_blue.gif) top left no-repeat;
}
.color_blue .bottom_left {
background: url(/Structural-Images/block_with_image_corners_blue.gif) top right no-repeat;
}
.color_blue .top_right {
background: url(/Structural-Images/block_with_image_corners_blue.gif) bottom left no-repeat;
}
.color_blue .top_left {
background: url(/Structural-Images/block_with_image_corners_blue.gif) bottom right no-repeat;
}
/* End of block_with_rounded_corners */
/* Carousel CSS Starts */
#carousel {
position: relative;
}
#caro_left {
position: absolute;
top: 22px;
left: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/carousel.png) -40px 0px no-repeat; /* left arrow starts grey */
}
#caro_right {
position: absolute;
top: 22px;
right: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/carousel.png) -71px 0px no-repeat; /* right arrow starts blue */
}
* html #caro_left, * html #caro_right { 
background-image:url(/Structural-Images/carousel.gif); /* IE6 doesn't support transparent png, so use gif */
}
#caro_images1 {
position: relative;
overflow: scroll; /* Show scrollbars for graceful degradation when javascript is disabled. We'll change this to "hidden" in the javascript */
height: 74px; /* carousel collapses on resize without this */
padding: 7px 0px;
}
#caro_images2 {
white-space: nowrap; 
position: absolute;
padding: 0px 6px;
}
#caro_images2 img {
border: 0;
vertical-align: middle;
padding: 0px 10px;
}
/* Carousel CSS Ends */
/* videoCarousel CSS Starts */
#video_playlist {
position: relative;
}
#vidcaro_left {
position: absolute;
top: 0px;
left: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/video_carousel.png) -40px 0px no-repeat; /* left arrow starts grey */
}
#vidcaro_right {
position: absolute;
top: 0px;
right: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/video_carousel.png) -71px 0px no-repeat; /* right arrow starts blue */
}
* html #vidcaro_right {
right: 1px;
}
* html .vcl_inactive {
background-color:transparent !important;
}
* html .vcl_active {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Structural-Images/video_carousel_la.png');
background-image:none;
}
* html .vcr_inactive {
background-color:transparent !important;
}
* html .vcr_active {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Structural-Images/video_carousel_ra.png');
background-image:none !important;
}
* html #vidcaro_left, * html #vidcaro_right { 
background-image:url(/Structural-Images/video_carousel.gif); /* IE6 doesn't support transparent png, so use gif */
}
#vidcaro_images1 {
position: relative;
overflow: scroll; /* Show scrollbars for graceful degradation when javascript is disabled. We'll change this to "hidden" in the javascript */
height: 74px; /* carousel collapses on resize without this */
padding: 7px 0px;
}
#vidcaro_images2 {
white-space: nowrap; 
position: absolute;
padding: 0px 6px;
}
#vidcaro_images2 img {
border: 1px solid #999;
vertical-align: middle;
padding: 0px;
margin:0 4px;
}
* html #vidcaro_images2 img {
margin-bottom:1px;
}
/* videoCarousel CSS Ends */
/*---------------------------------------------*/
/* breadcrumbs */
/*---------------------------------------------*/
.breadcrumbs {
color:#666666;
padding:0;
}
.breadcrumbs a {
color:#666666;
}
.breadcrumbs img {
vertical-align:middle;
}
/* End of breadcrumbs */

/* Content Blocks */
.infoBlock {
line-height:1.6em;
}
.links {
line-height:1.4em;
}
.infoBlock p {
margin-top:0;
}
.infoBlock h4 {
color:#444;
margin:0;
}
.linkBlock, .infoBlock {
font-size:.9em;
margin:14px 0;
border:1px solid #9b9b9b;
}
.linkBlock {
background-color:#F5F5FC;
}
#main_content_1 .color_green {
background-color:#F5F5FC;
}
.infoBlock {
background-color:#F5F5FC;
}
#main_content_1 .infoBlock .inner {
margin:10px;
}
#main_content_1 .more {
text-align:right;
padding-right:9px;
margin-top:.7em;
background:transparent url(/Structural-Images/arrow_more.gif) right center no-repeat;
}
#main_content_1 .infoBlock a:link {
text-decoration:none;
}
#main_content_1 .infoBlock a:visited {
color:#3754d4;
}
#main_content_1 .infoBlock a:hover {
color:#bc3e06;
text-decoration:underline;
}
#main_content_1 .infoBlock a:active {
color:#bc3e06;
text-decoration:underline;
}
#main_content_1 .linkBlock h2, #main_content_1 .infoBlock h2 {
font-size: 1.2em;
width: auto;
color:#fff;
font-weight:normal;
text-transform:uppercase;
margin:-1px -1px 0px -1px;
padding:6px 10px;
background:#292C7B url(/Structural-Images/block_header.gif) top left no-repeat;
}
#main_content_1 .color_green h2 {
background:#217518 url(/Structural-Images/block_header_green.gif) top left no-repeat;
}
#main_content_1 #home_right_column .linkBlock h2, #main_content_1 #home_right_column .infoBlock h2 {
background:#292C7B url(/Structural-Images/block_header_wide.gif) top left no-repeat;
}
#main_content_1 #home_right_column .color_green h2 {
background:#217518 url(/Structural-Images/block_header_wide_green.gif) top left no-repeat;
}
#main_content_1 .linkBlock a, #main_content_1 .infoBlock a {
text-decoration:none;
background:none;
}
.linkBlock .footer, .infoBlock .footer {
height:3px;
position:relative;
top:1px;
background:transparent url(/Structural-Images/link_block_footer.gif) bottom left no-repeat;
margin:0 -1px -1px -1px;
}
.infoBlock .footer, .color_green .footer {
background:transparent url(/Structural-Images/block_footer.gif) bottom left no-repeat;
}
#home_right_column .linkBlock .footer {
background:transparent url(/Structural-Images/link_block_footer_wide.gif) bottom left no-repeat;
}
#home_right_column .color_green .footer, #home_right_column .infoBlock .footer {
background:transparent url(/Structural-Images/block_footer_wide.gif) bottom left no-repeat;
}
* html .linkBlock, * html .infoBlock, * html .linkBlock, * html .infoBlock {
border-top:none;
}
* html #main_content_1 .linkBlock h2, * html #main_content_1 .linkBlock .footer, * html #main_content_1 .infoBlock h2, * html #main_content_1 .infoBlock .footer {
margin:0px -1px 0px -1px;
}
* html .linkBlock .footer, * html .infoBlock .footer {
font-size:0;
}
#main_content_1 .linkBlock ul {
margin:0;
padding:0;
width:100%;
}
#main_content_1 .linkBlock ul li {
margin:0;
padding:5px 10px;
border-top:1px solid #cdcdcd;
list-style-type:none;
}
#main_content_1 .infoBlock ul {
margin:0;
padding:0;
}
#main_content_1 .infoBlock ul li {
list-style-type:none;
padding-left:18px;
background: transparent url(/Structural-Images/bullet_black.gif) 0px .4em no-repeat;
margin-bottom:.5em;
}
#main_content_1 .infoBlock ul li ul li {
list-style-type:none;
padding-left:18px;
background: transparent url(/Structural-Images/bullet_black.gif) 0px .4em no-repeat;
margin-bottom:.5em;
} 
.linkBlock h2:hover {
cursor:pointer
}
.panel {
display: block;
}
.closed .panel {
display:none;
}
.arrow {
display:block;
float:left;
}
.arrow {
width:10px;
height:10px;
margin:3px 3px 0 0;
padding:0;
vertical-align:middle;
background:transparent url(/Structural-Images/white-arrow_blue.gif) left -60px no-repeat;
}
.color_green .arrow {
background-image:url(/Structural-Images/white-arrow_green.gif);
}
.closed h2 .arrow {
display:block;
}
.closed h2 .arrow {
background-position: left top;
}
/* Contact Block */
#contactBlock {
height:218px;
font-size:.9em;
margin:14px 0;
background:#F5F5FC url(/Structural-Images/contact_block_body.gif);
}
#contactBlock h2 {
font-size: 1.2em;
border-bottom: none;
width: auto;
margin-bottom: .5em;
background:#F5F5FC url(/Structural-Images/contact_block_header.gif) top left no-repeat;
font-weight:normal;
padding:8px 8px 0;
}
/*---------------------------------------------*/
/* contactPanel_module */
/* Tab Panel section with hover effects */
/*---------------------------------------------*/
/*---------------------------------------------*/
/* contactPanel_module */
/* Tab Panel section with hover effects */
/*---------------------------------------------*/
#contactPanel {
margin:0;
width:99%;
}
#tab_list {
padding: 0;
position:relative; /* Makes this the containing block */
white-space: nowrap;
display:block;
z-index:10;
width:100%;
}
#tab_list ul {
position: absolute; /* Needed for IE 5.x */
margin: 0;
z-index:1;
padding: 0;
width:100%;
}
#contactPanel #tab_list ul {
margin: 0;
}
#tab_list ul#tab_ul {
height: 30px;
}
li#contactPanel_1, li#contactPanel_2, li#contactPanel_3 {
background: #7E98BA url(/Structural-Images/contactPanel_tabs.gif) 0px -60px no-repeat; /* normal tabs */
margin: 0;
float: left;
display: inline;
padding: 0;
}
#tab_list .tab_link {
z-index:10;
position:relative;
color:#000;
text-decoration: none;
padding:8px 14px 0px 8px; /* Adjust left and right padding to adjust width of the tabs */
display: block; /* Needed for Opera */
float:left; /* Needed for IE, breaks Opera */
background: transparent url(/Structural-Images/contactPanel_tabs.gif) 100% -60px no-repeat;
height:30px; /* Needed for IE 5.x broken box */
voice-family:"\"}\"";
voice-family:inherit;
height:22px; /* 30 - 8, for non-broken browsers */
}
html[xmlns] #tab_list .tab_link {
float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}
#tab_list a:hover {
text-decoration: underline;
}
#contactPanel #tab_list li {
list-style-type: none;
list-style-image: none;
}
#tab_list ul ul {
position:absolute;
top:29px;
left:0px;
display:none;
z-index:-10;
border:1px solid #7E98BA; /* dark blue */
padding:12px 0 16px 0;
background:#E8EFF6; /* Light blue */
}
#contactPanel #tab_list ul ul li {
padding:0 12px 0 12px; 
}
#contactPanel #tab_list ul ul li a {
}
#tab_list ul li.contactPanel_default ul, #tab_list ul li:hover ul {
display:block;
}
#tab_list li.contactPanel_default .tab_link, #tab_list li:hover .tab_link {
background: transparent url(/Structural-Images/contactPanel_tabs.gif) top right no-repeat;
color:#000;
text-decoration: none;
}
#tab_list li.contactPanel_default, #contactPanel_1:hover, #contactPanel_2:hover, #contactPanel_3:hover {
background: #E8EFF6 url(/Structural-Images/contactPanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}
#contactPanel #tab_list li .tab_link:hover { /* Needed for IE */
text-decoration: none;
}
#contactPanel #tab_list a:hover, #contactPanel #tab_list li.contactPanel_default ul a:hover {
text-decoration:underline;
}
#contactPanel ul ul a:hover {
background:transparent;
}
#contactPanel #contactPanel_1_sublist, #contactPanel #contactPanel_2_sublist {
height:136px;
font-size:.95em;
line-height:1.6em;
padding-top:4px;
}
* html #contactPanel #contactPanel_1_sublist, * html #contactPanel #contactPanel_2_sublist {
height:150px; /* info container height for IE6 */
}
* html #tab_list ul#tab_ul ul {
padding:3px 0;
}
* html #tab_list ul#tab_ul ul li {
border:1px solid #e8eff6;
}
#tab_list .bottom_right { /* For the rounded corner */
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(/Structural-Images/contactPanel_corners.gif) top left no-repeat;
}
#tab_list .bottom_left { /* For the rounded corner */
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
left:-2px;
background: url(/Structural-Images/contactPanel_corners.gif) top right no-repeat;
}
/* End of contactPanel_module */
/* Controller Welcome Block */
#welcome {
position:relative;
padding:1em 1em 0;
margin:10px 12px 0 10px;
line-height:1.6em;
}
#welcome_img img {
float:left;
margin:0 1em 1em 0;
border:1px solid #ccc;
}
/* End Controller Welcome Block */
.grey {
border:1px solid #ccc;
background:#fff url(/Structural-Images/controller_background.jpg) repeat-x;
}
.grey .bottom_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) top left no-repeat;
}
.grey .bottom_left {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
left:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) top right no-repeat;
}
.grey .top_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
top:-2px;
right:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) bottom left no-repeat;
}
.grey .top_left {
position:absolute;
width:6px;
height:6px;
font-size:1px;
top:-2px;
left:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) bottom right no-repeat;
}
/* Video Block */
#home_right_column .videoBlock .header, #middle_column .videoBlock .header, #left_column .videoBlock .header, #right_column .videoBlock .header {
color:#fff;
font-weight:normal;
text-transform:uppercase;
margin:-1px -1px 0px -1px !important;
padding:0;
padding-top:3px;
background:#F5F5FC url(/Structural-Images/block_thin-header_wide.gif) top left no-repeat;
}
#left_column .videoBlock .header, #right_column .videoBlock .header {
background:#F5F5FC url(/Structural-Images/block_thin-header.gif) top left no-repeat;
}
#middle_column .videoBlock {
margin-top:1px;
}
#middle_column .videoBlockOuter {
margin:0 14px 14px 0;
width:308px;
float:left;
}
#middle_column .color_green .footer, #middle_column .infoBlock .footer {
background:transparent url(/Structural-Images/block_footer_wide.gif) bottom left no-repeat;
}
#middle_column .videoContainer, #home_right_column .videoContainer {
height:235px;
width:286px;
overflow:hidden;
}
#left_column .videoContainer, #right_column .videoContainer {
height:152px;
width:176px;
}
#videoContainer {
height:100%;
}
#left_column .videoBlock h2, #right_column .videoBlock h2, #home_right_column .videoBlock h2, #middle_column .videoBlock h2 {
color:#000;
font-weight:bold;
padding:0;
margin-bottom:4px !important;
font-size: 1em;
text-transform:none;
background-image:none;
background:transparent !important;
}
/* End Video Block */
/* Unclaimed Property Block */
#ucp {
position:relative;
border:1px solid #9b9b9b;
}
#ucp .header_bar {
background:#e3e3e3;
font-weight: normal;
padding:5px 10px 5px 10px;
margin:0px;
border:1px solid #fff;
border-bottom:none;
}
#ucp h2 {
color:#666666;
font-weight:bold;
background-color:transparent;
border:none;
margin:0;
padding:0;
float:left;
}
#ucp #search_ucp {
margin:0;
padding:0;
float:right;
white-space:nowrap;
}
#ucp #search_ucp a {
color:#447bce;
text-decoration:none;
}
#ucp .inner {
position:relative; /* needed for background render in IE6 */
margin:0;
padding:0;
background:#e3e3e3 url(/Structural-Images/ucp_background.jpg) repeat-x;
border:1px solid #fff;
border-top:none;
}
#ucp .inner2 {
padding:10px 10px 10px 10px;
background:transparent url(/Structural-Images/unclaimed_property.jpg) right top no-repeat;
min-height:80px;
}
#ucp p {
color:#666666;
margin-right:100px;
}
#ucp h4 {
font-weight:normal;
padding-left:9px;
background:transparent url(/Structural-Images/arrow_more.gif) left center no-repeat;
display:inline;
}
#ucp ul {
margin:0;
padding:0 0 0 5px;
display:inline;
}
#ucp ul li {
margin:0;
padding:0 8px 0 0;
display:inline;
}
#ucp ul li a {
white-space:nowrap;
}
#ucp .bottom_right {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) top left no-repeat;
}
#ucp .bottom_left {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) top right no-repeat;
}
#ucp .top_right {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) bottom left no-repeat;
}
#ucp .top_left {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) bottom right no-repeat;
}
/* End Unclaimed Property Block */
#pressBlock {
position:relative;
padding:12px;
margin-bottom:14px;
} 
/* Styles for specific page elements */
.content_nav {
margin:.5em 0;
min-height:45px; 
width:100%; 
float:left;
}
.content_nav .inner {
padding:0 1em; 
min-height:45px; 
float:left; 
background-color:#d1dfcc;
}
* html .content_nav, * html .content_nav .inner {
height:45px;
}
.content_nav .left_edge {
height:45px; 
width:4px; 
float:left; 
background:url(/Structural-Images/content_nav_left.gif) no-repeat;
}
.content_nav .right_edge { 
height:45px; 
width:4px; 
float:left;
background:url(/Structural-Images/content_nav_right.gif) no-repeat;
}
.content_nav strong {
margin-top:14px; 
padding-right:.5em;
float:left; 
}
.content_nav ul {
list-style-type:none; 
list-style-image:none !important; 
margin:0; 
margin-top:11px; 
padding:0; 
padding-right:1em; 
border-left:1px solid #000; 
height:21px; 
float:left; 
background: #ffffff url(/Structural-Images/content_nav_list.gif) no-repeat bottom right;
}
.content_nav li {
list-style-type:none !important; 
list-style-image:none !important; 
margin-left:.6em; 
margin-top:3px;
float:left; 
}
.content_nav li a {
font-weight:bold; 
color:#405d35;
text-decoration:none; 
}
.content_nav li a:hover {
color:#75aa61;
}
.content_nav li a:active {
color:#cccccc; 
}
div.section {
margin-bottom:2.3em;
}
.adobe_download {
clear:left;
padding-top:2px;
font-size:.8em;
}
.adobe_download img {
vertical-align:middle;
}
/* Photo Gallery */
.photo_gallery_album {
width:200px !important;
margin-right:.8em; 
float:left;
}
.photo_gallery_album_expand {
position:absolute;
left:6px;
top:3px;
}
.photo_gallery_album_expand a {
color:#999;
text-decoration:none;
font-size:1.3em;
}
div.photos_inner {
padding:1em; 
min-height: 220px;
}
.photo_gallery_album_photo {
text-align:center;
}
.photo_gallery_album_photo img, .photo_album_photo img {
padding:.6em;
background-color:#fff;
border:1px solid #ccc;
}
.photo_album_photo {
height: 240px;
width: 160px;
float: left;
text-align:center;
max-height: 240px;
max-width: 160px;
margin: 0px 10px 0px 10px
}
.photo_album_photo img {
/*border:1px solid #999;*/
}
.photo_album h2 {
color:#000;
background:transparent;
font-size:1.3em;
}
.photos img {
border:1px solid #cecece;
background-color:#fff;
}
.photos h3 {
text-transform:none; 
font-weight:normal; 
margin-top:0;
}
.photos a {text-decoration:none; background:none !important;}
/* End Photo Gallery */
/* Body Area Styles */
.imgLeft {
float:left;
margin:0 12px 12px 0;
}
.imgRight {
float:right;
margin:0 0 12px 12px;
}
.imgTopCenter {
text-align:center;
margin:0 auto 12px;
}
.imgBorder .page_image img {
border:1px solid #999;
}
.imgBorderFrame .page_image img {
padding:9px;
border:1px solid #aaa;
}
.page_links {
}
.job_labels {
width: 230px;
float:left;
margin-right:1em;
}
.job_labels label {
font-weight:bold;
text-align:right;
width: 100px;
}
.job_eligibility {
width: 230px;
float:left;
clear:left;
margin-right:1em;
}
.job_eligibility .job_inner {
font-size:.9em;
padding:.5em 1em;
background-color:#eee;
}
.job_terms {
font-style:italic;
font-size:.9em;
}
.job_description {
margin-left: 244px;
}
div.pdf_link {
text-align:right;
float:right;
}
div.pdf_link a {
color:#000;
font-size:.9em;
}
div.pdf_link a img {
vertical-align:middle;
}
.pr_numdate {
font-weight:bold;
float:left;
}
.pr_contact {
font-weight:bold;
text-align:right;
float:right;
}
ul.controller_in_the_news img {
vertical-align:middle;
}
.newsletter_banner {
margin:14px 10px 0;
}
.newsletter_header {
padding:1em;
overflow:hidden;
}
a.pdf {
/*padding-right:10px;
background:transparent url(/Structural-Images/icon_pdf.gif) right center no-repeat;
*/
}
span.icon_pdf {
padding-right:11px;
background:transparent url(/Structural-Images/icon_pdf.gif) left bottom no-repeat;
}
span.icon_xls {
padding-right:14px;
background:transparent url(/Structural-Images/icon_xls.gif) left bottom no-repeat;
}
span.icon_ppt {
padding-right:14px;
background:transparent url(/Structural-Images/icon_ppt.gif) left bottom no-repeat;
}
span.icon_doc {
padding-right:14px;
background:transparent url(/Structural-Images/icon_doc.gif) left bottom no-repeat;
}
.smalltext {
font-size: .8em; 
}
span.span_links span:first-child {
display:none;
}
.press_list_teaser p {
margin-top:0;
margin-bottom:0;
}
.press_list_teaser{
font-style:italic;
}
.small_3_column {
width:31%;
float:left;
padding:0 .5%;
}
.small_2_column {
width:47.5%;
float:left;
padding:0 .5%;
}
.exam_info {
padding-left: 250px;
}
#navigation {
overflow: hidden;
}
/* End Body Area Styles */
/*---------------------------------------------*/
/* For Web Forms */
/*---------------------------------------------*/
#webform td
{
text-align:left;
vertical-align:top;
}
#webform th
{
text-align:right;
vertical-align:top;
font-weight:normal;
}
#webform .required
{
color: #FF0000;
font-weight: bold;
}
#webform .privacy_warning
{
color: #FF0000;
font-weight: bold;
text-align:center;
}
#webform h1
{
text-align:center;
}
#webform h2
{
text-align:center;
}
#webform h4 
{
text-align:center;
}
#webform .privacy_warning
{
color: #FF0000;
font-size: smaller;
font-weight: bold;
text-align:center;
}
#webform table.five_col td
{
width:20%;
text-align:center;
}
/*---------------------------------------------*/
/* For Print */
/*---------------------------------------------*/
@media print{
#welcome {
padding:12px 0;
margin:12px 0;
border:none;
border-bottom:1px solid #000;
}
#ucp {
border:none;
border-bottom:1px solid #000;
}
.block_with_rounded_corners {
width:auto;
border:none;
}
.newsletter_banner {
margin:0;
}
.newsletter_header {
padding:12px 0;
}
}
/*
State of California
Google Site Search add-on for the 2007 template
Version 2010.11.17
*/
/* Search */
#head_search {
float:right;
width:256px;
padding:0 0 2px 0;
background:none;
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;
}
.javascript_on #radio_container {
display:inline;
}
#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 Current Story */
.current_story_image
{
float: right;
margin: 0 0 1em;
padding: .5em;
background: #F5F5FC;
}
.current_story_image_caption p
{
margin: .2em 0 0;
}
/* Block Image Link */
.block-image-link-content img
{
max-width: 100%;
}
/* Carousel Styles */
.sCarousel.enabled
{
position: relative;
padding: 7px 0 5px;
}
.sCarousel.enabled .sCarouselInner
{
position: relative;
overflow: hidden;
}
.sCarousel.enabled .sItemsContainer
{
float: left;
}
.sCarousel.enabled .sItem
{
width: 172px;
height: 78px;
}
.sCarousel.enabled .sItem
{
text-align: center;
float: left;
}
.sPrev, .sNext
{
cursor: pointer;
height: 50px;
width: 23px;
position: absolute;
top: 19px;
overflow: hidden;
text-indent: -99999px;
background: rgba(200,200,200,.5);
}
.sPrev
{
left: -10px;
background:transparent url(/Structural-Images/carousel.png) -9px 0px no-repeat; /* left arrow starts grey */
}
.sPrev.edge
{
background-position: -40px 0;
}
.sNext
{
right: -10px;
background:transparent url(/Structural-Images/carousel.png) -71px 0px no-repeat; /* right arrow starts blue */
}
.sNext.edge
{
background-position: -102px 0;
}
/* YouTube Video Block */
.youtube_videos
{
padding: 1em .5em;
}
.video_youtube 
{
width: 120px;
height: 200px;
float: left;
margin: 0.5em 1em;
}
/* Secondary Row Table Header Styles */
.cms table tbody th
{
font-size: 1em;
text-align: left;
vertical-align: text-top;
color: inherit;
font-weight: inherit;
background: inherit;
*color: #000;
*font-weight: normal;
*background: #fff;
}
/*---------------------------------------------*/
/* ca_department.css */
/* Version 1.20 */
/* Last Updated 03/23/2007 */
/* */
/* Department-specific styles */
/*---------------------------------------------*/
/*---------------------------------------------*/
/* main_content_1 */
/*---------------------------------------------*/
.cms table {
margin-top:.3em;
border: 1px #aaaaaa solid;
border-collapse: collapse;
border-spacing: 0px; 
}
.cms th {
color:#fff;
font-size:1.2em;
text-align:center;
padding:2px 4px;
background-color:#292C7B;
border: 1px #aaaaaa solid;
border-left:none;
}
.cms td { 
text-align: left;
color: #000;
background-color: #fff;
padding: 4px 8px;
vertical-align:text-top; 
border: 1px #aaaaaa solid;
}
#left_column a {
color:#000;
}
.linkBlock 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:transparent;
}
.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, #home_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(/Structural-Images/bullet_black.gif);
padding:2px;
margin-bottom:0px;
}
.list_decorative_light li, #middle_column .list_decorative_light li {
list-style-image:url(/Structural-Images/bullet_gray.gif);
padding:2px;
margin-bottom:0px;
}
.list_decorative_blue li, #middle_column .list_decorative_blue li {
list-style-image:url(/Structural-Images/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 {
font-weight: normal;
font-size: 2em;
color: #292C7B;
margin:14px 0 12px;
border-bottom:2px dotted #999;
width:99%; /* Fix IE problem, too short */
}
h2 {
font-weight: normal;
font-size: 1.6em;
color: #333;
margin:1.5em 0 12px;
border-bottom:1px dotted #999;
width:99%; /* Fix IE problem, too short */
}
* html h2 {
border-bottom:none;
padding-bottom:1px;
background:transparent url(/Structural-Images/h2_ie6_border.gif) left bottom repeat-x;
}
h3 {
font-size:1.3em;
color:#333;
margin-bottom:.4em;
}
#middle_column h3 {
margin-top:12px;
}
h4 {
font-size:1em;
font-weight:bold;
}
hr {
color: #217518;
background-color: #217518;
height: 2px;
border: 0;
}
#middle_column ul li {
list-style-image:url(/Structural-Images/bullet_red.gif);
margin-bottom:.6em;
}
#middle_column li ul li{
list-style-image:url(/Structural-Images/bullet_darkgray.gif);
margin-top:.4em;
margin-bottom:0;
}
ul.inline {
padding-left:0; 
margin-bottom:.5em;
}
ul.inline li {
display:inline; 
padding:0 6px 0 16px; 
background:url(/Structural-Images/bullet_red.gif) 0 4px no-repeat;
}
ul.col2 {
padding-left:0;
}
ul.col2 li {
float: left;
margin-left:0;
padding-left:22px;
width: 44%;
list-style:none !important;
background: transparent url(/Structural-Images/bullet_red.gif) 6px .3em no-repeat;
}
.cf:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}
.cf {display:inline-block;}
/* Hide from IE Mac \*/
.cf {display:block;}
/* End hide from IE Mac */
/* Site Tools Styles */
#heading #search_and_skipto {
position:absolute;
right:0px;
top:0px;
width:470px;
font-size:12px;
}
#heading #search_container {
float:right;
width:256px;
padding:1px 0 7px;
background:#CCD4DF;
position:relative;
}
#heading #skipto_container {
float:left;
margin:6px 0 0 -45px;
color:#90897D;
}
#heading #tools_box {
width:256px;
height:33px;
position:absolute;
right:0px;
top:60px;
background:#d1dfcc url(/Structural-Images/site_tools.jpg) top left no-repeat;
}
#heading #toolText {
display:block; 
float:left; 
width:120px; 
text-align:center; 
font-size:12px; 
margin-top:9px;
}
#heading #toolLinks {
display:block; 
float:left; 
margin-left:5px;
}
#heading #tools_box img {
float:none;
}
#heading #tools_box ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#heading #tools_box li {
list-style-type:none;
}
#heading #tools_box li {
float:left;
margin-left:7px;
margin-top:7px;
}
#heading #tools_box li#toolDecrease a {
width:18px;
background-image:url(/Structural-Images/tool_decrease.jpg);
}
#heading #tools_box li#toolIncrease a {
width:18px;
background-image:url(/Structural-Images/tool_decrease.jpg);
}
#heading #tools_box li a {
display: block;
height: 0px !important;
height /**/:18px; /* IE 5/Win hack */ 
padding:18px 0px 0px 0px;
overflow:hidden;
background-repeat:no-repeat;
}
#heading #tools_box li#toolPrint a {
width:18px;
background-image:url(/Structural-Images/tool_print.jpg);
}
#heading #tools_box li a:hover {
background-position:0px -18px;
}
/*--- End of Site Tools Styles ---*/
/* Site Tools Styles */
#heading #search_and_skipto {
position:absolute;
right:0px;
top:0px;
width:470px;
font-size:12px;
}
#heading #search_container {
float:right;
width:256px;
padding:1px 0 7px 0;
background:#CCD4DF;
position:relative;
}
#heading #skipto_container {
float:left;
margin:6px 0 0 -45px;
color:#90897D;
}
#heading #tools_box {
width:256px;
height:33px;
position:absolute;
right:0px;
top:60px;
background:#d1dfcc url(/Structural-Images/site_tools.jpg) top left no-repeat;
}
#heading #toolText {
display:block; 
float:left; 
width:120px; 
text-align:center; 
font-size:12px; 
margin-top:9px;
}
#heading #toolLinks {
display:block; 
float:left; 
margin-left:5px;
}
#heading #tools_box img {
float:none;
}
#heading #tools_box ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#heading #tools_box li {
list-style-type:none;
}
#heading #tools_box li {
float:left;
margin-left:7px;
margin-top:7px;
}
#heading #tools_box li#toolDecrease a {
width:18px;
background-image:url(/Structural-Images/tool_decrease.jpg);
}
#heading #tools_box li#toolIncrease a {
width:18px;
background-image:url(/Structural-Images/tool_increase.jpg);
}
#heading #tools_box li a {
display: block;
height: 0px !important;
height /**/:18px; /* IE 5/Win hack */ 
padding:18px 0px 0px 0px;
overflow:hidden;
background-repeat:no-repeat;
}
#heading #tools_box li#toolPrint a {
width:18px;
background-image:url(/Structural-Images/tool_print.jpg);
}
#heading #tools_box li a:hover {
background-position:0px -18px;
}
/*--- End of Site Tools Styles ---*/
/*--------------------------------------------------*/
/* block_with_rounded_corners */
/* Adds rounded corners and blue bar for heading */
/*--------------------------------------------------*/
.block_with_rounded_corners {
width:100%;
background:#ECECE7;
border-style:solid;
border-color:#5d7493;
border-width:1px 1px 1px 1px;
position:relative; /* Make this the containing block of the corner spans */
margin-bottom:16px;
}
* html .block_with_rounded_corners {
width:99%;
}
.block_with_rounded_corners h2 {
font-size: 1.2em;
width: auto;
background:#5d7493;
color:#fff;
font-weight: normal;
padding:5px 10px 5px 10px;
margin:0px !important;
}
.block_with_rounded_corners .bottom_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(/Structural-Images/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(/Structural-Images/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:-2px;
right:-2px;
background: url(/Structural-Images/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:-2px;
left:-2px;
background: url(/Structural-Images/block_with_image_corners.gif) bottom right no-repeat;
}
.block_with_rounded_corners .list_decorative_dark a:hover {
background:transparent; /* Fixes problem in IE (dotted line disappears) */
}
.block_with_rounded_corners .inner {
margin:10px;
}
.block_with_rounded_corners p {
line-height:1.4em;
}
.color_blue {
background:#fff;
border-style:solid;
border-color:#9b9b9b;
border-width:1px 1px 1px 1px;
}
.color_blue h2 {
background:#292C7B;
}
.color_blue .bottom_right {
background: url(/Structural-Images/block_with_image_corners_blue.gif) top left no-repeat;
}
.color_blue .bottom_left {
background: url(/Structural-Images/block_with_image_corners_blue.gif) top right no-repeat;
}
.color_blue .top_right {
background: url(/Structural-Images/block_with_image_corners_blue.gif) bottom left no-repeat;
}
.color_blue .top_left {
background: url(/Structural-Images/block_with_image_corners_blue.gif) bottom right no-repeat;
}
/* End of block_with_rounded_corners */
/* Carousel CSS Starts */
#carousel {
position: relative;
}
#caro_left {
position: absolute;
top: 22px;
left: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/carousel.png) -40px 0px no-repeat; /* left arrow starts grey */
}
#caro_right {
position: absolute;
top: 22px;
right: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/carousel.png) -71px 0px no-repeat; /* right arrow starts blue */
}
* html #caro_left, * html #caro_right { 
background-image:url(/Structural-Images/carousel.gif); /* IE6 doesn't support transparent png, so use gif */
}
#caro_images1 {
position: relative;
overflow: scroll; /* Show scrollbars for graceful degradation when javascript is disabled. We'll change this to "hidden" in the javascript */
height: 74px; /* carousel collapses on resize without this */
padding: 7px 0px;
}
#caro_images2 {
white-space: nowrap; 
position: absolute;
padding: 0px 6px;
}
#caro_images2 img {
border: 0;
vertical-align: middle;
padding: 0px 10px;
}
/* Carousel CSS Ends */
/* videoCarousel CSS Starts */
#video_playlist {
position: relative;
}
#vidcaro_left {
position: absolute;
top: 0px;
left: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/video_carousel.png) -40px 0px no-repeat; /* left arrow starts grey */
}
#vidcaro_right {
position: absolute;
top: 0px;
right: -10px;
width:0;
height:0;
background:transparent url(/Structural-Images/video_carousel.png) -71px 0px no-repeat; /* right arrow starts blue */
}
* html #vidcaro_right {
right: 1px;
}
* html .vcl_inactive {
background-color:transparent !important;
}
* html .vcl_active {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Structural-Images/video_carousel_la.png');
background-image:none;
}
* html .vcr_inactive {
background-color:transparent !important;
}
* html .vcr_active {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Structural-Images/video_carousel_ra.png');
background-image:none !important;
}
* html #vidcaro_left, * html #vidcaro_right { 
background-image:url(/Structural-Images/video_carousel.gif); /* IE6 doesn't support transparent png, so use gif */
}
#vidcaro_images1 {
position: relative;
overflow: scroll; /* Show scrollbars for graceful degradation when javascript is disabled. We'll change this to "hidden" in the javascript */
height: 74px; /* carousel collapses on resize without this */
padding: 7px 0px;
}
#vidcaro_images2 {
white-space: nowrap; 
position: absolute;
padding: 0px 6px;
}
#vidcaro_images2 img {
border: 1px solid #999;
vertical-align: middle;
padding: 0px;
margin:0 4px;
}
* html #vidcaro_images2 img {
margin-bottom:1px;
}
/* videoCarousel CSS Ends */
/*---------------------------------------------*/
/* breadcrumbs */
/*---------------------------------------------*/
.breadcrumbs {
color:#666666;
padding:0;
}
.breadcrumbs a {
color:#666666;
}
.breadcrumbs img {
vertical-align:middle;
}
/* End of breadcrumbs */

/* Content Blocks */
.infoBlock {
line-height:1.6em;
}
.links {
line-height:1.4em;
}
.infoBlock p {
margin-top:0;
}
.infoBlock h4 {
color:#444;
margin:0;
}
.linkBlock, .infoBlock {
font-size:.9em;
margin:14px 0;
border:1px solid #9b9b9b;
}
.linkBlock {
background-color:#F5F5FC;
}
#main_content_1 .color_green {
background-color:#F5F5FC;
}
.infoBlock {
background-color:#F5F5FC;
}
#main_content_1 .infoBlock .inner {
margin:10px;
}
#main_content_1 .more {
text-align:right;
padding-right:9px;
margin-top:.7em;
background:transparent url(/Structural-Images/arrow_more.gif) right center no-repeat;
}
#main_content_1 .infoBlock a:link {
text-decoration:none;
}
#main_content_1 .infoBlock a:visited {
color:#3754d4;
}
#main_content_1 .infoBlock a:hover {
color:#bc3e06;
text-decoration:underline;
}
#main_content_1 .infoBlock a:active {
color:#bc3e06;
text-decoration:underline;
}
#main_content_1 .linkBlock h2, #main_content_1 .infoBlock h2 {
font-size: 1.2em;
width: auto;
color:#fff;
font-weight:normal;
text-transform:uppercase;
margin:-1px -1px 0px -1px;
padding:6px 10px;
background:#292C7B url(/Structural-Images/block_header.gif) top left no-repeat;
}
#main_content_1 .color_green h2 {
background:#217518 url(/Structural-Images/block_header_green.gif) top left no-repeat;
}
#main_content_1 #home_right_column .linkBlock h2, #main_content_1 #home_right_column .infoBlock h2 {
background:#292C7B url(/Structural-Images/block_header_wide.gif) top left no-repeat;
}
#main_content_1 #home_right_column .color_green h2 {
background:#217518 url(/Structural-Images/block_header_wide_green.gif) top left no-repeat;
}
#main_content_1 .linkBlock a, #main_content_1 .infoBlock a {
text-decoration:none;
background:none;
}
.linkBlock .footer, .infoBlock .footer {
height:3px;
position:relative;
top:1px;
background:transparent url(/Structural-Images/link_block_footer.gif) bottom left no-repeat;
margin:0 -1px -1px -1px;
}
.infoBlock .footer, .color_green .footer {
background:transparent url(/Structural-Images/block_footer.gif) bottom left no-repeat;
}
#home_right_column .linkBlock .footer {
background:transparent url(/Structural-Images/link_block_footer_wide.gif) bottom left no-repeat;
}
#home_right_column .color_green .footer, #home_right_column .infoBlock .footer {
background:transparent url(/Structural-Images/block_footer_wide.gif) bottom left no-repeat;
}
* html .linkBlock, * html .infoBlock, * html .linkBlock, * html .infoBlock {
border-top:none;
}
* html #main_content_1 .linkBlock h2, * html #main_content_1 .linkBlock .footer, * html #main_content_1 .infoBlock h2, * html #main_content_1 .infoBlock .footer {
margin:0px -1px 0px -1px;
}
* html .linkBlock .footer, * html .infoBlock .footer {
font-size:0;
}
#main_content_1 .linkBlock ul {
margin:0;
padding:0;
width:100%;
}
#main_content_1 .linkBlock ul li {
margin:0;
padding:5px 10px;
border-top:1px solid #cdcdcd;
list-style-type:none;
}
#main_content_1 .infoBlock ul {
margin:0;
padding:0;
}
#main_content_1 .infoBlock ul li {
list-style-type:none;
padding-left:18px;
background: transparent url(/Structural-Images/bullet_black.gif) 0px .4em no-repeat;
margin-bottom:.5em;
}
#main_content_1 .infoBlock ul li ul li {
list-style-type:none;
padding-left:18px;
background: transparent url(/Structural-Images/bullet_black.gif) 0px .4em no-repeat;
margin-bottom:.5em;
} 
.linkBlock h2:hover {
cursor:pointer
}
.panel {
display: block;
}
.closed .panel {
display:none;
}
.arrow {
display:block;
float:left;
}
.arrow {
width:10px;
height:10px;
margin:3px 3px 0 0;
padding:0;
vertical-align:middle;
background:transparent url(/Structural-Images/white-arrow_blue.gif) left -60px no-repeat;
}
.color_green .arrow {
background-image:url(/Structural-Images/white-arrow_green.gif);
}
.closed h2 .arrow {
display:block;
}
.closed h2 .arrow {
background-position: left top;
}
/* Contact Block */
#contactBlock {
height:218px;
font-size:.9em;
margin:14px 0;
background:#F5F5FC url(/Structural-Images/contact_block_body.gif);
}
#contactBlock h2 {
font-size: 1.2em;
border-bottom: none;
width: auto;
margin-bottom: .5em;
background:#F5F5FC url(/Structural-Images/contact_block_header.gif) top left no-repeat;
font-weight:normal;
padding:8px 8px 0;
}
/*---------------------------------------------*/
/* contactPanel_module */
/* Tab Panel section with hover effects */
/*---------------------------------------------*/
/*---------------------------------------------*/
/* contactPanel_module */
/* Tab Panel section with hover effects */
/*---------------------------------------------*/
#contactPanel {
margin:0;
width:99%;
}
#tab_list {
padding: 0;
position:relative; /* Makes this the containing block */
white-space: nowrap;
display:block;
z-index:10;
width:100%;
}
#tab_list ul {
position: absolute; /* Needed for IE 5.x */
margin: 0;
z-index:1;
padding: 0;
width:100%;
}
#contactPanel #tab_list ul {
margin: 0;
}
#tab_list ul#tab_ul {
height: 30px;
}
li#contactPanel_1, li#contactPanel_2, li#contactPanel_3 {
background: #7E98BA url(/Structural-Images/contactPanel_tabs.gif) 0px -60px no-repeat; /* normal tabs */
margin: 0;
float: left;
display: inline;
padding: 0;
}
#tab_list .tab_link {
z-index:10;
position:relative;
color:#000;
text-decoration: none;
padding:8px 14px 0px 8px; /* Adjust left and right padding to adjust width of the tabs */
display: block; /* Needed for Opera */
float:left; /* Needed for IE, breaks Opera */
background: transparent url(/Structural-Images/contactPanel_tabs.gif) 100% -60px no-repeat;
height:30px; /* Needed for IE 5.x broken box */
voice-family:"\"}\"";
voice-family:inherit;
height:22px; /* 30 - 8, for non-broken browsers */
}
html[xmlns] #tab_list .tab_link {
float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}
#tab_list a:hover {
text-decoration: underline;
}
#contactPanel #tab_list li {
list-style-type: none;
list-style-image: none;
}
#tab_list ul ul {
position:absolute;
top:29px;
left:0px;
display:none;
z-index:-10;
border:1px solid #7E98BA; /* dark blue */
padding:12px 0 16px 0;
background:#E8EFF6; /* Light blue */
}
#contactPanel #tab_list ul ul li {
padding:0 12px 0 12px; 
}
#contactPanel #tab_list ul ul li a {
}
#tab_list ul li.contactPanel_default ul, #tab_list ul li:hover ul {
display:block;
}
#tab_list li.contactPanel_default .tab_link, #tab_list li:hover .tab_link {
background: transparent url(/Structural-Images/contactPanel_tabs.gif) top right no-repeat;
color:#000;
text-decoration: none;
}
#tab_list li.contactPanel_default, #contactPanel_1:hover, #contactPanel_2:hover, #contactPanel_3:hover {
background: #E8EFF6 url(/Structural-Images/contactPanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}
#contactPanel #tab_list li .tab_link:hover { /* Needed for IE */
text-decoration: none;
}
#contactPanel #tab_list a:hover, #contactPanel #tab_list li.contactPanel_default ul a:hover {
text-decoration:underline;
}
#contactPanel ul ul a:hover {
background:transparent;
}
#contactPanel #contactPanel_1_sublist, #contactPanel #contactPanel_2_sublist {
height:136px;
font-size:.95em;
line-height:1.6em;
padding-top:4px;
}
* html #contactPanel #contactPanel_1_sublist, * html #contactPanel #contactPanel_2_sublist {
height:150px; /* info container height for IE6 */
}
* html #tab_list ul#tab_ul ul {
padding:3px 0;
}
* html #tab_list ul#tab_ul ul li {
border:1px solid #e8eff6;
}
#tab_list .bottom_right { /* For the rounded corner */
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(/Structural-Images/contactPanel_corners.gif) top left no-repeat;
}
#tab_list .bottom_left { /* For the rounded corner */
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
left:-2px;
background: url(/Structural-Images/contactPanel_corners.gif) top right no-repeat;
}
/* End of contactPanel_module */
/* Controller Welcome Block */
#welcome {
position:relative;
padding:1em 1em 0;
margin:10px 12px 0 10px;
line-height:1.6em;
}
#welcome_img img {
float:left;
margin:0 1em 1em 0;
border:1px solid #ccc;
}
/* End Controller Welcome Block */
.grey {
border:1px solid #ccc;
background:#fff url(/Structural-Images/controller_background.jpg) repeat-x;
}
.grey .bottom_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) top left no-repeat;
}
.grey .bottom_left {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
left:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) top right no-repeat;
}
.grey .top_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
top:-2px;
right:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) bottom left no-repeat;
}
.grey .top_left {
position:absolute;
width:6px;
height:6px;
font-size:1px;
top:-2px;
left:-2px;
background: url(/Structural-Images/block_with_image_corners_grey.gif) bottom right no-repeat;
}
/* Video Block */
#home_right_column .videoBlock .header, #middle_column .videoBlock .header, #left_column .videoBlock .header, #right_column .videoBlock .header {
color:#fff;
font-weight:normal;
text-transform:uppercase;
margin:-1px -1px 0px -1px !important;
padding:0;
padding-top:3px;
background:#F5F5FC url(/Structural-Images/block_thin-header_wide.gif) top left no-repeat;
}
#left_column .videoBlock .header, #right_column .videoBlock .header {
background:#F5F5FC url(/Structural-Images/block_thin-header.gif) top left no-repeat;
}
#middle_column .videoBlock {
margin-top:1px;
}
#middle_column .videoBlockOuter {
margin:0 14px 14px 0;
width:308px;
float:left;
}
#middle_column .color_green .footer, #middle_column .infoBlock .footer {
background:transparent url(/Structural-Images/block_footer_wide.gif) bottom left no-repeat;
}
#middle_column .videoContainer, #home_right_column .videoContainer {
height:235px;
width:286px;
overflow:hidden;
}
#left_column .videoContainer, #right_column .videoContainer {
height:152px;
width:176px;
}
#videoContainer {
height:100%;
}
#left_column .videoBlock h2, #right_column .videoBlock h2, #home_right_column .videoBlock h2, #middle_column .videoBlock h2 {
color:#000;
font-weight:bold;
padding:0;
margin-bottom:4px !important;
font-size: 1em;
text-transform:none;
background-image:none;
background:transparent !important;
}
/* End Video Block */
/* Unclaimed Property Block */
#ucp {
position:relative;
border:1px solid #9b9b9b;
}
#ucp .header_bar {
background:#e3e3e3;
font-weight: normal;
padding:5px 10px 5px 10px;
margin:0px;
border:1px solid #fff;
border-bottom:none;
}
#ucp h2 {
color:#666666;
font-weight:bold;
background-color:transparent;
border:none;
margin:0;
padding:0;
float:left;
}
#ucp #search_ucp {
margin:0;
padding:0;
float:right;
white-space:nowrap;
}
#ucp #search_ucp a {
color:#447bce;
text-decoration:none;
}
#ucp .inner {
position:relative; /* needed for background render in IE6 */
margin:0;
padding:0;
background:#e3e3e3 url(/Structural-Images/ucp_background.jpg) repeat-x;
border:1px solid #fff;
border-top:none;
}
#ucp .inner2 {
padding:10px 10px 10px 10px;
background:transparent url(/Structural-Images/unclaimed_property.jpg) right top no-repeat;
min-height:80px;
}
#ucp p {
color:#666666;
margin-right:100px;
}
#ucp h4 {
font-weight:normal;
padding-left:9px;
background:transparent url(/Structural-Images/arrow_more.gif) left center no-repeat;
display:inline;
}
#ucp ul {
margin:0;
padding:0 0 0 5px;
display:inline;
}
#ucp ul li {
margin:0;
padding:0 8px 0 0;
display:inline;
}
#ucp ul li a {
white-space:nowrap;
}
#ucp .bottom_right {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) top left no-repeat;
}
#ucp .bottom_left {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) top right no-repeat;
}
#ucp .top_right {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) bottom left no-repeat;
}
#ucp .top_left {
background: url(/Structural-Images/block_with_image_corners_ucp.gif) bottom right no-repeat;
}
/* End Unclaimed Property Block */
#pressBlock {
position:relative;
padding:12px;
margin-bottom:14px;
} 
/* Styles for specific page elements */
.content_nav {
margin:.5em 0;
min-height:45px; 
width:100%; 
float:left;
}
.content_nav .inner {
padding:0 1em; 
min-height:45px; 
float:left; 
background-color:#d1dfcc;
}
* html .content_nav, * html .content_nav .inner {
height:45px;
}
.content_nav .left_edge {
height:45px; 
width:4px; 
float:left; 
background:url(/Structural-Images/content_nav_left.gif) no-repeat;
}
.content_nav .right_edge { 
height:45px; 
width:4px; 
float:left;
background:url(/Structural-Images/content_nav_right.gif) no-repeat;
}
.content_nav strong {
margin-top:14px; 
padding-right:.5em;
float:left; 
}
.content_nav ul {
list-style-type:none; 
list-style-image:none !important; 
margin:0; 
margin-top:11px; 
padding:0; 
padding-right:1em; 
border-left:1px solid #000; 
height:21px; 
float:left; 
background: #ffffff url(/Structural-Images/content_nav_list.gif) no-repeat bottom right;
}
.content_nav li {
list-style-type:none !important; 
list-style-image:none !important; 
margin-left:.6em; 
margin-top:3px;
float:left; 
}
.content_nav li a {
font-weight:bold; 
color:#405d35;
text-decoration:none; 
}
.content_nav li a:hover {
color:#75aa61;
}
.content_nav li a:active {
color:#cccccc; 
}
div.section {
margin-bottom:2.3em;
}
.adobe_download {
clear:left;
padding-top:2px;
font-size:.8em;
}
.adobe_download img {
vertical-align:middle;
}
/* Photo Gallery */
.photo_gallery_album {
width:200px !important;
margin-right:.8em; 
float:left;
}
.photo_gallery_album_expand {
position:absolute;
left:6px;
top:3px;
}
.photo_gallery_album_expand a {
color:#999;
text-decoration:none;
font-size:1.3em;
}
div.photos_inner {
padding:1em; 
min-height: 220px;
}
.photo_gallery_album_photo {
text-align:center;
}
.photo_gallery_album_photo img, .photo_album_photo img {
padding:.6em;
background-color:#fff;
border:1px solid #ccc;
}
.photo_album_photo {
height: 240px;
width: 160px;
float: left;
text-align:center;
max-height: 240px;
max-width: 160px;
margin: 0px 10px 0px 10px
}
.photo_album_photo img {
/*border:1px solid #999;*/
}
.photo_album h2 {
color:#000;
background:transparent;
font-size:1.3em;
}
.photos img {
border:1px solid #cecece;
background-color:#fff;
}
.photos h3 {
text-transform:none; 
font-weight:normal; 
margin-top:0;
}
.photos a {text-decoration:none; background:none !important;}
/* End Photo Gallery */
/* Body Area Styles */
.imgLeft {
float:left;
margin:0 12px 12px 0;
}
.imgRight {
float:right;
margin:0 0 12px 12px;
}
.imgTopCenter {
text-align:center;
margin:0 auto 12px;
}
.imgBorder .page_image img {
border:1px solid #999;
}
.imgBorderFrame .page_image img {
padding:9px;
border:1px solid #aaa;
}
.page_links {
}
.job_labels {
width: 230px;
float:left;
margin-right:1em;
}
.job_labels label {
font-weight:bold;
text-align:right;
width: 100px;
}
.job_eligibility {
width: 230px;
float:left;
clear:left;
margin-right:1em;
}
.job_eligibility .job_inner {
font-size:.9em;
padding:.5em 1em;
background-color:#eee;
}
.job_terms {
font-style:italic;
font-size:.9em;
}
.job_description {
margin-left: 244px;
}
div.pdf_link {
text-align:right;
float:right;
}
div.pdf_link a {
color:#000;
font-size:.9em;
}
div.pdf_link a img {
vertical-align:middle;
}
.pr_numdate {
font-weight:bold;
float:left;
}
.pr_contact {
font-weight:bold;
text-align:right;
float:right;
}
ul.controller_in_the_news img {
vertical-align:middle;
}
.newsletter_banner {
margin:14px 10px 0;
}
.newsletter_header {
padding:1em;
overflow:hidden;
}
a.pdf {
/*padding-right:10px;
background:transparent url(/Structural-Images/icon_pdf.gif) right center no-repeat;
*/
}
span.icon_pdf {
padding-right:11px;
background:transparent url(/Structural-Images/icon_pdf.gif) left bottom no-repeat;
}
span.icon_xls {
padding-right:14px;
background:transparent url(/Structural-Images/icon_xls.gif) left bottom no-repeat;
}
span.icon_ppt {
padding-right:14px;
background:transparent url(/Structural-Images/icon_ppt.gif) left bottom no-repeat;
}
span.icon_doc {
padding-right:14px;
background:transparent url(/Structural-Images/icon_doc.gif) left bottom no-repeat;
}
.smalltext {
font-size: .8em; 
}
span.span_links span:first-child {
display:none;
}
.press_list_teaser p {
margin-top:0;
margin-bottom:0;
}
.press_list_teaser{
font-style:italic;
}
.small_3_column {
width:31%;
float:left;
padding:0 .5%;
}
.small_2_column {
width:47.5%;
float:left;
padding:0 .5%;
}
.exam_info {
padding-left: 250px;
}
#navigation {
overflow: hidden;
}
/* End Body Area Styles */
/*---------------------------------------------*/
/* For Web Forms */
/*---------------------------------------------*/
#webform td
{
text-align:left;
vertical-align:top;
}
#webform th
{
text-align:right;
vertical-align:top;
font-weight:normal;
}
#webform .required
{
color: #FF0000;
font-weight: bold;
}
#webform .privacy_warning
{
color: #FF0000;
font-weight: bold;
text-align:center;
}
#webform h1
{
text-align:center;
}
#webform h2
{
text-align:center;
}
#webform h4 
{
text-align:center;
}
#webform .privacy_warning
{
color: #FF0000;
font-size: smaller;
font-weight: bold;
text-align:center;
}
#webform table.five_col td
{
width:20%;
text-align:center;
}
/*---------------------------------------------*/
/* For Print */
/*---------------------------------------------*/
@media print{
#welcome {
padding:12px 0;
margin:12px 0;
border:none;
border-bottom:1px solid #000;
}
#ucp {
border:none;
border-bottom:1px solid #000;
}
.block_with_rounded_corners {
width:auto;
border:none;
}
.newsletter_banner {
margin:0;
}
.newsletter_header {
padding:12px 0;
}
}
/*
State of California
Google Site Search add-on for the 2007 template
Version 2010.11.17
*/
/* Search */
#head_search {
float:right;
width:256px;
padding:0 0 2px 0;
background:none;
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;
}
.javascript_on #radio_container {
display:inline;
}
#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 Current Story */
.current_story_image
{
float: right;
margin: 0 0 1em;
padding: .5em;
background: #F5F5FC;
}
.current_story_image_caption p
{
margin: .2em 0 0;
}
/* Block Image Link */
.block-image-link-content img
{
max-width: 100%;
}
/* Carousel Styles */
.sCarousel.enabled
{
position: relative;
padding: 7px 0 5px;
}
.sCarousel.enabled .sCarouselInner
{
position: relative;
overflow: hidden;
}
.sCarousel.enabled .sItemsContainer
{
float: left;
}
.sCarousel.enabled .sItem
{
width: 172px;
height: 78px;
}
.sCarousel.enabled .sItem
{
text-align: center;
float: left;
}
.sPrev, .sNext
{
cursor: pointer;
height: 50px;
width: 23px;
position: absolute;
top: 19px;
overflow: hidden;
text-indent: -99999px;
background: rgba(200,200,200,.5);
}
.sPrev
{
left: -10px;
background:transparent url(/Structural-Images/carousel.png) -9px 0px no-repeat; /* left arrow starts grey */
}
.sPrev.edge
{
background-position: -40px 0;
}
.sNext
{
right: -10px;
background:transparent url(/Structural-Images/carousel.png) -71px 0px no-repeat; /* right arrow starts blue */
}
.sNext.edge
{
background-position: -102px 0;
}
/* YouTube Video Block */
.youtube_videos
{
padding: 1em .5em;
}
.video_youtube 
{
width: 120px;
height: 200px;
float: left;
margin: 0.5em 1em;
}
/* Secondary Row Table Header Styles */
.cms table tbody th
{
font-size: 1em;
text-align: left;
vertical-align: text-top;
color: inherit;
font-weight: inherit;
background: inherit;
*color: #000;
*font-weight: normal;
*background: #fff;
}