/* CSS Document */

/*dfeh_department styles*/

/* Change divider (horizontal line) color to (oceanside) light blue - added on 11/22/11 */

hr {
	border: 0;
	color:#a6c6df;
	background-color:#a6c6df;
	height:2px;
	}
	
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.38em;
	color: #253b5a;
	/*border-bottom:2px dotted #999;*/
	margin:2px 0;
	width:99%; /* Fix IE problem, too short */
}
h5{
	font-size:1em;
	font-weight:bold;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.38em;
	color: #253b5a;
	/*border-bottom:2px dotted #999;*/
	margin:0px 0;
	width:99%; /* Fix IE problem, too short */
}
.grayRoundCornerBox
{
	width:auto;
}
.grcb_topLeftCorner
{
	background-image:url(/dfeh/res/images/roundedCornerTopLeft.gif);
	background-repeat:no-repeat;
}
.grcb_topBorder
{
	border-top:solid silver 1px;
	height:4px;
	font-size:0px;
}
.grcb_topRightCorner
{
	background-image:url(/dfeh/res/images/roundedCornerTopRight.gif);
	background-repeat:no-repeat;
}
.grcb_leftBorder
{
	border-left:solid silver 1px;
}
.grcb_content
{
	text-align:left;
}
.grcb_rightBorder
{
	border-right:solid silver 1px;
}
.grcb_bottomLeftCorner
{
	background-image:url(/dfeh/res/images/roundedCornerBottomLeft.gif);
	background-repeat:no-repeat;
}
.grcb_bottomBorder
{
	border-bottom:solid silver 1px;
	height:5px;
	font-size:0px;
}
.grcb_bottomRightCorner
{
	background-image:url(/dfeh/res/images/roundedCornerBottomRight.gif);
	background-repeat:no-repeat;
}
.grayBorder { 
	border:solid silver 1px; 
}
.left_column_links {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.00em;
 color: #253b5a;
 text-align:right;
 /*border-bottom:2px dotted #999;*/
 /*margin:4px 0*/;
 width:99%; /* Fix IE problem, too short */
}
/*ca_department styles*/
/*---------------------------------------------*/
/*  main_content_1                             */
/*---------------------------------------------*/
.Hilite3Columns
{
   /* width: 28%;*/
    width: 24%;
    float: left;
    clear: none;
    padding: 0px 1em;
}
.Hilite3ColumnsEvents
{
   /* width: 28%;*/
    width: 18%;
    float: left;
    clear: none;
    padding: 0px 1em;
}

.Hilite3ColumnsOtherPages
{
   /* width: 28%;*/
    width: 40%;
    float: left;
    clear: none;
    padding: 0px 1em;
}

.Hilite3ColumnsPressRel
{
   /* width: 28%;*/
    width: 90%;
    float: left;
    clear: none;
    padding: 0px 1em;
}
.left_column_image {
	width:164px;
	position:relative;
	left:18px;

}
.mission {
	position:relative;
}
.mainbkg {
	background-image:url(/dfeh/res/images/BlockBkgrd774.gif);
	background-repeat:repeat-y;


}
.bkgrd {
	background-image:url(/dfeh/res/images/BlockBkgrdLeft.gif);

}
.5othbkrd{
	background-image:url(/dfeh/res/images/50thAnivBKGRD774.gif);
	
}
.MoreLink
{
    text-align: right;
    padding-right: 10px;
}

.list_decorative_dark2 a {
 text-decoration:none;
 display:block;
 /*border-bottom:1px dotted #999999;*/
}

.list_decorative_light a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #ECECE7;
}

.list_decorative_blue a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #253B5A;
}

/*--------------------------------------------------*/
/*  block_with_rounded_corners                      */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners {
 width:99%;
 /*background:#ECECE7;*/
 /*background-image:url(../images/BlockBkgrd774.gif);*/
 border-style:solid;
 border-color:#5d7493;
 border-width:0 0px 0px 0px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}

.block_with_rounded_corners h3 {
 background:#5d7493;
 /*color:#fff;*/
 padding:5px 10px 5px 10px;
 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  (carousel only      */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/


.caroublock_with_rounded_corners {
	/*width:99%;*/
	width:99%;
	/*background:#ECECE7;
	background-image:url(../images/BlockBkgrd1.gif) ;*/
	border-style:solid;
	border-color:#5d7493;
	border-width:0 0px 0px 0px;
	position:relative; /* Make this the containing block of the corner spans */
	margin-bottom:16px;
 
 
}
/*  End of block_with_rounded_corners */


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

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

.block_with_image_and_tabpanel .image_container {
	border: 1px solid #bcc5d0;
	background:#fff;
	padding:7px 7px 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;
	position:relative;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:auto; /* Width for portrait photos, for non-broken browsers */
}

#tab_list ul ul {
	position:absolute;
	top:29px;
	left:0px;
	display:none;
	z-index:-10;
	border:1px solid #7E98BA; /* dark blue */
	padding:12px 0 16px 0;
	background:#E8EFF6; /* Light blue */
}

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

#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;*/
	/*background:url(../images/ca_department/tabpanel_corners_trans.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;*/
	/*background:url(../images/ca_department/tabpanel_corners_trans.gif) top right no-repeat;*/
}
#tabpanel_1_sublist p {
white-space:normal;
margin:10px;
}

#tabpanel #tab_list ul ul#tabpanel_1_sublist li {
 float: left;
 width:96%;
 background:none;
}
#tabpanel_2_sublist p {
white-space:normal;
margin:10px;
}

#tabpanel #tab_list ul ul#tabpanel_2_sublist li {
 float: left;
 width:96%;
 background:none;
}
#tabpanel_3_sublist p {
white-space:normal;
margin:10px;
}

#tabpanel #tab_list ul ul#tabpanel_3_sublist li {
 float: left;
 width:96%;
 background:none;
}
#tabpanel_4_sublist p {
white-space:normal;
margin:10px;
}

#tabpanel #tab_list ul ul#tabpanel_4_sublist li {
 float: left;
 width:96%;
 background:none;
}
#tabpanel_5_sublist p {
white-space:normal;
margin:10px;
}

#tabpanel #tab_list ul ul#tabpanel_5_sublist li {
 float: left;
 width:96%;
 background:none;
}
li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5 {
 background: #7E98BA url(../../sysres/images/ca_department/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover, #tabpanel_4:hover, #tabpanel_5:hover {
 background: #E8EFF6 url(../../sysres/images/ca_department/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}
/* End of tabpanel_module */

/*Other Styles*/
/*Table Styles///////////*/
table {
	border-color: #4d7fb2;
	border-collapse: collapse;
	border: 1px solid #4d7fb2;	
	margin-left: auto;
   	margin-right: auto;
	width:80%;
}

th {
	text-align: center;
	padding: 5px 5px;	
	font-weight:bold;
	text-align: center;
	background-color: #335f9e ;
	color: #FFFFFF;
	border: 1px solid #253b5a;
	border-bottom: 2px thick #797a7b;	
}    

td {
	padding: 5px 5px;	 
	border: 1px solid #4d7fb2;
} 
/*End Table Styles*/

.divider {
	background-image: url(https://cms.portal.ca.gov/dfeh/res/images/line1.gif);
	background-repeat: repeat-x;
}

/*Equal Rights 101*/
.SubHead
{
	color: #000;
	font-family: Arial;
	font-weight: bold;
	font-size : 16pt

}
.BodyItaly
{
	color: #000;
	font-family: Verdana, Arial;
	font-style: italic;
	font-size: 9pt;
}

.BodyNormal
{
	color: #000;
	font-family: Verdana, Arial;
	/*font-style: italic;*/
	font-size: 9pt;
}

.BodyBold
{
	color:#000;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 9pt;
}

a.ContentLink
{
    color: #000;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    font-size:  9pt;
}
a.ContentLink:hover
{
    color: #ccff00;
	background-color:#000;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    font-size:  9pt;
}