/*
Energy Commission master template

Primary Colors:
	#14455d - dark blue
	#478299 - lighter blue
	#ce7905 - orange

Secondary Colors:
	#022d3f - dark blue
	#b0c5cf - very light blue
	#7f4704 - brown
	#cc9e66 - very light brown (tan?)
*/

/* *************** CSS Reset *************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* *************** Outer structure *************** */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.78em;
	background:#fff url(../images/body_background.png) repeat-x;
	line-height:1.2;
}

/* *************** Tag Fixes *************** */

sup{
	font-size:xx-small;
	vertical-align:super;
}

sub{
	font-size:xx-small;
	vertical-align:sub;
}

blockquote{
	margin-left:20px;
	margin-right:20px;
}

/* *************** Header *************** */

#header{
	width:968px;
	height:154px;
	margin:0 auto;
	position:relative;
	background:transparent url(../images/header_bg.png) no-repeat top right;
	z-index:10;
}
#skip_to_content a, #skip_to_content a:hover, #skip_to_content a:visited{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skip_to_content a:active, #skip_to_content a:focus{
	position:static;
	width:auto;
	height:auto;
	color:#00f;
	background:#fff;
	padding:1px 2px;
} 
#header .head_cagov_logo{
	position:absolute;
	top:55px;
	left:50px;
	z-index:10;
}
#header .head_organization_banner{
	position:absolute;
	top:49px; /* Adjusts the position of your organization banner */
	left:185px; /* Adjusts the position of your organization banner */
	z-index:20;
}
/* Application Environment */
#head_environment {
	position:absolute;
	left:630px;
	top:55px;
	z-index:10;
	color: black;
	text-decoration: blink;	
}
#head_links{
	position:absolute;
	top:46px;
	left:566px;
	font-size:.9em;
	color:#c2e5f4;
}
#head_links a{
	color:#c2e5f4;
	background-color:#012b41;
	margin:0 8px;
}
#head_links a:hover{
	color:#fff;
}

/* Search */

#head_search{
	position:absolute;
	left:730px;
	top:71px;
	z-index:10;
}
.textfield_container{
	width:183px;
	height:20px;
	background:transparent url(../images/search/header_search_textfield.png) no-repeat;
	float:left;
}
#search_ca_textfield, #search_local_textfield{
	border:0;
	background-color:transparent;
	padding:3px 0 0 8px;
	width:175px; /* 183 - 8 */
	color:#505050;
	font-size:0.92em;
}
.submit_container{
	position:absolute;
	top:0px;
	left:183px;
}
.javascript_off #radio_container{
	display:none;
}
#radio_container{
	position:absolute;
	top:20px;
	left:40px;
	color:#fff;
	font-size:.9em;
	width:172px; /* Fix FF3 issue where increasing font size causes radio buttons to wrap to two lines */
}
#header .radiobutton{
	position:relative;
	top:2px;
}
.javascript_on #header .radiobutton{
	position:absolute;
	left:-2000px;
}
.javascript_on #radio_container label{
	padding:0 0 0 24px;
	background:url(../images/search/header_search_radiobutton.png) no-repeat 12px 3px;
}
.gsc-completion-container{
	z-index:50; /* fix issue where Google autocomplete dropdown appears behind header images */
}

/* Navigation */

#navigation{
	position:absolute;
	top:95px;
	left:16px;
	padding-left:128px; /* adjusts the horizontal position of the top-level nav */
}
#navigation ul{
	padding:0;
	margin:0;
	list-style:none;
}
#navigation li{
	float:left;
	background:transparent url(../images/navigation/nav_divider.png) no-repeat bottom left;
	padding:0 0 0 0px;
}
#navigation li.last_nav_item{
	background-image:none;
}
#navigation a.nav_level1_link{
	text-decoration:none;
	display:block;
	padding:24px 4px 0 5px; /* adjust the width of the tabs by adjusting the left & right padding */
	margin-right:1px; /* add 1px gap on right side of tab */
	height:23px; /* 47 - 24 */
	color:#eee;
    /*text-transform:uppercase;	 */
    font-size:1.1em; 
	text-shadow:#000 1px 1px 3px; /* This is valid in CSS 2 and 3 but not 2.1 */
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
}
#navigation li.last_nav_item a.nav_level1_link{
	margin-right:0px;
}
#nav_list :first-child a.nav_level1_link{
	padding-left:35px; /* Add padding so the entire background highlight can be seen */
}
.highlighted_nav_item a.nav_level1_link, .body_home #nav_list :first-child .nav_level1_link{
	background:transparent url(../images/navigation/nav_highlight.png) no-repeat bottom right; /* current page item, home, spec 0-2-1, 1-3-0 */
}
#navigation #nav_list.unhighlight_nav_item a.nav_level1_link{
	background-image:none; /* unhighlight current page item, spec 2-2-1 */
}
#header #navigation #nav_list li:hover a.nav_level1_link{
	background:transparent url(../images/navigation/nav_highlight.png) no-repeat bottom right; /* hovered item, spec 3-2-2 */
}

/* Ribbon */

.add_ribbon #img_ribbon{
	width:968px;
	height:115px;
	background:transparent url(../images/ribbon.png) no-repeat;
	position:absolute;
	top:364px;
	z-index:20;
}
.add_ribbon #main_content{
	padding-top:48px; /* reserve space for ribbon */
	z-index:25;
}

/* *************** page_container *************** */

#page_container{
	background:transparent url(../images/page_content_shadow.png) repeat-y;
	width:968px;
	min-height:280px;
	margin:-11px auto 0 auto;
}
#main_content{
	margin:0 auto;
}

/* *************** Banner *************** */

#banner{
	width:936px;
	height:285px;
	color:#505050;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
}

/* banner fader */

#banner_fader{
	visibility:hidden;
}

#banner_fader li img{
	position:absolute;
	top:0;
	left:0;
	width:936px;
	height:285px;
}

#banner_fader  a{
	text-decoration: none;
}

#banner_fader .banner_headline {
	display: block;
	/*font-size:50px;*/
	font-size:  3.7em;
	margin:30px 0 0 0;
	border:none;
	width:800px;
}

#banner_fader .banner_headline, #banner_fader .banner_subtitle{
	position:relative;
	padding-left:35px;
	color:#fff;
}
#banner_fader .banner_subtitle{
	display: block;
	width:400px;
}
#banner_links, #banner_topfix{
	position:absolute;
	top:0;
	left:0;
}
#banner_links li, #banner_topfix li{
	position:relative;
	top:0;
	left:0;
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-color:#888;
	margin-right:5px;
	cursor:pointer;
}
#banner_tabs{
	position:relative;
	top:-80px;
	left:20px;
	width:936px;
	margin:0 auto;
	z-index:0;
}

/* *************** Main Content *************** */

#main_content{
	width:876px;
	position:relative;
	padding:10px 30px 0 30px;
}
.add_padding{
	padding:16px;
}
.content_left_column{
	width:590px;
	float:left;
}
.content_right_column{
	width:266px;
	float:left;
	margin-left:20px;
}

/* *************** Content *************** */

ol, ul{
	padding-left:24px;
}

ul ul, ul ol, ol ol, ol ul{
	padding-left:16px;
}

.two_column, .two_column_left{
	width: 45%;
	float:left;
	margin-right: 16px;
}

.two_column_right{
	width:45%;
	float:right;
}

.split_column_60 {
	width: 57%;
	float:left;
	margin-right: 16px;
}

.split_column_40 {
	width: 37%;
	float:left;
	margin-right: 16px;
}

.three_column {
	width:30%;
	float:left;
	margin-right: 16px;
}

p{
	color:#404040;
	font-size:1em;
	line-height:1.5em;
	margin:.1em 0 1em 0;
}
h1, h2, h3, h4, h5{
	font-weight:normal;
	margin:0.6em 0;
}
h1{
	color:#14455d;
	font-size:2.3em;
	border-bottom:2px solid #ce7905;
}
h2{
	color:#ce7905;
  	font-size:1.6em;
}
h3{
	color:#333;
	font-size:1.3em;
	
}
h4{
	color:#404040;
	font-size:1.25em;
 
}
h5{
	color:#000;
	font-size:1em;
	font-weight:bold;
}
hr{
	color:#ce7905;
	background-color:#ce7905;
	border:none;
	height:2px;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
a{
	color:#14455d;
	text-decoration:none;
}
a:hover{
	color:#478299;
	text-decoration:underline;
}
a:visited{
	color:#7f4704;
}
p a {
	text-decoration: underline;
}
.hidden{ /* Hide from regular displays.  Screen readers can still read it. */
	display:block;
	position:absolute;
	left:-9999px;
	top:0;
}
.cleaner{
	clear:both;
	height:2px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}
.indent{
	padding-left:42px;
}
.nobackground{
	background:none !important;
}
.position_relative{
	position:relative;
}
.corner_left_top{
	position:absolute;
	top:0;
	left:0;
}
.corner_right_top{
	position:absolute;
	top:0;
	right:0;
}
.corner_left_bot{
	position:absolute;
	bottom:0;
	left:0;
}
.corner_right_bot{
	position:absolute;
	bottom:0;
	right:0;
}

/* breadcrumbs */

.breadcrumbs{
	width:920px;
	margin:0 auto;
	padding:5px 5px 5px 10px;
	background:#e5e5e5;
	border-top:2px solid #777;
}
.breadcrumbs .crumb{
	padding-right:10px;
	padding-left:18px;
	background:url(../images/breadcrumb_divider.gif) no-repeat left center;
}
.breadcrumbs a{
	color:#333;
}
.breadcrumbs a:visited{
	color:#555;
}
.breadcrumbs a:hover{
	color:#777;
}
.add_ribbon .content_right_column{
	position:relative;
	top:0;
	left:0;
}

/* governor's image & laird image */

.governor{
	width:342px;
	height:62px;
}

.add_ribbon .content_right_column .governor{
	position:absolute;
	top:-124px;
	left:0;
}

/* slideshow */

.slideshow{
	margin:10px auto;
	width:313px;
	height:230px;
	position:relative;
	top:0;
	left:0;
}
.slideshow ul, .slideshow ol{
	padding:0;
	margin:0;
}
.slideshow li{
	list-style-type:none;
	position:absolute;
}
.slideshow ul.images li{
	display:none;
}
.slideshow ul.images li.selected{
	display:inline;
}
.slideshow .selectors ol{
	float:right;
}
.slideshow .selectors{
	position:absolute;
	top:220px;
	left:0;
	width:204px;
}
.slideshow .selectors li{
	float:left;
	position:relative;
}
.slideshow .selectors a{
	background:#ddd;
	border:1px solid #aaa;
	color:#555;
	display:block;
	text-decoration:none;
	width:12px;
	height:16px;
	padding-left:5px;
	padding-top:1px;
	margin-left:5px;
}
.slideshow .selectors li.selected a, .slideshow .selectors a:hover{
	background:#cde;
	border:1px solid #89a;
	color:#000;
}
.slideshow .selectors .left a{
	background:url(../images/slideshow/slideshow_arrows.png) -3px -2px no-repeat;
	border:none;
	height:18px;
}
.slideshow .selectors .right a{
	background:url(../images/slideshow/slideshow_arrows.png) -30px -2px no-repeat;
	border:none;
	height:18px;
}

/* calendar */

.calendar{
	width:51%;
	float:right;
}

.calendar .miniCalTable td{
	padding: 0;
	font-size: 1em;
}

.calendar_list{
	width:48%;
	float:left;
	list-style-type:none;
	padding-left:0;
	font-size:.9em;
}
.calendar_list .date{
	font-weight:bold;
	color:#000;
}
.calendar_list li{
	margin-bottom:10px;
}

/* *************** Footer *************** */

#footer{
	width:968px;
	margin:0 auto;
	background:transparent url(../images/footer_shadow.png) no-repeat;
	text-align:center;
	padding:34px 0 20px 0;
	color:#ffffff;
	font-size:1.00em;
	font-weight:bold;
}
#footer div{
	padding:0 45px;
}
#footer a{
	color:#ffffff;
	padding:0 4px;
}

/* Overrides */
#main_content{
	width:940px;
	position:relative;
	padding:10px 0;
}