/*---------------------------------------------*/
/*  ca_portal.css                              */
/*  Version 1.00                               */
/*                                             */
/*  Department-specific styles                 */
/*---------------------------------------------*/
/* Not a standard part of the template -- */
/*---------------------------------------------*/
/*  main_content                               */
/*---------------------------------------------*/

#main_content {
 padding:0;
/* background:transparent url(../images/left_column_bg.gif) top left repeat-y;*/
 float:left;
}

#left_column {
 float:left;
 width:199px;
 margin:0;
 padding:0;
}

#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/left_column_divider.gif) bottom left no-repeat;
}*/

.left_column_top a {
 display:block;
}

.left_column_top a:hover {
 background:#ECECE7; /* light gray */
}

.governor_website {
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 clear:both;
}

#middle_column {
 margin:0 0 0 199px;
}

.column_inner {
 padding:14px;
}

#left_column .column_inner {
 padding:8px;
}


* html .column_inner {
  float:left; /* Needed for IE */
}
#left, .column_inner { /* Prevent oversized content from breaking the layout */
  overflow:hidden;
}

/*---------------------------------------------*/
/*  tabpanel                                   */
/*  Tab Panel section of the Portal home page  */
/*---------------------------------------------*/

.block_with_image_and_tabpanel {
 padding-bottom:8px;
}

.block_with_image_and_tabpanel .image_container {
	border: 1px solid #bcc5d0;
	background:#fff;
	padding:7px 7px 7px 7px;
	margin:5px 5px 5px 5px;
	text-align:center;
	float:left;
	display:inline;
	width:137px; /* Width for portrait photos, 123 + 14 = 137, needed for IE 5.0 */
	overflow: hidden;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:auto; /* Width for portrait photos, for non-broken browsers */
}

.block_with_image_and_tabpanel .image_container img {
	width: 420px;
	height: 222px;
	display:block;
}

#tabpanel_container {
 margin:0 0 0 180px; /* Width for landscape photos, 164 + 16 padding = 180 */
 padding:8px 8px 0 0;
}

.contains_portrait_photo #tabpanel_container {
 margin:0 0 0 150px; /* Width for portrait photos, 134 + 16 padding = 150 */
}

#tabpanel {
 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%;
}
#tab_list ul#tab_ul {
 height: 30px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3 {
 background: transparent url(../images/tabpanel_tabs.gif) 0px -60px  no-repeat;
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

#tab_list a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px 12px; /* 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(../images/tabpanel_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 a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

#tab_list a:hover {
 text-decoration: underline;
}

#tabpanel #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 */
}

#tabpanel #tab_list ul ul li {
 float: left;
 width:49%;
 background:transparent url(../images/bullet_black.gif) 6px .3em no-repeat;
}

#tabpanel #tab_list ul ul li a {
 float:none;
 height:auto;
 margin:0 0 0 24px;
}

#tab_list ul li.tabpanel_default ul, #tab_list ul li:hover ul {
 display:block;
}

#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link {
 background: transparent url(../images/tabpanel_tabs.gif) top right no-repeat;
 color:#000;
 text-decoration: none;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover {
 background: transparent url(../images/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}

#tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
 text-decoration: none;
}

#tabpanel #tab_list a:hover, #tabpanel #tab_list li.tabpanel_default ul a:hover {
 text-decoration:underline;
}

#tabpanel ul ul a:hover {
 background:transparent;
}

#tab_list .bottom_right { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/tabpanel_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(../images/tabpanel_corners.gif) top right no-repeat;
}

/*--------------------------------------------------*/
/*  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; /* 144px - Adjust left padding for overlapping image */
 margin:0px;
}

.block_with_rounded_corners span { /* For the rounded corner */
}
.block_with_rounded_corners .bottom_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../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(../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:-1px;
 right:-2px;
 background: url(../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:-1px;
 left:-2px;
 background: url(../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_image_and_list                       */
/*  Current Topics section of the Portal home page  */
/*--------------------------------------------------*/

.block_with_image_and_list {
 margin:10px 0 10px 0;
 padding:0 0 4px 0;
}

.block_with_image_and_list ul {
 padding-right:12px;
 margin-left:180px; /* Width for landscape photos, 164 + 16 padding = 180 */
}

.contains_portrait_photo.block_with_image_and_list ul {
 margin-left:150px; /* Width for portrait photos, 134 + 16 padding = 150 */
}

/*--------------------------------------------------------*/
/*  photo_slide                                           */
/*  Photo Slide with thumbnail and links to photo contest */
/*--------------------------------------------------------*/

.photo_slide {
 float:right;
 width:186px;
 background: url(../images/photo_slide_background.gif) repeat-y;
 text-align:center;
 margin:16px 0 8px 0;
 padding:12px 0 12px 0;
 position:relative;
 border-right:8px solid #ECECE7;
 border-left:8px solid #ECECE7;
}
.photo_slide1 {                        /*this style removes the border right and left from the photo slide and turns background to light grey color instead of white */
 float:right;
 width:186px;
 background: url(../images/photo_slide_background1.jpg) repeat-y;
 text-align:center;
 margin:16px 0 8px 0;
 padding:1em 0 1em 0;
 position:relative;
 }
.photo_slide img {
 padding-top:6px;
}
.photo_slide a:hover {
 background:#fff;
}

#middle_column .photo_slide ul {
 text-align:left;
 margin-bottom:2px;
}

#middle_column .photo_slide li {
 margin-bottom:0px;
}

.photo_slide .slide_top { /* For the top */
 position:absolute;
 width:186px;
 height:12px;
 font-size:1px;
 top:0px;
 left:0px;
 background: url(../images/photo_slide_top.gif) top left no-repeat;
}

.photo_slide .slide_bottom { /* For the bottom */
 position:absolute;
 width:186px;
 height:12px;
 font-size:1px;
 bottom:0px;
 left:0px;
 background: url(../images/photo_slide_bottom.gif) top left no-repeat;
}


/*--------------------------------------------------*/
/*  photo_contest                                   */
/*  Photo Contest thumbnails section of the Portal  */
/*--------------------------------------------------*/

.photo_contest div {
 width:29%;
 float: left;
 text-align:center;
 padding:10px 8px 12px 0;
}

.photo_contest div.cleaner {
 float:none;
}

.photo_contest img {
 vertical-align:middle;
}

.photo_contest span {
 display:block;
 line-height:175px;
 min-height:175px;
 height:auto !important; /* For Firefox only */
 height:175px; /* For IE only */
}

.photo_contest p {
 text-align:center;
}

/*--------------------------------------------------------*/
/*  banners                                               */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

.banners strong {
 text-align:center;
 display:block;
}

.banners div {
 float:left;
 width:234px;
 padding:0 30px 0 0;
}

.banners img {
 display:block;
 margin:6px 0;
}


/*--------------------------------------------------------*/
/*  Miscellaneous other Portal-specific styles            */
/*--------------------------------------------------------*/

#amber_alert_on {
 margin-bottom:10px;
}

.photo_aligned_right {
 float:right;
 margin:-12px 0 10px 10px;
 padding:0 0 2px 0;
 border-bottom:2px dotted #999;
}

.list_decorative_dark li, #middle_column .list_decorative_dark li {
 list-style-image:url(../images/bullet_black.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_light li, #middle_column .list_decorative_light li {
 list-style-image:url(../images/bullet_gray.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_blue li, #middle_column .list_decorative_blue li {
 list-style-image:url(../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;
}

.list_half_width {
 width:48%;
 float:left;
}

#main_content .no_bullet {
 list-style-image:none;
 list-style-type:none;
}

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:100%; /* 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;
}

#middle_column .three_column_list li {
 list-style-type:none;
 list-style-image:none;
 background:transparent url(../images/bullet_red.gif) 0px 3px no-repeat;
 width:29%;
 float: left;
 padding:0 .2em 0 1.5em ;
}

.agency_index_tabs { /* For the alphabetic tabs of the agency index */
 font-size:1.1em;
 font-weight:bold;
 text-align:center;
 border-top:2px solid #BCC5D0;
 border-bottom:2px solid #BCC5D0;
 padding:4px 0;
}

.breadcrumbs {
 background-color:#ecece7;
 padding:5px 5px 5px 10px;
}

#middle_column ul li {
 list-style-image:url(../images/bullet_red.gif);
 margin-bottom:15px;
}

#middle_column li ul li{
 list-style-image:url(../images/bullet_darkgray.gif);
 margin-bottom:5px;
}