/*---------------------------------------------*/
/*  ca_department.css                          */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Department-specific styles                 */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*  main_content_1                             */
/*---------------------------------------------*/

#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;
}

/*CEC custom h1*/
h1 {
font-family: 	Georgia, "Times New Roman", Times, serif;
font-weight: 	bold;
font-size: 		1.5em;
color: 			#253b5a;
border-bottom:	2px dotted #999;
margin:			14px 0;
letter-spacing:	.02em;
width:	99%; /* Fix IE problem, too short */
}


/*CEC custom h2*/
h2 {
font-family:	Helvetica, Arial, sans-serif;
font-weight: 	bold;
font-size: 		1.3em;
color: 			#333333;
margin-bottom:	0em;
margin-top:		1.4em;
/* width:			99%; /* Fix IE problem, too short */ 
}

/*CEC custom h3*/
h3 {
font-family:	Helvetica, Arial, sans-serif;
font-weight:	bold;
font-size:		1.1em;
color: 			#253b5a;
margin-bottom:	-.2em;
}

/*CEC custom h4*/
h4 {
font-family:	Helvetica, Arial, sans-serif;
color: 			#333333;
font-size:		1em;
font-weight:	bold;
margin-bottom:	-.4em;
letter-spacing:	.04em;
}
	

hr {
 color: #c29859;  /* gold */
 background-color: #c29859;
 height: 2px;
 border: 0;
}

#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;
}

.info {
	font-size: x-small ;
	font-weight: normal;
}

/*---------------------------------------------*/
/*  tabpanel_module                            */
/*  Tab Panel section with hover effects       */
/*---------------------------------------------*/

.block_with_image_and_tabpanel {
 padding-bottom:8px;
 min-width:559px;
 height:29em;   /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel.   */ 
}

.block_with_image_and_tabpanel .image_container {
 border: 1px solid #bcc5d0;
 background:#fff;
 padding:7px 7px 7px 7px;
 margin:5px 0px 0px 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: 123px;
 height: 193px; /* Width and height are needed if images are turned off in the browser */
 display:block;
}

#tabpanel_container {
 padding:8px 8px 0 0;
 margin:0 0 0 10px;
}

.contains_landscape_photo, .contains_portrait_photo {
 height:auto;
}

.contains_landscape_photo #tabpanel_container {
 margin:0 0 0 180px; /* Width for landscape photos up to 167px wide, 167 + 13 padding = 180 */
}

.contains_portrait_photo #tabpanel_container {
 margin:0 0 0 150px; /* Width for portrait photos up to 123px wide, 123 + 27 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, li#tabpanel_4, li#tabpanel_5 {
 background: #7E98BA url(/images/ca_department/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 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/ca_department/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:48%;  /* width 48% for 2 columns,  width 100% for 1 column */
 background:transparent url(/images/ca_department/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/ca_department/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, #tabpanel_4:hover, #tabpanel_5:hover {
 background: #E8EFF6 url(/images/ca_department/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/ca_department/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/ca_department/tabpanel_corners.gif) top right no-repeat;
}

#tabpanel_1_sublist p {
white-space:normal;
margin:10px;
}


/* End of tabpanel_module */

/*--------------------------------------------------*/
/*  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 h2, .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;
}

.block_with_rounded_corners .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/* End of block_with_rounded_corners */

/*---------------------------------------------*/
/*  breadcrumbs                                */
/*---------------------------------------------*/

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

/*  End of breadcrumbs  */




/*----------------------------------------------------------*/
/*  Begin custom styles for                              */
/*  California Energy Commission                  */
/*---------------------------------------------------------*/

/*Main custom header styles for h1, h2, h3, h4    */
/*are placed in the main content area near   */ 
/*the top of this CSS file                                */

/*More custom styles for headers*/
/*for specific classes or ids */

#left_column h1, #right_column h1{
font-family:	Helvetica, Arial, sans-serif;
font-weight:	bold;
font-size:		1.1em;
color: 			#000000;
margin-bottom:	-.2em;
border-bottom: none;
}

#left_column h2, #right_column h2{
font-family:	Helvetica, Arial, sans-serif;
font-weight:	bold;
font-size:		1.1em;
color: 			#000000;
margin-bottom:	-.2em;
}

#left_column h3, #right_column h3{
font-family:	Helvetica, Arial, sans-serif;
font-weight:	bold;
font-size:		1.1em;
color: 			#000000;
margin-bottom:	-.2em;
}


/* for when the rounded corner block contains only text, no list or tab */
.block_with_rounded_corners p {
 padding:5px 10px 5px 10px;
}

/*  Formatting  to substitute for  blockquote  - indenting both right and left */
 .indent_block
 {
 margin: 0em 2em 0em 2em;
 } 
  
 
/* show an image on the right  */
.img_on_right 
{
float: right;
margin:  0px 20px 0px 20px;
}  

/* show an image on the left  */
.img_on_left 
{
float: left;
margin:  0px 20px 0px 20px;
}  

/* format news item  */
.news_item h3
{
color: #000000;
margin-top: .9em;
margin-bottom: 0em;
}  


/* format listserv form */
div .form_box 
{
background-color:#EEEEEE;
/* color: #253b5a;  /* same blue as h2  */
color:#003399;   /* bright blue */
font-size:x-small;
font-weight:bold;
margin-bottom:5px;
padding:5px;
text-align:center;
width:auto;
}

/*change list_decorative_blue in middle column to not have links displayed as a block - cg*/
#middle_column .list_decorative_blue a {
display:inline;
}


/*list with plain bullet - CG*/
.list_plain_bullet li, #middle_column .list_plain_bullet li {
 list-style-image:none;
 list-style-type: disc;
 padding:2px;
 margin-bottom:0px;
}

/*list with no bullet or marker - CG*/
.list_unmarked li, #middle_column .list_unmarked li {
 list-style-image:none;
 list-style-type: none;
 padding:2px;
 margin-bottom:0px;
}

/* classes to substitute for align - cg */
	  .left {
  	  text-align: left;
  	  }
  	  
  	  .right {
  	  text-align: right;
  	  }
  	  
  	  .center {
  	  text-align: center;
  	  }
  	 
/* Show text as strikeout - cg */
  	   .strike {
  	  text-decoration: line-through;
  	  }
 
 /*class to substitute for b tag - cg*/
 	.bold {
 	font-weight: bold;
 	}
 	
/* text indented on left only - cg*/
	.toc {
	margin-left: 2em;
	}

/*********************************************************/
/*format an image to look like a slide                */
/*********************************************************/

.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_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;
}
/*********************************************************/
/* file type icons                                                      */
/*********************************************************/
.pdf {
background-image:url(/images/pdf_icon.gif);
/*background-position:left top;*/
background-repeat:no-repeat;
/*font-size:x-small;*/
/*height:auto;*/
padding-bottom:4px;
padding-left:25px;
}
.xls {
background-image:url(/images/excel_icon.gif);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
.ppt {
background-image:url(/images/powerpoint_icon.gif);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
.html {
background-image:url(/images/html_icon.gif);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
 .word {
background-image:url(/images/word_icon.gif);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
.webex {
background-image:url(/images/webex_icon.gif);
background-repeat:no-repeat;
height:15px;
padding-bottom:6px;
padding-left:25px;
}
 .folder {
background-image:url(/images/folder_icon.gif);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
 .zip {
background-image:url(/images/winzip_icon.gif);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
 .cd {
background-image:url(/images/cdrom_icon.jpg);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
 .php {
background-image:url(/images/php_icon.jpg);
background-repeat:no-repeat;
padding-bottom:4px;
padding-left:25px;
}
.movie {
	background-image: url(/images/movie_icon.jpeg);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 4px;	
}
.mb {
	color: #883000;
	font-weight: bold;
}

.infob {
	font-size: x-small ;
	font-weight: normal;
	color: #000000;
}


/*********************************************************/
/*Format taller links in dropdown navigation*/
/*********************************************************/
#navigation #nav_list  .tall_nav_item {  /* format background behind two line entry in vertical submenu - cg */
height: 36px;
}