/*
State of California master template
Version 2010.12.09
*/

/* *************** 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: 0;
	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/design01/body_background.png) repeat-x;
	line-height: 1.6;
}


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

#header {
	width:968px;
	min-width:968px;
	max-width:968px;
	height:168px;
	margin:0 auto;
	position:relative;
	background:transparent url(../images/design01/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:12px;
	left:29px;
	z-index:10;
}
#header .head_organization_banner {
	position:absolute;
	top:39px; /* Adjusts the position of your organization banner */
	left:150px; /* Adjusts the position of your organization banner */
	z-index:20;
}

#head_links {
	position:absolute;
	top:27px; 
	left:625px; /* changed from 599 to 680 */
	font-size:.9em;
	color:#c2e5f4;
}
#head_links a {
	color:#c2e5f4;
	background-color:#012b41;
	margin:0 4px; /* changed from 8 to 4 */
}
#head_links a:hover {
	color:#0d4a6b;
}


/* Search */

#head_search {
	position:absolute;
	left:629px;
	top:57px; /* distance from top for search area */
	z-index:10;
}

.textfield_container {
	width:293px;
	height:28px; /* image height for search area */
	background:transparent url(../images/design01/header_search_textfield.png) no-repeat;
	float:left;
}
#search_ca_textfield, #search_local_textfield {
	border:0;
	background-color:transparent;
	padding:4px 0 0 8px;
	width:285px; /* 183 - 8 */
	color:#333; /* previous color 00598F, before that c0c0c0 and before that 505050 */
	font-weight:normal; /* previous is bold */
	font-size:1.25em;
}

#search_ca_textfield, #search_local_textfield input[type="text"]:focus {
	color:#000;
}


.submit_container {
	position:absolute;
	top:0px;
	left:293px; /* submit button position */
}
.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/design01/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:99px;
	left:5px;
	padding-left:10px; /* 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/common/nav_divider.png) no-repeat bottom right;
	padding:0 0 0 0px; /* adjust the text positioning first level nav */
}
#navigation li#NE-last {
    float: left;
    background: transparent !important;
    padding: 0 0 0 0px;
}
#navigation li.last_nav_item {
	background:none;
}

#navigation a.nav_level1_link {
	text-decoration:none;
	display: block;
	padding:0 10px 0 10px; /* adjust the width of the tabs by adjusting the left & right padding */
	margin-right:1px; /* add 1px gap on right side of tab */
	margin-left:1px;
	height:30px; /* 47 - 24  changes distance of nav_highlight */
	color: #eee;
	font-weight:bold;
	/* text-transform: uppercase; */
	font-size: 1.05em;
	/*text-shadow: #000 1px 1px 3px;  This is valid in CSS 2 and 3 but not 2.1 */
	padding-top:24px;
	padding-right:5px;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
	padding-top:-6px;
}

#navigation a.nav_level1_link_home {
	text-decoration:none;
	display: block;
	padding:0 10px 0 14px; /* adjust the width of the tabs by adjusting the left & right padding */
	margin-right:1px; /* add 1px gap on right side of tab */
	margin-left:-6px;
	height:28px; /* 47 - 24  changes distance of nav_highlight */
	color: #eee;
	font-weight:bold;
	/* text-transform: uppercase; */
	font-size: 1.05em;
	/*text-shadow: #000 1px 1px 3px;  This is valid in CSS 2 and 3 but not 2.1 */
	padding-top:24px;
	padding-right:5px;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
}


#navigation li.last_nav_item a.nav_level1_link a.nav_level1_link_home {
	margin-right:0px;
}

#nav_list :first-child a.nav_level1_link, #nav_list :first-child a.nav_level1_link_home {
	padding-left:56px; /* Add padding so the entire background highlight can be seen, Adjusts Home Nav */
}

.highlighted_nav_item a.nav_level1_link, .body_home #nav_list :first-child .nav_level1_link {
	background: transparent url(../images/common/nav_highlight.png) no-repeat bottom right; 

	
	/* current page item, home, spec 0-2-1, 1-3-0 */
}

.highlighted_nav_item a.nav_level1_link_home, .body_home #nav_list :first-child .nav_level1_link_home {
	background: transparent url(../images/common/nav_highlight_home.png) no-repeat bottom right; /* current page item, home, spec 0-2-1, 1-3-0 */
	background-position: 0;
}

#navigation #nav_list.unhighlight_nav_item a.nav_level1_link, #navigation #nav_list.unhighlight_nav_item a.nav_level1_link_home {
	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/common/nav_highlight.png) no-repeat bottom right; /* hovered item, spec 3-2-2 */
	
}

#header #navigation #nav_list li:hover a.nav_level1_link_home {
	background: transparent url(../images/common/nav_highlight_home.png) no-repeat bottom right; /* hovered item, spec 3-2-2 */
	background-position: 0;
}


/* Ribbon */

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

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

#page_container {
	background:transparent  url(../images/common/page-container.png) repeat-y ;
	width:968px;
	margin:0 auto 0 auto;
}

#banner, #main_content {
	margin:0 auto;
	color:#505050;
}

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

#banner {
	height:294px;
	width:948px;
	background:transparent url(../images/design03g/page-container-bg.png) no-repeat;
	margin-left:11px;
	padding:0;
	padding-top:10px;
	margin-top:-21px;
	overflow:hidden;
	float:left;
}

div.banner_inside {
	height:250px;
	width:947px;
	background:none;
	margin-left:11px;
	padding:0;
	margin-top:0px;
	position:relative; top:-20px;
	overflow:hidden;}

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

#main_content {
	padding:0 0 0 0;
}

.add_padding {
	padding:16px 35px 16px 35px;
}

.content_left_column {
	width:600px;
	float:left;
}
.content_right_column {
	width:310px;
	float:left;
	padding:0 0 0 12px;
}

.breadcrumbs {
	padding: 5px 5px 5px 10px;
}
.breadcrumbs img {
	padding: 0 4px;
}


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

#footer_2 {
	width:968px;
	margin:0 auto;
	text-align:center;
	padding:90px 0 20px 0;
	color:#777777;
	font-size:0.92em;
	font-weight:bold;
	background:transparent url(../images/common/footer_bottom_seal.png) no-repeat;	
}
#footer_2 a {
	color:#777777;
	padding:0 0px;
}

#footer_2 h3 {
	font-size:1.1em;
	font-weight:bold;
	padding-top:0;
	padding-left:0;
	margin-top:0;
	text-align:left;
	border:none;
	background:none;
}


#footer_2 ul {
	color:#777777;
	padding:0 0;
	text-align:left;
	margin-right:8px;
}

#footer_2 li {
	list-style-type:none;
	padding-bottom:4px;
	font-weight:normal;
}

#misc_links li {
	font-size:12px;
	font-weight:bold;
	margin-bottom:.25em;
	line-height:1.2em;
	}


.columns_four_footer
	{
		float:left;
		left: 10px;
		width: 23%;
		margin-left: 18px;
		margin-bottom: 2em;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}               

/* Social Media */
#social {
	height:40px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	margin:0 auto;
}
.social {
	margin-bottom:15px;
	padding:0;
	width: 80px;
}
#social ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0; /* adjust to center images as a whole */
	text-align:center;
	line-height:1.2em;
}

#social li a {
  display: block;
  height: 35px;
  bottom: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#social li.fb {
  padding: 0 0 3px 0; /* spacing between graphic and text */
  margin: 0 5px;
  list-style-type:none;
  background:transparent url(../images/content/connect_icons_blue.png) 0 0 no-repeat;
  float:left;
  font-size: 12px;
  text-indent:-9999px;
  width:30px;
  height:30px;
}

#social li.twitter {
  padding: 0 0 3px 0;
  margin: 0 5px;
  list-style-type:none;
  background: transparent url(/images/content/connect_icons_blue.png) -51px 0 no-repeat;
  float:left;
  font-size: 12px;
  text-indent:-9999px;
  width:30px;
  height:30px;
}

#social li.instagram {
  padding: 0 0 3px 0;
  margin: 0 5px;
  list-style-type:none;
  background: transparent url(/images/content/connect_icons_blue.png) -95px 0 no-repeat;
  float:left;
  font-size: 12px;
  text-indent:-9999px;
  width:30px;
  height:30px;
}

#social li.YouTube {
  padding: 0 0 3px 0;
  margin: 0 5px;
  list-style-type:none;
  background: transparent url(/images/content/connect_icons_blue.png) 3px -43px no-repeat;
  float:left;
  font-size: 12px;
  text-indent:-9999px;
  width:30px;
  height:30px;
}

#social li.linkedin {
  padding: 0 0 3px 0;
  margin: 0 5px;
  list-style-type:none;
  background: transparent url(/images/content/connect_icons_blue.png) -42px -43px no-repeat;
  float:left;
  text-indent:-9999px;
  font-size: 12px;
  width:32px;
  height:30px;
}

#social li.rss {
  padding: 0 0 3px 0;
  margin: 0 5px;
  list-style-type:none;
  background: transparent url(/images/content/connect_icons_blue.png) -93px -43px no-repeat;
  float:left;
  text-indent:-9999px;
  font-size: 12px;
  width:30px;
  height:30px;
}

#social li.mobile {
  padding: 0 0 3px 0;
  margin: -2px 5px;
  list-style-type:none;
  background:transparent url(../images/content/connect_icons_blue.png) -2px -86px no-repeat;
  float:left;
  text-indent:-9999px;
  font-size: 12px;
  /*width:30px;*/
  width:19px;
  height:30px;
}

/* End Social Media */

/* ================================================================================= */

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

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

.half_width_column {
	width:120px;
	float:left;
	margin-bottom:20px;
}

p {
	margin:.8em 0;
}

h1 {
	border-bottom:2px dotted #D7E1E8; 
	margin: 0.6em 0;
	padding: 0 0 0 38px;
	background:none; 
	font-weight:normal;
	font-size:2em;
	padding:0; 
	margin:0px;
	margin-top: 0;
	padding-bottom:3px;
	margin-bottom:.7em;
	line-height:1.4em;
	font-family: "Times New Roman","verdana",Times,Serif;
	color:#354E66;}
	
h1 span {
	background-color: #eff1f3;
	background-origin: padding-box;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	display:inline-block;
	border-top-right-radius:10px;
	}
	
h1 span span {
	background-image: none;
	}


h2 {
  	font-size: 1.6em;
  	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .4em;
	color:#777;
}

h2 img {
	vertical-align:middle;
	padding-right:6px;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:1em 0;
	/*border:1px solid #d6d7db;*/
	padding:5px;padding-left:0px;
	/*background-color:#e7eaef;
	text-transform:uppercase;*/
}

h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:.8em 0 .2em 0;
	color:#666;
	/*text-transform:uppercase;*/
}

h5 {
	font-size:1.1em;
	font-weight:normal;
	margin:.7em 0 .2em 0;
}

a {
	text-decoration:none;
	color:#005d88; /* was 1f70a7 */
}

.add_padding a {
	text-decoration:underline;
	color:#005d88; /* was 1f70a7 */
}
a:hover {
	text-decoration:underline;
	color:#1f70a7;
}

#main_content a:visited {
	color:#8b3f1d;
}

.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 !important;
	width:auto !important;
	float:none !important;
}

.list_style_1 {
	list-style-type:none;
	padding-left:10px;
}

.list_style_1 li {
	background:transparent url(../images/content/bullet-arrow.png) no-repeat 0px 6px;
	padding:0 0 14px 18px;
}

.list_style_1 a {
	font-size:1.1em;
	font-weight:bold;
}

.list_style_1 div {
	margin:.4em 0 0 0;
}

.list_style_2, .list_style_2 ul {
	list-style-type:none;
	padding-left:10px;
}

.list_style_2 li {
	background:transparent url(../images/content/bullet-arrow.png) no-repeat 0px 5px;
	padding:0 0 16px 18px;
}

.list_style_2 li li {
	margin:6px 0 0 0;
	padding:0 0 0 18px;
}

/* list with white > on blue disc bullets */
#main_content .list_style_4 {
	list-style-type:none;
	padding-left:10px;
	float:left;
}

#main_content .list_style_4 li {
	float:none;
	background:transparent url(../images/content/bullet-arrow.png) no-repeat 0px 1px;
	padding:0 0 5px 18px;
}

.indent {
	padding-left:42px;
}

ol li {
	padding-left:0 !important;
	background:none !important;
	list-style-image:none !important;}


/* *************** Custom styles *************** */

/* root index page start */

#bannerlftclmn { 
	width:194px;
	float:left;
	padding:0;
	margin:5px 0 0 20px;
	position:absolute;
	z-index:5;
}

/* Login Section */

#login {
	text-align:center;
	background: transparent url('../images/content/sign_in_bg.png') no-repeat;
	background-position:bottom;
	width:192px;
	height:129px;
	padding:3px 0 0 0;
	margin:0 0 0 0;
}

#login h2 {
	color:#062338;
	font-size:17.5px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:21px;
	margin-left:-5px;
}

#login h3 {
	background: transparent url('../images/content/login_bg.png') top center no-repeat;
	font-size:16px;
	text-transform: none;
	color:#fff;
	height:50px;
	width:160px;
	border-style:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	margin-top:18px;
	margin-bottom:0;
	margin-left:8px;
	text-indent:-9999px;
}

#login h3 a {
	display: block;
	color: #fff;
	height:47px;
}



#login a {
	text-decoration:underline;
	font-size:15px;
	font-weight:bold;
	margin-left:-5px;
}
#login_button h3 {
	background: transparent url('/images/content/login_bg.png') top center no-repeat;
	font-size:16px;
	text-transform: none;
	color:#fff;
	height:50px;
	width:160px;
	border-style:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	margin-top:18px;
	margin-bottom:0;
	margin-left:8px;
	text-indent:-9999px;
	width:175px;
	 margin-top:0;
	 margin-bottom:0;
}
#login_button h3 a {
	display: block;
	color: #fff;
	height:47px;
}

/* Login Section End */

/* Find a Tax Rate by Address */
#tax_rates {
	text-align:center;
	background: transparent url('/images/content/sign_in_bg.png') no-repeat;
	background-position:bottom;
	width:192px;
	height:129px;
	padding:3px 0 0 0;
	margin:0 0 0 0;
	position:relative; right:3px;
}

#tax_rates h3 {
	background: transparent url('/images/content/tax_rates_button.png') top center no-repeat;
	font-size:16px;
	text-transform: none;
	color:#fff;
	height:75px;
	width:160px;
	border-style:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	margin-top:18px;
	margin-bottom:0;
	margin-left:10px;
	text-indent:-9999px;
}

#tax_rates h3 a {
	display: block;
	color: #fff;
	height:70px;
}

#tax_rates a {
	text-decoration:underline;
	font-size:15px;
	font-weight:bold;
	margin-left:-5px;
}
/* End of Find a Tax Rate by Address */

/* Connect Section */

/* #connect {
	text-align:center;
	background: transparent url('../images/content/connect_bg.png') no-repeat;
	width:175px;
	height:118px;
	padding:10px 0 0 0;
	margin: 0 0 0 3px;
}

#connect h2 {
	margin: 0 0 0 0;
	background-repeat:no-repeat;
	height:28px;
	color:#fff;
	font-size:17.5px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}

#connect ul {
	padding: 0 0 0 0;
	margin: 2px 0 0 33px;
	text-align:center;
} */

/* Connect Section End */


/*The top row of links with Online Servcies, Taxes & Fees, Popular Topics */
.topRow {
	display: box;
	width: 270px;
	height: 350px;
	margin-bottom: 5px;
}

.ribbon {
	float: left;
	background: #fff url('../images/content/ribbon_column-2018.png') no-repeat;
	width:286px;
	height:251px;
	margin:0px 5px 1em 25px;
	position: relative;
}

.ribbon h2 {
	margin: 0;
	padding: 3px 0 0 30px;
	background-repeat:no-repeat;
	width:270px;
	height:68px;
	color:#0d4a6b;
	font-size:20px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}

.ribbon h2 a {
	display: block;
	width: 270px;
	height: 40px;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.ribbon ul {
	padding: 0;
	margin: -17px 0 0 25px;
}

.ribbon ul li {
	padding: 0 0px 3px 18px;
	margin: 0 0 3px 0;
	list-style-type:none;
	background:transparent url(../images/content/bullet-arrow.png) no-repeat 0 2px;
	font-size: 12px;
	line-height:1.2em;
}

.ribbon li a {
	padding: 0;
	color:#005d88;
}

.ribbon li a:hover, #ribbon li a:focus{
	background: none;	
}

.ribbon a.more {
	float: right;
	font-size: 1em;
	padding: 0 14px 0 0;
	margin: 0em 0 0 0;
}

.ribbon a.more span {
	font-size: 1.3em;
	line-height: 1em;
	position:relative;
	vertical-align:baseline;
	bottom:-1px;}
/*The top row of links with Online Servcies, Taxes & Fees, Popular Topics End*/

#youtube {
	float:left; 
	margin-left:32px;
	}

/* Board Members Section */

#board_members {
	height:109px;
	float:left; 
	margin-right:0;
	margin-left:33px;

}

#boardmembers {
border:#dce2e4 1px solid;
border-radius:3px;
-moz-border-radius:3px; /* Old Firefox */
 /* fallback */ 
 background-color: #e8ebed; /*background: url(../images/content/board_members_bg.png ) 0 0 no-repeat; */
 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8ebed), to(#f2f2f2)); 
 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* IE 10 */ background: -ms-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* Opera 11.10+ */ background: -o-linear-gradient(top, #e8ebed, #f2f2f2);
 width:400px;
 float:left;
 height:105px;
 }
 

#boardmembers h2 {
	margin: 0;
	padding: 5px 0 0em 10px;
	color:#0d4a6b;
	font-size:19px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	width:350px;
}

#boardmembers h2 span {
	margin: 0;
	background:transparent url(../images/content/bullet_arrow_small.png) 0 3px no-repeat;
	height:12px;
	padding-left:15px;
	width:320px;
	color:#0d4a6b;
	font-size:12px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}

#boardmembers ul {
	padding: 0 0 0 0;
	margin: 0 0 0 -0.6em; /* adjust to center images as a whole */
	text-align:center;
	line-height:1.2em;
}
	
#boardmembers li.d1 {
	padding: 0 0 3px 0; /* spacing between graphic and text */
	margin: 0 0 0 13px;
	list-style-type:none;
	background:transparent url(../images/content/board_members.png) 22px 0 no-repeat; /* move images left or right by adjusting px */
	float:left;
	font-size: 11px;
	line-height:1.2em;
}

#boardmembers li.d1 a {
	display: block;
	width: 78px; /* used to set area for Board Member's name the rest is to include the image in the link */
	height: 34px;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}

#boardmembers li.d2 {
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	list-style-type:none;
	background:transparent url(../images/content/board_members.png) -96px 0 no-repeat; /* move images left or right by adjusting px */
	float:left;
	font-size: 11px;
	line-height:1.2em;
}

#boardmembers li.d2 a {
	display: block;
	width: 77px; /* used to set area for Board Member's name the rest is to include the image in the link */
	height: 34px;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}

#boardmembers li.d3 {
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	list-style-type:none;
	background:transparent url(../images/content/board_members.png) -203px 0 no-repeat; /* move images left or right by adjusting px */
	float:left;
	font-size: 11px;
	line-height:1.2em;
}

#boardmembers li.d3 a {
	display: block;
	width: 89px; /* used to set area for Board Member's name the rest is to include the image in the link */
	height: 34px;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}

#boardmembers li.d4 {
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	list-style-type:none;
	background:transparent url(../images/content/board_members.png) -324px 0 no-repeat; /* move images left or right by adjusting px */
	float:left;
	font-size: 11px;
	line-height:1.2em;
}

#boardmembers li.d4 a {
	display: block;
	width: 82px; /* used to set area for Board Member's name the rest is to include the image in the link */
	height: 34px;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}

#boardmembers li.ctrlr {
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	list-style-type:none;
	background:transparent url(../images/content/board_members.png) -449px 0 no-repeat; /* move images left or right by adjusting px */
	float:left;
	font-size: 11px;
	line-height:1.2em;
}

#boardmembers li.ctrlr a {
	display: block;
	width: 63px; /* used to set area for Board Member's name the rest is to include the image in the link */
	height: 34px;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}

/* Board Members Section End */

 #boardmeetings {
	 width:175px; 
	 height:105px;
	 float:left;  
	 margin-left:10px; 
	 border:#dce2e4 1px solid;
border-radius:3px;
-moz-border-radius:3px; /* Old Firefox */
 /* fallback */ 
 background-color: #e8ebed; /*background: url(../images/content/board_members_bg.png ) 0 0 no-repeat; */
 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8ebed), to(#ede9e9)); 
 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* IE 10 */ background: -ms-linear-gradient(top, #e8ebed, #f2f2f2); 
 line-height:1.2em;
 }

#boardmeetings h2 {
 	text-align:center; 
	margin-top:5px;
	color:#0d4a6b;
	font-size:19px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 0 .5px 0px;
	}

#boardmeetings ul li{
	background:transparent url(../images/content/bullet_arrow_small.png) no-repeat 0 4px;
	padding: 0 0px 0 14px;
	margin: 0 0 3px -32px;
	list-style-type:none;
	font-size: 12px;
	overflow: hidden;
    text-overflow: clip ellipsis !important;
	 text-overflow:ellipsis;
    white-space:nowrap;
	width:164px;
	line-height:1.2em;
	vertical-align:middle;
}



/* Prefooter */

#newsfeedback {
    float: right;
    position: relative;
    margin: 0px 27px 1em 5px;
    width: 495px;
    height: 105px;
    border: #dce2e4 1px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #e8ebed;
    /* background: url(images/linear_bg_2.png); */
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8ebed), to(#ede9e9));
    background: -webkit-linear-gradient(top, #ede9e9, #e8ebed);
    background: -moz-linear-gradient(top, #ede9e9, #e8ebed);
    background: -ms-linear-gradient(top, #ede9e9, #e8ebed);
    background: -o-linear-gradient(top, #ede9e9, #e8ebed);
    overflow: hidden;
}

#newsfeedback h2 {
	margin: 5px 0 0 0;
	width:465px;
	padding: 5px 0 0em 10px;
	margin-bottom:5px;
	color:#0d4a6b;
	font-size:19px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}


#newsfeedback ul li {
	padding: 0 0px 0 14px;
	margin: 0 0 3px -29px;
	list-style-type:none;
	background:transparent url(../images/content/bullet_arrow_small.png) no-repeat 0 4px;
	font-size: 12px;
	overflow: hidden;
    text-overflow: clip ellipsis !important;
	 text-overflow:ellipsis;
    white-space:nowrap;
	width:374px;
	line-height:1.2em;
}

.news {
		width:388px;
		float:left;
		padding-left:3px;
		
	}
.news ul {
	margin-left:10px;
}
	
#newsfeedback .news h2 {
	text-align:center;
	font-size:19px;
}

.feedback {
	float:right;
	width:197px;
	height:79px;
	margin-top:4px;
	margin-right:-11px;
	background:transparent url(../images/content/feedback_bg.png) no-repeat;

	}

#newsfeedback .feedback h2 {
	margin-top:22px;
	font-size:15px;
	font-weight:bold;
}


/* root index page end */

/*the following three items are to set column layout for two, three and four column layouts in the content area of the page*/

.columns_two 
	{
		float:left !important;
		width: 44% !important;
		padding: 8px;
		margin-left: 0;
		margin-right:1.25em;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

.columns_three 
	{
		float:left;
		left: 10px;
		width: 28%;
		margin-left: 0;
		padding-top: 0;
		padding-right: 20px;
		padding-bottom: 0;
		padding-left: 0;
		min-height:100%;
		height:100%;
	}

.columns_four
	{
		float:left;
		left: 10px;
		width: 20%;
		padding: 8px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}               
/*end the following three items are to set column layout for two, three and four column layouts in the content area of the page*/

/* brought over from 2007 design Start*/

/* ************************************ from ca_master.css Start *********************** */

@media all{ /* Hide this from IE 4 */
	.search-law{ /* Hide from regular displays.  Screen readers can still read it. */
  	display:block;
  	position: absolute;
  	left: 0px;
  	top: 0;
 	}
 .hidden { /* Hide from regular displays.  Screen readers can still read it. */
  display:block;
  position: absolute;
  left: -9999px;
  top: 0;
 }
}

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{
	
body { 
	background: white; 
	font-size: 12pt; 
}

 div#navigation, div#header , div#footer_2 , div#banner , #search-law, div#youtube { /* Hides the nav, search and footer */
  display:none !important;
  visibility:collapse;
 }

 #header, #navigation, #main_content, #footer_2, div.ribbon, div#board_members, div#boardmeetings, div#newsfeedback, .news, .feedback {
	min-width:inherit;
	width: auto; 
	margin: 0 5%; 
	padding: 0; 
	border: 0; 
	float: none !important; 
	color: black; 
	background: transparent none;
	  }
	  
div#main_content {
	padding-top: 1em; 
	display:block;
}

div#boardmembers { width:auto; float:none !important;}

div#boardmeetings { margin-top:60px; float:none !important;}
div#newsfeedback { margin-top:180px; float:none !important;}

div.ribbon {
	
	}
 .add_padding {
  display:inline; /* Needed for FF */
 }
 
 }
 
 /* ************************************ from ca_master.css End *********************** */

 
 /* *********************from ca_department.css Start*********************************** */
 
 .list_decorative_dark li, #main_content .list_decorative_dark li {
 list-style-image:none;
 padding-left:18px;
 margin-bottom:0px;
}

.list_decorative_light li, #main_content .list_decorative_light li {
 list-style-image:none;
 padding-left:18px;
 margin-bottom:0px;
}

.list_decorative_blue li, #main_content .list_decorative_blue li {
 list-style-image:none;
 padding-left:18px;
 margin-bottom:0px;
}

.list_decorative_dark a {
 text-decoration:none;
 /*display:block; */
}

.list_decorative_light a {
 text-decoration:none;
 display:block;
}

.list_decorative_blue a {
 text-decoration:none;
 display:block;
}

.list_decorative_dark a:hover, .list_decorative_light a:hover, .list_decorative_blue a:hover {
 text-decoration:underline;
}


.add_padding ul {list-style-type: none;
    padding-left: 20px;
	margin:0 0 1em 0;
	}
	
	
.add_padding ul li {
	background: url("../images/content/bullet-arrow.png") no-repeat scroll 0 5px transparent;
    padding: 0 0 0px 18px;
	margin-top:.7em;
}

.add_padding li ul li {
	background: url("../images/content/bullet_arrow_small.png") no-repeat scroll 0 6px transparent;
    padding: 0 0 0px 18px;
	margin-top:.7em;
}

.add_padding ol li {
	margin-top:.7em;
}

.add_padding li ol li {
	margin-top:.7em;
}

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

.block_with_image_and_tabpanel {
 padding-bottom:8px;
 min-width:559px;
height:20em;
}

.block_with_image_and_tabpanel .image_container {
 border: 1px solid #bcc5d0;
 background:#fff;
 padding:7px 7px 0px 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;
}

#tabpanel_container2 {
 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%;
}

#tabpanel2 {
 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_list2 {
 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_list2 ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
  min-width:634px;
 width:100%;

}

#tab_list ul#tab_ul {
 height: 30px;
}

#tab_list2 ul#tab_ul2 {
 height: 30px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5, li#tabpanel2_1, li#tabpanel2_2, li#tabpanel2_3, li#tabpanel2_4, li#tabpanel2_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;
 line-height:1.2em;
 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:22px; /* 30 - 8, for non-broken browsers */
}

#tab_list2 a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 line-height:1.2em;
 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 */
}

html[xmlns] #tab_list2 a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

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

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

#tabpanel #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

#tabpanel #tab_list2 li {
 list-style-type: none;
 list-style-image: none;
}

#tabpanel2 #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

#tabpanel2 #tab_list2 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 */
  line-height:1.2em;
}

#tab_list2 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 */
 line-height:1.2em;
}

#tabpanel #tab_list ul ul li {
 float: left;
 width:47%;
 background:transparent url(/images/content/bullet-arrow.png) 6px .3em no-repeat;
 padding-left:0px;
 margin-top:0.5em !important;
 margin-left:10px;
}

#tabpanel #tab_list2 ul ul li {
 float: left;
 width:47%;
 background:transparent url(/images/content/bullet-arrow.png) 6px .3em no-repeat;
 padding-left:0px;
 margin-top:0.5em !important;
 margin-left:10px;
}

#tabpanel2 #tab_list ul ul li {
 float: left;
 width:47%;
 background:transparent url(/images/content/bullet-arrow.png) 6px .3em no-repeat;
 padding-left:0px;
 margin-top:0.5em !important;
 margin-left:10px;
}

#tabpanel2 #tab_list2 ul ul li {
 float: left;
 width:47%;
 background:transparent url(/images/content/bullet-arrow.png) 6px .3em no-repeat;
 padding-left:0px;
 margin-top:0.5em !important;
 margin-left:10px;
}

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

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

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

#tabpanel2 #tab_list2 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_list2 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_list2 li.tabpanel_default a.tab_link, #tab_list2 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 */
}

#tab_list2 li.tabpanel_default, #tabpanel2_1:hover, #tabpanel2_2:hover, #tabpanel2_3:hover, #tabpanel2_4:hover, #tabpanel2_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;
}

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

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

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

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

#tab_list2 .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_list2 .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;
}


/* INDUSTRY TABS */

.add_padding #tab-bottom {
	background-image:url(/industry/images/tabs-bottom.gif);
	width:auto;
	background-repeat:no-repeat;
	height:15px;
	background-position:left;
	position:relative;
	right:0px;
}
		
.add_padding #tab-bottom div {
	background-image:url(/industry/images/tabs-bottom.gif);
	background-repeat:no-repeat;
	height:15px;
	width:50%;
	float:right;
	background-position:right;
	position:relative; left:0px;}
	

		
.add_padding #tabs {
	padding:15px 15px 5px 15px;	
	position:relative;
	}



   /*java tabs*/
 .add_padding #tabbed-bottom {
	background-image:url(/images/epub/tabs-bottom.gif);
	width:auto;
	background-repeat:no-repeat;
	height:15px;
	background-position:left;
	position:relative;
	right:0px;
}
		
.add_padding #tabbed-bottom div {
	background-image:url(/images/epub/tabs-bottom.gif);
	background-repeat:no-repeat;
	height:15px;
	width:50%;
	float:right;
	background-position:right;
	position:relative; left:0px;}  
   
   
.add_padding .TabbedPanels {
	
	margin: 0px;
	padding: 0px;

}

.add_padding ul.TabbedPanelsTabGroup {margin:0 !important;}

.add_padding .TabbedPanelsTabGroup {
	margin:0px;
	padding: 0px;
	position:absolute; right:0px;
	left:-2px;
	top:-61px;
	min-width:1000px;
	z-index:2;
	margin-bottom:0 !important;
	
}
.add_padding .TabbedPanelsTabGroup li {
	margin:0;
	margin-left:1px;
	list-style-image:none !important; 
	list-style:none !important;
	margin-bottom:0 !important;
	line-height:1.3em;
	height: 62px;
	
}

.add_padding .TabbedPanelsTabGroup li.first {margin-left:0px;}

.add_padding .TabbedPanelsTab {
	position: relative;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	margin-right: 0px;  
	background-attachment: scroll;  
	background-image:url(/industry/images/tab.gif);
	background-repeat: no-repeat;  
	background-position: right 0px;  
	font-weight: normal;  
	color: #666666;  
	text-decoration: none !important;  
	height: 62px;  
	width: auto;  
	float: left;  
	padding: 0px 5px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#005D88;
	margin-bottom:0 !important;
}

.add_padding .TabbedPanelsTab span {
background-attachment: scroll;  
	background-image:url(/industry/images/tab.gif);
	background-repeat: no-repeat;  
	background-position: 0px 0px;  
	display: block;  
	padding:20px 15px 11px 20px;
	  height: 60px;  
	width: auto;  
	float: left;  
	cursor: pointer;  
	margin: 0px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#005D88;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	margin-bottom:0 !important;}


.add_padding .TabbedPanelsTabHover {
	margin: 0px;  
	background-attachment: scroll;  
	background-image:url(/industry/images/tab-hover.gif);
	background-repeat: no-repeat;  
	background-position: right 0px;  
	font-weight: normal;  
	color: #666666;  
	text-decoration: none !important;  
	 height: 60px;  
	width: auto;  
	float: left;  
	padding: 0px 5px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#007aa9;
	margin-bottom:0 !important;
}

.add_padding .TabbedPanelsTabHover span {
	background-attachment: scroll;  
	background-image:url(/industry/images/tab-hover.gif);
	background-repeat: no-repeat;  
	background-position: 0px 0px;  
	display: block;  
	padding:20px 15px 11px 20px;
	  height: 62px;  
	width: auto;  
	float: left;  
	cursor: pointer;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#007aa9;
	margin-bottom:0 !important;
}


.add_padding .TabbedPanelsTabSelected {
	margin: 0px;
	background-attachment: scroll;  
	background-image:url(/industry/images/tab-current.gif);
	background-repeat: no-repeat;  
	background-position: right 0px;  
	font-weight: normal;  
	color: #666666;  
	text-decoration: none;  
		height: 62px;  
	width: auto;  
	float: left;  
	padding: 0px 5px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#999;
	margin-bottom:0 !important;
}

.add_padding .TabbedPanelsTabSelected span {
	background-attachment: scroll;  
	background-image:url(/industry/images/tab-current.gif);
	background-repeat: no-repeat;  
	background-position: 0px 0px;  
	display: block;  
	padding:20px 15px 11px 20px;
	 	height: 62px;  
	width: auto;  
	float: left;  
	cursor: pointer;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999;
	margin-bottom:0 !important;
}



.add_padding #TabbedPanels1 {
position:relative;} 

.add_padding #TabbedPanels1 .TabbedPanelsContentGroup {
	clear: both;
	width:auto;

	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	background-color:#f6f6f6 !important;
	margin:0;
	margin-top:62px;
	padding:0px;
	position:relative; 
	z-index:1;
}


.add_padding #TabbedPanels1 div.TabbedPanelsContent {
padding:40px;
padding-top:30px;
padding-bottom:5px;
	
}


/* End of tabpanel_module */

/*--------------------------------------------------*/
/*  block_with_rounded_corners with background-color:#ECECE7; */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners {
 width:98%;
 height:100%; 
 background-color:#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:10px; /* Changed from 16px to 10px to remove extra spacing between blocks */
}

/*block_with_rounded_corners h3 {
 background:#345996;

}*/

.block_with_rounded_corners h3 {
	background-image: url(/images/ca_department/block_with_image_corners_h3_bkgd.gif);
	background-repeat: repeat-x;	
 color:#fff;
 padding:3px 10px 3px 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 */

/*--------------------------------------------------*/
/*  block_with_rounded_corners_2 with background:#FFFFCC; */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners_2 {
 width:98%;
 background:#FFFFCC;
 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:10px; /* Changed from 16px to 10px to remove extra spacing between blocks */
}


/*.block_with_rounded_corners_2 h3 {
 background:#345996;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}*/

.block_with_rounded_corners_2 h3 {background-image: url(/images/ca_department/block_with_image_corners_h3_bkgd.gif);
	background-repeat: repeat-x;	
 color:#fff;
 padding:3px 10px 3px 10px;
 margin:0px;}

.block_with_rounded_corners_2 .bottom_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(/images/ca_department/block_with_image_corners_2.gif) top left no-repeat;
}
.block_with_rounded_corners_2 .bottom_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(/images/ca_department/block_with_image_corners_2.gif) top right no-repeat;
}
.block_with_rounded_corners_2 .top_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(/images/ca_department/block_with_image_corners_2.gif) bottom left no-repeat;
}
.block_with_rounded_corners_2 .top_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(/images/ca_department/block_with_image_corners_2.gif) bottom right no-repeat;
}

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

/* End of block_with_rounded_corners_2 */

div.disclaimer
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		text-align: justify;
		margin-left: 35px; 
		margin-right: 50px; 
		margin-top: 20px;
		border: 2px double #eee; 
		background-color: #FFFFCC; 
		padding: 10px;
	}
	
/* used in div to clear non-wrapping bold, em or italic in pages \*/
* html #wrapfix  {
	margin-left: 0;
	overflow: hidden;
	overflow: visible;
	width: 100%;
	width: auto;
	height: 1%;
}
	
/*the following three items are to set column layout for two, three and four column layouts in the content area of the page*/

.columns_two 
	{
		float:left;
		left: 10px;
		width: 40%;
		padding: 8px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 30px;
		padding-bottom: 0;
		padding-left: 0;
	}

.columns_three 
	{
		float:left;
		left: 10px;
		width: 28%;
		margin-left: 0;
		padding-top: 0;
		padding-right: 20px;
		padding-bottom: 0;
		padding-left: 0;
		min-height:100%;
		height:100%;
	}

.columns_four
	{
		float:left;
		left: 10px;
		width: 20%;
		padding: 8px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}               
/*end the following three items are to set column layout for two, three and four column layouts in the content area of the page*/

/* Start used for fact sheets in /info/fact_sheets/ */
#nobull ul
	{
	list-style-type:none;
	list-style-image:none;
	list-style-position: 0;
	margin: 0 0 .5em 0;	
	padding: 0 0 .5em 0;
	}
#nobull ul li
	{
	list-style-type:none;
	list-style-image:none;
	}
#nobull ul li ul li
	{
	list-style-type:none;
	list-style-image:none;
	}
#nobull ul ul
	{
	margin: 0 0 0 1em;	
	padding: 0 0 0 1em;
	}
.fs_column1
	{
		float:left;
		font-weight:bold;
		width:15em;
		min-width:15em;
		border-style: none;
		margin: 0 0 1em 0; 
		padding: 0;
	}
.fs_column2
	{
		width: 65%;
		min-width:65%;
		border-style: none;
		margin: 0 0 1em 15em;
		padding: 0 0 0 1em;
	}
/* end used for fact sheets in /info/fact_sheets/ */

.align_right {
text-align:right;
}

.align_left {
text-align:left;
}

/* Start used to align form fields see /elecsrv/efiling/06planstakeholdersurvey.htm for example */
#feedback-form fieldset {
	padding-top:0px;
	padding-left:1em;
	padding-bottom:1em;
	background-color: #ecece7;
	color: #000;
	}
#feedback-form legend {
	padding: 0 2px 2px 5px;
	border: 1px solid #CCC; background:#fff;}
*+html #feedback-form legend {
	margin:-8px 0 0 .5em;
	}
#feedback-form div {
	font-size:0.9em; 
	clear:both; 
	display:block; 
	padding-bottom:5px; 
	margin-top:1em; 
	width:520px;
	border:1px thin #CCC;
	}
#feedback-form ol {
	list-style-type:none; 
	float:none;
	}
#feedback-form p {
	border-left-style: dotted ;
	border-left-width:thin ;
	border-left-color:#000 ;
	border-bottom-style: inset ;
	border-bottom-width:thin ;
	border-botom-color:#000 ;
	font-size:1.1em ;
	padding-left:3px;
	}
#feedback-form span {
	display:block; 
	float:left; 
	padding-right:5px; 
	height:4em !important; 
	width:18em; 
	text-align:right;
	}
#feedback-form label {
	}
#feedback-form input {
	float:left; 
	margin-bottom:1.3em;
	}
#feedback-form textarea {
	float:left; 
	margin-bottom:1.5em;
	}
#feedback-form select {
	font-size:1em; 
	float:left; 
	margin-bottom:3.5em; 
	}
#feedback-form input.button {
	font-size:1.2em;
    float: left;
    display: block;
    margin: 10px 1em auto auto;
    width: 100px;
    }
#feedback-form input[type=checkbox] {
    margin-top: 0;
}
/* End used to align form fields see /elecsrv/efiling/06planstakeholdersurvey.htm for example */

/* Start used to style forms /sutax/use_tax_survey.htm for example */

#form-survey fieldset {
	padding-top:0px;
	padding-left:.25em;
	padding-bottom:1em;
	margin-bottom:1em;
	background-color: #ecece7;
	color: #000;
	}
	
#form-survey legend {
	padding: 0 2px 2px 5px;
	border: 1px solid #CCC;
	font-weight:bold;
	font-size:110%;
	background:#fff;}

*+html #form-survey legend {
	margin:-8px 0 0 .5em;
	}
	
 #form-survey div {
	 margin-right:.25em;
	 margin-bottom:.25em;
	 margin-left:.25em;
	 border-bottom: 1px dotted #000;
	 padding-bottom:.50em;
	}

 #form-survey span {
	padding-bottom:.5em;
	padding-left:1em; 
	display:inline-block; 
	width:19em;
	height:auto !important;
	vertical-align:text-top;
}

 #form-survey span span {
	padding:0;
	width:17em;
	display:inline-block; 
	vertical-align:text-top;
}

 #form-survey h4 {
	margin-top:.75em;
}

 #form-survey h4 span {
	padding-top:.5em;
	padding-bottom:-1.5em;
	height:auto !important;
	padding-left:1em;
	width:auto !important;
	display:inline-block; 
	vertical-align:text-top;
}

 #form-survey ol {
	margin:0;
	list-style-type:none;
	padding-top:0;
	padding-left:1em; 
	display:inline-block; 
}

 #form-survey li {
	 padding-bottom:.75em;
}
 #form-survey li span {
	padding:0;
	width:37em;
	display:inline-block; 
	vertical-align:text-top;
}

#form-survey input.button {
	font-size:1.2em;
    float: left;
    display: block;
    margin: 10px 1em auto 1em;
    width: 110px;
    }

/* End used to style forms /sutax/use_tax_survey.htm for example */

/* Start used to style forms /firefee/inquiries.htm for example */

#form-firefee fieldset {
	display:block;
	margin-top:1em;
	padding-left:.25em;
	padding-bottom:1em;
	margin-bottom:1em;
	background-color: #ecece7;
	color: #000;
	}
	
#form-firefee legend {
	padding: 0px 5px 2px 5px;
	border: 1px solid #CCC;
	font-weight:bold;
	font-size:110%;
	background:#fff;}

*+html #form-firefee legend {
	margin:-8px 0 0 .5em !important;
	}
	
#form-firefee label {
	float: left;
	display: block;
	margin: 1em .5em 0 .5em;
	font-weight: bold;
	}
	
#form-firefee label.error {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:normal; font-style:italic; color:red;
	}
	
#form-firefee input {
	display: block;
	width: 15em;}
	
#form-firefee textarea {
	display: block;
	width: 850px;}
	
#form-firefee label.comments {
	clear:both;
	}

 #form-firefee div {
	 margin-right:.25em;
	 margin-bottom:.25em;
	 margin-left:.25em;
	 border-bottom: 1px dotted #000;
	 padding-bottom:.50em;
	}

 #form-firefee span {
	padding-bottom:.5em;
	padding-left:1em; 
	display:inline-block; 
	width:19em;
	height:auto !important;
	vertical-align:text-top;
}

 #form-firefee span span {
	padding:0;
	width:17em;
	display:inline-block; 
	vertical-align:text-top;
}

 #form-firefee h4 {
	margin-top:.75em;
}

 #form-firefee h4 span {
	padding-top:.5em;
	padding-bottom:-1.5em;
	height:auto !important;
	padding-left:1em;
	width:auto !important;
	display:inline-block; 
	vertical-align:text-top;
}

 #form-firefee ol {
	margin:0;
	list-style-type:none;
	padding-top:0;
	padding-left:1em; 
	display:inline-block; 
}

 #form-firefee li {
	 padding-bottom:.75em;
}
 #form-firefee li span {
	padding:0;
	width:37em;
	display:inline-block; 
	vertical-align:text-top;
}

#form-firefee input.submit {
	font-size:1.2em;
    float: left;
	display:block;
    margin: 10px 3em auto 1em;
    width: 110px;
    }

/* End used to style forms /firefee/inquiries.htm for example */


/* Start used to style blueform */

.blueform fieldset {
	display:block;
	margin-top:1em;
	padding-left:.25em;
	padding-bottom:1em;
	margin-bottom:1em;
	background-color:#A2C0D3;
	color: #000;
}
	
.blueform legend {
	padding: 0px 5px 2px 5px;
	border: 1px solid #CCC;
	font-weight:bold;
	font-size:110%;
	background:#fff;
}

*+html.blueform legend {
	margin:-8px 0 0 .5em !important;
}
	
.blueform label {
	float: left;
	display: block;
	margin: 1em .5em 0 .5em;
	font-weight: bold;
}
	
.blueform label.error {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
	font-style:italic;
	color:red;
}
	
.blueform input {
	display: block;
	width: 15em;
}
	
.blueform textarea {
	display: block;
	width: 850px;
}
	
.blueform label.comments {
	clear:both;
}

.blueform div {
 margin-right:.25em;
 margin-bottom:.25em;
 margin-left:.25em;
 border-bottom: 1px dotted #000;
 padding-bottom:.50em;
}

.blueform span {
	padding-bottom:.5em;
	padding-left:1em; 
	display:inline-block; 
	width:19em;
	height:auto !important;
	vertical-align:text-top;
}

.blueform span span {
	padding:0;
	width:17em;
	display:inline-block; 
	vertical-align:text-top;
}

.blueform h4 {
	margin-top:.75em;
}

.blueform h4 span {
	padding-top:.5em;
	padding-bottom:-1.5em;
	height:auto !important;
	padding-left:1em;
	width:auto !important;
	display:inline-block; 
	vertical-align:text-top;
}

.blueform ol {
	margin:0;
	list-style-type:none;
	padding-top:0;
	padding-left:1em; 
	display:inline-block; 
}

.blueform li {
	padding-bottom:.75em;
}

.blueform li span {
	padding:0;
	width:37em;
	display:inline-block; 
	vertical-align:text-top;
}

.blueform input.submit {
	font-size:1.2em;
	float: left;
	display:block;
	margin: 10px 3em auto 1em;
	width: 110px;
}

form label.error { color:red;}

.blueform .error_box {
	background:#FAD3C4;
	border:1px solid #A75B4E;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#444444;
	display:none;
	font-size:13px;
	margin:0px 0px 15px 0px;
	padding:8px 8px;
	width:672px;
}

.blueform p {
  padding: 8px 0px 8px 0px;
  clear:left;
  margin-bottom:0;
  margin-left:.5em;
}
.blueform input[type=radio]{
  width:15px;
  float:left;
}
.blueform .center input{
  display:inline;
}

/* End used to style blueform */

/* used for tabs on /stfd/index.htm */
div.tabs {
    border: #48f solid 1px;
    padding: 1em;
	margin: 0 .5em 0 .5em;
	background-color: #deedfc;
  }

div.tabs .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;
  }
div.tabs .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;
  }

div.tabs .btm_rt {
	background-image: url(/images/ca_department/rounded-bottom-blue.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: right;
	height: 5px;
	padding-bottom:18px;
	margin-right: -14px;
	width: 30%;
}

div.tabs .btm_lft {
	background-image: url(/images/ca_department/rounded-bottom-blue.gif);
	background-position: left;
	background-repeat: no-repeat;
	float:left;
	height: 5px;
	padding-bottom:18px;
	margin-left: -14px;
	width: 30%;
	max-width:30;
}

div.tabs.inactive {
	display: none;
}

/* allow room for 2 columns */
  div.tabs ul
  {
	margin-left:0;
  }

  /* float & allow room for the widest item */
  div.tabs li
  {
    float: left;
	width: 25em !important;
	max-width: 25em !important;
	display:block !important;
  }
  

div.tabs h4 {
    margin-top:-.50em;
  }

  /* stop the float */
  div.tabs br
  {
    clear: left;
  }
  /* float & allow room for the widest item */

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: .5em 0 0 .5em;
	position: relative; 
	top: 1px; 
}

ol#toc a {
    background: #bdf url(/images/ca_department/tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    background-color: #48f;
    background-position: 0 -60px;
    color: #000;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(/images/ca_department/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}


/* used for tabs on /stfd/index.htm */

/* used for tabs on /stfd/newsletters.htm */

div.tabs1 {
    clear: left;
    padding: 0;
	margin: 0;
}

div.tabs1.inactive {
	display: none;
}

ol#toc1 {
	background: #383838 url(/images/ca_department/tabs_bg.gif);
	font-size: 10pt;
	height: 2.5em;
	left:-10px;
	list-style: none;
	margin: 1em 0 1em;
	min-width: 100%;
	overflow: hidden;
	padding: 0 0 0 25px;
	position: relative;
	width: auto;
}

ol#toc1 a {
	background: #9b9b9b url(/images/ca_department/tabs1.png);
	color: #444;
	display: block;
	float: left;
	height: 2.5em;
	padding-left: 5px;
	text-decoration: none;
}

ol#toc1 a:hover {
	background-color: #d8d8d8;
	background-position: 0 -120px;
	color: #666;
}

ol#toc1 a:hover span {
	background-position: 100% -120px;
}

ol#toc1 a:hover.active,
ol#toc1 a.active {
	background-color: #f8f8f8;
	background-position: 0 -60px;
	color: #222;
	font-weight: bold;
}

ol#toc1 a:hover.active span,
ol#toc1 a.active span {
	background-position: 100% -60px;
}

ol#toc1 li {
	float: left;
	margin: 0 3px 0 0;
}

ol#toc1 span {
	background: url(/images/ca_department/tabs1.png) 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 2em;
	padding: .5em 5px 0 0;
}

/* used for tabs on /stfd/newsletters.htm */


/* navigation list used in /stfd/index.htm */

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

/* h4 with back arrow and more intended black arrow list */


div.add_padding ul.arrow-list {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.98em;
	padding:0 0 0 56px;
	margin:0 !important;
	}
	
div.add_padding ul.arrow-list li {
	list-style:none;
	background-image:url(/Images/epub/arrow-black-wback.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	line-height:1.4em;
	padding:0 0 0 1.5em;
	margin:.5em !important;
	list-style-image:none !important;
	}
	
h4.arrow-head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	padding-bottom:0px;
	padding-top:9px;
	padding-left:19px;
	background-image:url(/Images/epub/arrow-black-wback.gif);
	background-position:0px 12px;
	background-repeat:no-repeat;
	border:none;
	line-height:1.3em;
	margin:0;}
	
h4.part {font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:7px;
	padding-top:7px;
	margin:0px;}
	
	
h4.sec {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	font-style:normal !important;
	text-transform:uppercase;
	padding-bottom:5px;
	margin:0px;}
	
h3.ue	{
		font-size:1.4em;
		color:#20669F;
		margin-top:1em;
		margin-bottom:0;
	}
	
.right-img	{
		float:right; 
		width:335px; 
		padding:0px 0 10px 10px;
		}

.red {
	color:#F00;}	
	
.align-right {
	text-align:right;}
	
.float-right {float:right;}

.float-left {float:left;}
	
.center {text-align:center;}

.upper {
	text-transform:uppercase;}
	
.left-10 {
	padding-left:10px;
	}
	
.left-20 {
	padding-left:20px;
	}
	
.left-30 {
	padding-left:30px;
	}
			
.left-40 {
	padding-left:40px;
	}
	
.left-45 {
	padding-left:45px;
	}
	
.left-50 {
	padding-left:50px;
	}
	
.left-60 {
	padding-left:60px;
	}
	
.left-80 {
	padding-left:80px;
	}
	
.margin-0 {
	margin:0px !important;
	margin-top:0px !important;
	}
	
.padding-top-0 {
	padding-top:0px !important;
	}
	
table#blueTable-half {
	border:0 none;
	width:50%;
	font-size:1em;
	}

table#blueTable-half tr th {
	background-color:#BFCCF8;
	font-weight:bold;
	padding:4px 12px;
	}

table#blueTable-half tr td {
	background-color:#D9E0FB;
	font-weight:normal;
	padding:3px 10px;
	}
	
div.add_padding ul.alpha {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.4em;
	color:#000;
	padding-bottom:0px;
	padding-left:40px;
	list-style:outside lower-alpha;
	list-style-image:none;
	}
	
div.add_padding ul.alpha li {
	list-style:outside lower-alpha;
	list-style-image:none !important;
	background-image:none;
	margin:1em 0 1em 3em !important;
	}
	
div.add_padding ul.alpha2 li {
	list-style:outside upper-alpha;
	list-style-image:none !important;
	background-image:none;
	margin:1em 0 1em 3em !important;
	}		
		
h3.ereg	{
		font-size:1.5em;
		color:#023F6F;
	}
	

/* TOGGLES */

.tgl_container {padding-left:27px;}
.block {padding-left:40px;}
.block2 {padding-left:0px;}
.block ol li {margin-top:15px;}
	
.blue {color:#036083;}
	h2.trigger, h3.trigger {
	
	background: url("/images/toggle2_icon_plus.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #004D71;
    cursor: pointer;
    line-height: 46px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 1.6em;
    padding-left: 40px;
    text-align: left;
    text-decoration: none;
	cursor:pointer;
	}
	
	h2.active, h3.active
	{
	background: url("/images/toggle2_icon_minus.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #004D71;
    cursor: pointer;
    line-height: 46px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 1.6em;
    padding-left: 40px;
    text-align: left;
    text-decoration: none;
	cursor:pointer;
	
	}
	
	h2.toggle, h3.toggle {	
		background: url("/images/toggle_icon_plus.png") no-repeat scroll 0 0 transparent;
		border: medium none;
		color: #004D71;
		font-size:1em;
		font-weight: bold;
		line-height: 16px;
		margin-bottom:0;
		margin-left: 0;
		padding-left: 27px;
		padding-top: 3px;
		cursor:pointer;
		text-align: left;
		text-decoration: none;
		padding:5px;
	}

	h2.notoggle, h3.notoggle {
		border: medium none;
		color: #004D71;
		font-size:1em;
		font-weight: bold;
		line-height: 16px;
		margin-bottom:0;
		margin-left: 0;
		padding-left: 27px;
		padding-top: 3px;
		cursor:pointer;
		text-align: left;
		text-decoration: none;
	}
	
	.toggle-right {
		margin-left: 50px;
	}

h2.open, h3.open {	
	background: url("/images/toggle_icon_minus.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #004D71;
    font-weight: bold;
    line-height: 16px;
	margin-bottom:0;
    margin-left: 0;
    padding-left: 27px;
    padding-top: 3px;
	cursor:pointer;
     text-align: left;
	   text-decoration: none;
}


/* h4 with back arrow and more intended black arrow list */


@media print {
  div.toggle_container, div.tabs , div.tabs1 { display:block !important; } /* expands accordion div's so full text prints see /info/outreach.htm/info/outreach.htm */
  a:link:after, 
  a:visited:after { 
  content: " (" attr(href) ") ";
  font-size: 90%;
}/* Prints urls with text links */
  a[href^="/"]:after { 
  content: " (boe.ca.gov" attr(href) ") ";
  }/* Prints absolute urls for relative paths */
  .faq {display:none !important;}

  .TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;}
}

 /* *********************from ca_department.css End*********************************** */

 /* *********************from layout.css Start*********************************** */
 
 #cont {
 width:550px;
 text-align:left;
 height:inherit;
 }
 
  /* *********************from layout.css end*********************************** */


 /* *********************from fontstyles Start*********************************** */
 
 .headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-position: left bottom;
/*	letter-spacing: .1em; */
}

.headlineRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990033;
	text-decoration: none;
	background-position: left bottom;
/*	letter-spacing: .1em; */
}

.indentContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	margin-left: 30px;
}

.calendarevent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-position: left top;
	color: #000000;
	text-decoration: none;
	margin-top: 11px;
	margin-bottom: 11px;
}

.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	background-position: left top;
	padding-left: 7px;
}

/*Applying Content class to DL*/
dl#DLdblspace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

/*Doublespacing the DT*/
dl#DLdblspace dt {
	margin-top: 10px;
}
.headlinetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-position: left bottom;
}

.mainheadline { /* Need to find in pages and replace with h2 or h3 then remove style */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: .01em;
	text-align: left;
	vertical-align: bottom;
	color: #000000;
	word-spacing: normal;
	line-height: 15px;
}

.pSmallBottom { /* Need to find in pages and replace then remove style */
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: left;
}

.subtitle {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-style: normal;	font-weight: bold;	color: #000000;}

#indentTable table /* Not in use, but brought over just in case */
{
	border: 0px;
	width: 90%;
	color: #000000;
	margin-left: 10px;
	margin-top: 5px;
}

/* blueTable needed to be changed from an id to a class for validation */

	table.blueTable
{
	border: 0px;
	width: 98%;
	margin-top: .5em;
}
	table.blueTable tr td
{
	font-weight: normal;
	background-color:#D9E0FB;
	padding: 3px 10px 3px 10px;
}
	table.blueTable tr th
{
	font-weight: bold;
	background-color:#BFCCF8;
	padding: 4px 12px 4px 12px;
}
	table.blueTable tr td ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* added a class for items that need to look like a header, but are not */

	td.noheader
{
	font-weight: bold !important;
	background-color:#BFCCF8 !important;
}

td.right-padding {
	text-align:right !important;
	padding-right:6em !important;
}


	table.blueTable-half
{
	border:0 none;
	width:50%;
	font-size:1em;
}

	table.blueTable-half tr th
{
	background-color:#BFCCF8;
	font-weight:bold;
	padding:4px 12px;
}

	table.blueTable-half tr td
{
	background-color:#D9E0FB;
	font-weight:normal;
	padding:3px 10px;
}

/* end of table class */


table#blueTable
{
	border: 0px;
	width: 98%;
	margin-top: .5em;
}

table#blueTable tr th
{
	font-weight: bold;
	background-color:#BFCCF8;
	padding: 4px 12px 4px 12px;
}

table#blueTable tr td
{
	font-weight: normal;
	background-color:#D9E0FB;
	padding: 3px 10px 3px 10px;
}


.tableHeader
{	border: 0px;
	width: 100%;
}

table#blueTable tr td ul
{
	
	margin-top: 0px;
	margin-bottom: 0px;
}

.tdBlueSubtitle {
	font-weight: bold;
	background-color:#D9E0FB;	
	padding: 2px 7px 2px 7px;	 
}

.tdBlueContent {
	font-weight: normal;
	background-color:#D9E0FB;
	padding: 2px 7px 2px 7px;
}

.tdBullet {
	padding-left:2px;
	list-style: disc;
	margin: 0px 0px 0px 8px;
}

.tdBulletAnnLtrs {
	margin:0px 0px 0px 20px;
}

.tdWhiteContent {
	font-weight: normal;
	background-color: #FFFFFF;
}

.thBlueHeader {
	font-weight: bold;
	background-color:#BFCCF8;
	padding: 2px 7px 2px 7px;
}

.thBlueContent {
	font-weight: normal;
	background-color:#BFCCF8;
}

table.sortable a.sortheader {
/*    background-color:#BFCCF8; */
    color:#000000;
    font-weight: bold;
    text-decoration: none;
	border-bottom: 1px solid;
/*    display: block;
	height:12px;
	padding: 4px; */
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

td.indent5 {
	text-indent: 15px;
	line-height: inherit;
}

.top {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;	
	text-align: right;
}

.ulNoBullet { /* Need to find in pages, fix or remove, then remove style */
	margin-top: 0px;
	margin-left: 25px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: left;
}

.clear { /* Need to find in pages and replace with .cleaner, then remove style */
	clear: both; 
}


hr {border:1px dotted #BCC6CF;}

span.fillable {
	background-color:#0f3679 !important; 
	font-size:.9em; 
	color:#D9E0FB !important; 
	padding:.1em;
}

 /* *********************from fontstyles.css End*********************************** */

	@import url("/css/search_gss.css"); /* new search css */
	@import url("/css/gsearch_CA.css");


/* brought over from 2007 design End*/

/*INDUSTRY PAGES STYLE */

.headline {
    color: #990000;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 24px;
    font-style: italic;
	padding-top:0; margin-top:0;}

div.disclaimer {
	text-align:center; background:none; border:none;}



h3.toggle2 {
	background:url("/images/toggle2_icon_plus.png") no-repeat;
	padding-left:40px;
	text-decoration: none !important; 
	margin-left:0px;
	line-height:40px;
	cursor:pointer;
	margin-bottom:0em;
	margin-top:1.6em;
	border:none;
	text-align:left;
	color:#004d71;
	text-transform:none;
	font-size: 1.2em;
	}
h3.toggle5 {
	background:url("/images/toggle2_icon_plus_clear.png") no-repeat;
	padding-left:40px;
	text-decoration: none !important; 
	margin-left:0px;
	line-height:40px;
	cursor:pointer;
	margin-bottom:0em;
	margin-top:1.6em;
	border:none;
	text-align:left;
	color:#004d71;
	text-transform:none;
	font-size: 1.2em;
	}

h3.resources {
    background-color: #E7EAEF;
    border: 1px solid #D6D7DB;
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 7px;
    text-transform: capitalize;
}

.tabs h4 {
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0 0.4em;
	text-transform:none;
}

.list_style_1 {margin-top:1em;}
.list_style_1 li {
    padding: 0 0 14px 18px;
}

div.gray-container {
	padding-top:0px;
	padding-bottom:23px;
	padding-left:15px;
	padding-right:10px;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#eaeaea 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top, #fefefe 0%,#eaeaea 100%); /* W3C */
	-pie-background: linear-gradient(top, #fefefe 0%,#eaeaea 100%); /* IE */
	border:1px solid #c8c8c8;
	-moz-box-shadow:2px 2px 7px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:2px 2px 7px rgba(0, 0, 0, 0.2);
	box-shadow:2px 2px 7px rgba(0, 0, 0, 0.2);
	margin-top:0px;
	margin-left:0px;
	margin-right:25px;
	width:250px;
	float:left;}
	
	
	.gray-container a.more {
	float: right;
    font-size: 1em;
    margin: 0 0 0;
    padding: 0 14px 0 0;
}

.gray-container a.more span {
    bottom: -1px;
    font-size: 1.3em;
    line-height: 1em;
    position: relative;
    vertical-align: baseline;
}

#3columnbg {
	background-image:url(/images/content/3columnbg.png);
	width:100%;
	background-repeat:repeat-y;
	position:relative;
	overflow:hidden;
	float:left;}

.columns_three a.more {
	float: right;
    font-size: 1em;
    margin: 0 0 0 0;
    padding: 0 14px 0 0;
}

.columns_three a.more span {
    bottom: -1px;
    font-size: 1.3em;
    line-height: 1em;
    position: relative;
    vertical-align: baseline;
}
		
div.gray-container ul {padding-left:0px;}

h3.express	{
	background-image: url("/images/common/ribbon-back2.png");
    background-repeat: no-repeat;
	background-position:top left;
    height: 40px;
    line-height: 15px;
    margin-top: 5px;
    padding-top: 9px;
	padding-left:20px;
	padding-bottom:0px;
    width: 250px;
	color:#FFF;
	background-color:transparent !important;
	border:none;
	margin-left:0 !important; margin-bottom:0 !important;
	position:relative; 
	right:21px;
	text-transform:none;
	}
	
	
	 #grey-box {
	 width:224px;
	 margin-left:0px; 
	 border:#dce2e4 1px solid;
border-radius:8px;
-moz-border-radius:8px; /* Old Firefox */
 /* fallback */ 
 background-color: #e8ebed;
 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8ebed), to(#ede9e9)); 
 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #e8ebed, #f2f2f2); 
 /* IE 10 */ background: -ms-linear-gradient(top, #e8ebed, #f2f2f2); 
 line-height:1.4em;
 }
	
	
	#blue-box {
	 width:174px;
	 margin-left:0px; 
	 border:#415e70 1px solid;
		border-radius:10px;
		-moz-border-radius:10px; /* Old Firefox */
 		background-color: #456176;
 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#456176), to(#648dab)); 
 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #456176, #648dab); 
 /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #456176, #648dab); 
 /* IE 10 */ background: -ms-linear-gradient(top, #456176, #648dab); 
 		line-height:1.4em;
 		color:#FFF
 }
 
 #blue-box p, #blue-box h3, #blue-box h4, #blue-box a, #blue-box a:visited  {color:#FFF;}


/* TABS INDUSTRY STYLE WITH PAGES ID */
div.content2 {
    background-color: #F6F6F6 !important;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
    clear: both;
    margin: 0px 0 0;
    padding: 5px 30px 5px 30px;
    position: relative;
    width: auto;
    z-index: 0;
}

div.content2.inactive {
	display: none;
}


ol#toc2 {
    height: 62px;
    list-style: none outside none;
    margin: 0;
    padding: 0px 0 0 0px;
    position: relative;
    top: 11px; right:1px;
	z-index:2;
	
	
	
}

ol#toc2 li {
    float: left;
    margin: 0 1px 0 0;
	font-size: 15px !important;
}



ol#toc2 a {
    display: block;
    float: left;
    padding-left: 10px;
    text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}

ol#toc2 span {
    display: block;
    padding-right: 10px;
}

ol#toc2 li a.active {
	background-image: url(/industry/images/tab-current.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#777;
	padding: 0 0px 10px 5px;
	height:62px;
	}

ol#toc2 li a.active:hover {background-image: url(/industry/images/tab-current.gif);
		padding: 0 0px 10px 5px;
		text-decoration:none !important;
		color:#777;
		
		}

ol#toc2 li a.active span {
    background-position:top right;
	background-image: url(/industry/images/tab-current.gif);
	background-repeat:no-repeat;
	padding: 20px 15px 11px 10px;
	height:62px;
	}
	ol#toc2 li a.active:hover span {background-image: url(/industry/images/tab-current.gif);
	padding: 20px 15px 11px 10px;
	text-decoration:none !important;
	
	}

	
ol#toc2 li a:hover {
	background-image: url(/industry/images/tab-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:62px;
	padding: 0 0px 10px 5px;
	text-decoration:none !important;
	cursor:pointer;
	color:#007aa9;
	}

ol#toc2 li a:hover span {
    background-position:top right;
	background-image: url(/industry/images/tab-hover.gif);
	background-repeat:no-repeat;
	height:62px;
	padding: 20px 15px 11px 10px;
	text-decoration:none !important;
	cursor:pointer;
	}


ol#toc2 a {background-position:top left;
	background-image: url(/industry/images/tab.gif);
	background-repeat:no-repeat;
	height:62px;
	padding: 0 0px 10px 5px;
	cursor:pointer;
	color:#005D88;
	}
	
ol#toc2 a span {background-position:top right;
	background-image: url(/industry/images/tab.gif);
	background-repeat:no-repeat;
	height:62px;
	padding: 20px 15px 11px 10px;
	cursor:pointer;
	}
	
	ol#toc2 li a:visited {color:#005D88;
	}

/*************************** Seminar form styles **********************************/
#seminarForm label, #seminarForm .col1 {
    float: left;
    clear: left;
    width: 10em;
    text-align: right;
    margin-right: 5px;
    margin-bottom: 1em;
    vertical-align: bottom;
    -webkit-margin-before: 3px;
}
#seminarForm select {
    float: left;
    margin-left: 0;
}
#seminarForm input { float: left; }
#seminarForm input[type=submit], #seminarForm input[type=reset] { float: none; }
#seminarForm .stack_right { clear: none; }
#seminarForm input[type=checkbox] { margin-top: .4em; }

/*************************** News Release styles **********************************/
.email-share-button {
	float:left;
	margin-right:5px;
	text-decoration:none;
}
a.email-share-button {
	text-decoration:none !important;
}
.fb-share-button {
	float:left;
	margin-right:5px;
	margin-top:1px;
}
.twitter-share-button {
	float:left;
	margin-top:1px;
}
.news_date {
	float:left;
	margin-top:-40px;
	font-weight:bold;
}

.news_number {
	float:left;
	clear:both;
}

.news_contact {
	float:right !important;
	text-align:right !important;
}
.news_content {
	text-align:justify;
}
.share {
	margin:0 auto;
	max-width:250px;
}
h1 span a {
	text-decoration:none !important;
}
.footnote {
	font-size:11px;
}

.news_content h2 {
	text-align:center;
}

.news_content p {
	text-align:justify;
}


/*************************** MultiColumn List Styles **********************************/
/* can be applied to either ul or ol */
ul.list_2col, ol.list_2col {
	display:block;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	column-gap: 2.5em;
	text-align:left;
	padding-left:0 !important;
}

ul.list_2col li, ol.list_2col li, ul.list_3col li, ol.list_3col li {
	margin-left:25px;
	margin-top:0;
	margin-bottom:.5em;
	text-align:left;
}

ol.list_2col li, ol.list_3col li {
	margin-left:40px !important;
}

ol.list_2col li li, ol.list_3col li li {
	margin-left:0 !important;
}

.list_2col li ul li {
	background:url("/images/content/bullet_arrow_small.png") no-repeat scroll 0 6px transparent !important;
	padding: 0 0 0 18px !important;
}

ul.list_3col, ol.list_3col {
	display:block;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	column-gap: 2.5em;
	padding-left:0 !important;
}

.list_3col li ul li {
	background:url("/images/content/bullet_arrow_small.png") no-repeat scroll 0 6px transparent !important;
	padding: 0 0 0 18px !important;
	margin-top: .7em;
}

.list_2col li ul, .list_3col li ul {
	padding-left:0;
}

.list_2col li ol, .list_3col li ol {
	padding-left:18px;
}

.list_2col li li, .list_3col li li {
	margin-left:0;
	margin-top:.5em !important;
	margin-bottom:0;
}

/*************************************table display********************************/
div.table {
	display:table;
	margin-left:0;
	padding-bottom:20px;
}
div.table div {
	display:table-row;
}
div.table div div {
	display:table-cell;
	padding:5px 5px 0 5px;
	vertical-align:bottom;
}
div.table div div:first-child {
	vertical-align:top;
	padding-left:0;
}



/* external links icon */
/*#page_container a[href^=http]::after {
	content: url('/images/external.png');
}
#page_container a[href^="https://efile"]::after, #page_container a[href^="http://maps.gis"]::after {
	content: none;
}*/