td img {display: block;}

body {
	background-color: #cbcca9;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 0.75em;
}

#heading, #navigation, #main_content, #tabs{
	/*min-width: 680px;
*/
	width: 80%;
	text-align: left;
	margin: 0;
}

#navigation {
	padding: 0;
	position: bottom;
	background: #ffffff;
	height: 50px;
	white-space: nowrap;
}

#navigation ul {
	position: absolute; /* Needed for FF, background */
	margin: 0;
	padding: 0 0 0 5px;
	height: 30px;
	z-index: 1;
	width: 62em;
}

#navigation a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 9px 6px 0px 7px;
	float: left;
	background: transparent url(navigation_tabs.gif) top right no-repeat;
	position: relative;
	height: 30px; /* Needed for IE 5.x broken box */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 21px; /* 30 - 9, for non-broken browsers */
}

#navigation li li a {
	color: #006f3b; /* submenu color */
	font-size: 1.0em; /* submenu size */
	font-weight: normal;
	background: #006f3b;
	height: 16px;
}

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

#navigation li li {
	background: transparent url(navigation_divider.gif) no-repeat 100% 11px; /* Dividers in the sublist */
}

#navigation a span {
	background: transparent url(navigation_tabs.gif) top left no-repeat;
	height: 30px;
	width: 7px;
	display: block;
	font-size: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#navigation li {
	margin: 0;
	float: left;
	display: block;
	list-style: none;
}

#navigation li ul {
	display: none; /* Hide sublists */
	width: 790px; /* 800 - 10, IE needs this to be fixed width */
	top: 30px; /* moves the sublist below main list */
	left: 0px;
}

/* added for ca.gov */
#navigation li.mouse_over ul { /* Show sublist of hovered item */
 display: block;
}

#navigation li:hover a, #navigation li.mouse_over a {
	background: transparent url(navigation_tabs.gif) 100% -60px  no-repeat;
}

#navigation li:hover a span, #navigation li.mouse_over a span {
	background: transparent url(navigation_tabs.gif) 0px -60px  no-repeat;
}

#navigation #nav_list li li a {
	background-image: none;
	background-color: transparent; /* Needed to make dividers visible */
}

#navigation li.nav_default_on ul { /* Show sublist of current page */
	display: block;
	background: #FECD07;
}

#navigation li.nav_default_off ul { /* Hide sublist of current page */
	display: none;
	background: #FECD07;
}

#navigation li.nav_default_on a, #navigation li.nav_default_off a {
	background: transparent url(navigation_tabs.gif) 100% -120px no-repeat;
}

#navigation li.nav_default_on a span, #navigation li.nav_default_off a span {
	background: transparent url(navigation_tabs.gif) 0% -120px no-repeat;
}

#navigation #background_top {
	position: absolute;
	width: 100%;
	height: 30px;
	background: transparent;
}

a:link {
	color: #3754d4;
}

a:visited {
	color: #8b3f1d;
}

a:hover {
	color: #bc3e06;
	background-color: #ecece7;
}

a:active {
	color: #bc3e06;
}

img {
	border: 0px;
}

.hidden {
	display: none; /* For IE 4 only */
}

p {
	margin: .7em 0em .9em 0em;
}

ul {
	margin: 1em 0em 1em 1.4em;
	padding: 0em 0em .5em 1.4em;
}

ul ul {
	margin: 0em 0em 0em 1.4em;
	padding: .2em 0em .2em 1.4em;
}


/* TABS */
/* **********************************************/*
.block_with_image_and_tabpanel_2 {
 padding-bottom:0px;
 max-width:100%;
 top:0px;
 left:-2px;
 /*height:8.5em; /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
 width:100%;
 position:relative; /* Make this the containing block */
}


#tabpanel_container {
 padding:0px 0px 0 0;
 margin:20 20 20 20px;
}


#tab_list {
 padding: 0;
 position:relative; /* Makes this the containing block */
 /*white-space: nowrap;*/
 display:block;
 z-index:10;
 width:99%;
}

#tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
 width:99%;
}
#tab_list ul#tab_ul {
 height: 55px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5{
 background: #3b4f74 url(tabpanel_tabs.gif) no-repeat -60px  ; /* normal tabs */
 border-right: solid 1px #000000;
 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(tabpanel_tabs.gif) -60px 100% no-repeat;

 height:20px; /* Needed for IE 5.x broken box */

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

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

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

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

#tab_list ul ul {
 position:absolute;
 top:29px;
 left:0px;
 display:none;
 z-index:-10;
 /*border:1px solid #CECDC4;  dark blue */
 padding:12px 0px 2px 2px;
 /*background:#ecece7;  Light blue */
 background: url(background_gradient.jpg) repeat-x;
 height:10em;
}

#tabpanel #tab_list ul ul li {
 float: left;
 width:98%;
}

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

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

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

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

.list_decorative_dark_2 a {
    text-decoration: none;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
}

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

#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link {
 background: transparent url(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: #ecece7 url(tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}

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

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

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

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


td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

a {
	color: #336699;
	text-decoration: none;
}

form {
	background-color: #CCCC99;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
	padding: 3px;
	line-height: 30px;
  background-color: #ffffff;
	color: #336633;
}

.subtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 3px;
	font-weight: bold;
  color: #DCDCDC;
   background-color: #666666;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	background-color:#336699;
  color: #cccccc;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	background-color: #cbcca9;
}
.legal3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		line-height: 22px;
	color: #336699;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		line-height: 20px;
	color: #000000;
	background:#FFFFFF;
	padding: 3px;
}

.legal2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #000000;
	background:#FFFFFF;
	padding: 3px;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	background-image: images/gradient.jpg;
	background-repeat: repeat-x;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cbcca9;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
	color: #666666; 
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}