/*---------------------------------------------*/
/*  ca_department.css                          */
/*  Version 1.10                               */
/* Last Updated January 4, 2007                */
/*                                             */
/*  Department-specific styles                 */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*  main_content_1                             */
/*---------------------------------------------*/
#capAnnouncement
{
    BORDER-BOTTOM: thick double;
    TEXT-ALIGN: center;
    BORDER-LEFT: thick double;
    PADDING-BOTTOM: 4px;
    MARGIN: 10px 10px 10px 4px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    COLOR: #339933;
    FONT-SIZE: 16pt;
    BORDER-TOP: thick double;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: thick double;
    PADDING-TOP: 4px
}
#capAnnouncement p
{
    TEXT-ALIGN: center;
    TEXT-indent: 5px;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: normal
}
#capAnnouncement #CAPtextRed
{
    text-align: center;
    text-indent: 5px;
    color: #CC0000;
    font-size: 13pt;
    font-weight: normal;
}
#capAnnouncement ul
{
    text-align: left;
    text-indent: 15px;
    font-size: 13pt;
    font-weight: normal;
    margin-bottom: -20px;
}
#capAnnouncement li
{
    TEXT-ALIGN: left;
    TEXT-indent: 15px;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: normal
}
#capAnnouncement header1
{
    FONT-SIZE: 18pt
}
#addMarginToScoring p
{
    text-indent: 10px;
    padding-left: 10px;
}

#addMarginToScoring h4
{
    padding-left: 10px;
    font-size: large;
    text-decoration: underline;
    color: #006600;
}

#middle_container
{
    height: 550px;
}

#pageOwner
{
    float: right;
    font-size: x-small;
    color: #C0C0C0;
}
.center_text
{
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.centerHeader
{
    border: thin outset #C0C0C0;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: justify;
    padding-left: 20px;
}

.centerHeader h1
{
    font-size: xx-large;
    font-weight: bold;
    color: #009900;
    text-align: justify;
}

.centerHeader h2
{
    font-size: xx-large;
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    color: #253B5A;
}

.centerHeader h3
{
    font-size: x-large;
    font-family: 'Times New Roman' , Times, serif;

    text-align: center;
    text-decoration: none;
    color: #253B5A;
}

.line
{
	border-bottom-style: double;
	border-bottom-width: thick;
	border-bottom-color: #009933;
}

#news
{
	font-family: 'Viner Hand ITC';
	font-size: 20px;
	color: #009933;
	font-style: oblique;
	font-weight: bold;
}
.greenText
{
	color: #009900;
}
.redText
{
	color: #FF0000;
	font-size: 10px;
}


.bold_underline span
{
	font-weight: bold;
	text-decoration: underline;
}
.balls img {
 position:absolute;
 width:110px;
 height:83px;
}


.advisoryGroupCalander
{
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-bottom-color: #000066;
}
.advisoryGroupCalander span
{
	display: inline-block;
	vertical-align: text-top;
}




	
#Diesel_Viewing_Requirements
{
	width: 96%;
	background-color: #FFFFCC;
	position: absolute;
	top: 25em;
	float: left;
	margin-left: 1em;
}
#Diesel_Viewing_Requirements p  
{
	padding-left: 2em;
}
#Diesel_Viewing_Requirements ul 
{
	padding-left: 3em;
}
#NewHeader
{
	background-position: center;
	width: 100%;
	/*height: 11em;*/
	overflow: hidden;
	text-align: center;
}

#NewHeader p
{
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.center_text_table
{
	width: 60%;
	margin-left: 5%;
	text-align: center;
}

#border_area
{
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C84B13;
}
.content
{
	color: #000000;
}
.text_light
{
	color: #666666;
}

.bold_text p
{
	font-weight: bold;
}

#box_Table_2012
{
	border: thin inset #000000;
	width: 80%;
}

#table_col
{
	background-color: #0B2C5E;
	color: #FFFFFF;
}

#img_left
{
	float: left;
	width: 30em;
}

#img_right
{
	float: right;
}

#spacing2
{
	padding-right: 13em;
}

#over_lay_top
{
	position: absolute;
	z-index: 99;
	top: 42em;
	right: 14em;
}

#furlough
{
	width: 99%;
	height: 8em;
	text-align: center;
	color: #FF0000;
	font-size: large;
	font-weight: bold;
}
 #Car
{
    width: 500px;
    height: 289px;
    z-index: 0;
    position: absolute;
    top: -10px;
    left: 200px;
}
            
#money
{
   position:absolute;
   width: 50px;
   height: 59px;
   left:90%;
}
.message
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    z-index: 100;
    padding-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
}
            
#publicnotice
{
    position: relative;
    z-index: 200;
    border: thick outset #FFCC66;
    width: 99%;
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    background-color: #CCFFCC;
    height: 180px;
    padding-top: 20px;
}

#publicnotice #hd2
{
    font-family: 'Arial Black';
    font-size: 2px;

}
#publicNotice2
{
    border: medium solid #FFCC66;
    width: 99%;
    text-align: center;
    height: 9em;
    padding-bottom: 70px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background-color: #BCC5D0;
}

#publicNotice2 p
{
	padding-right: 2em;
	padding-left: 2em;
	font-size: 14px;
}            
.center {text-align: center;}


#take_charge
{
	left: 255px;
	position: relative;
}

.logo_center
{
	padding-left: 7px;
}

#color_blue
{
	color: #0066FF;
}

 #header
{
	font-family: 'Monotype Corsiva';
	font-size: xx-large;
	font-weight: bolder;
}

.mission
{
	height: 250px;
	text-align: center;
	width: 170px;
	padding-bottom: 10px;
}

.mission #text_line
{
	font-family: 'Monotype Corsiva';
	font-size: large;
	text-align: center;
	margin-left: 30px;
	text-indent: inherit;
}
#greenStationList
{
	width: 100%;
}

#greenStationList h1
{
	text-align: center;
	color: #000000;
	background-color: #BDE084;
}

#greenStationList #leftList
{
	width: 45%;
	float: left;
}

#greenStationList #rightList
{
	width: 45%;
	float: right;
}

#greenStationList span
{
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}
#greenStationList li
{
	list-style-type: none;
}



#greenStation
{
	border: thin ridge #5D7493;
	font-family: Verdana;
	font-size: small;
	text-align: center;
	color: #000000;
	/*background: #BDE084 url(../images/GreenStationLogo4.funny.gif ) no-repeat;*/
	background: #BDE084 url(../images/GreenStationLogo4Final.jpg ) no-repeat;
	font-weight: normal;
	padding-top: 2.5in;
	height: 150px;
}

#greenStation a
{
	color: #009933;
	font-size: 20px;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana;
}
	



#notice
{
	border-style: groove;
	border-color: #FFFF99;
	font-family: 'Arial Black';
	font-size: medium;
	text-align: center;
	color: #000000; 
	background: #fff url(../images/RiversideLowRes.jpg ) no-repeat;
	background-color: #C0C0C0;
	padding-left: 300px;
	letter-spacing: normal;
	padding-top: 11px;
	padding-bottom: 20px;
}
#phone 
{
	font-family: 'Arial Black';
	font-size: small;
	
}

.lawDoc li
{
    list-style-type: none;
}

.picture_box #header1
{
    font-size: 50px;
    color: #0000FF;
}

.picture_box #header2
{
    font-size: 25px;
    color: #000000;
}

.picture_box #workshopList
{
    position: absolute;
    margin-top: 470px;
    background-color: transparent;
    left: 26%;
}

.picture_box #floatingStar
{
    position: absolute;
    margin-top: 260px;
    background-color: transparent;
    left: 25%;
}
.picture_box
{
	border: thick double #996600;
	background-color: #FFCC99;
	height: 770px;
	width: 99%;
	text-align: center;
}

.picture_box .center_links2
{
    padding-left: 35%;
    text-align: justify;
}

/*background image if needed like one used for CA in ca_master*/
#agency_branding {
 width:360px;
 height:77px;
 display:block;
 float:left;
 background:#fff url(../images/heading_departmentbar.jpg) no-repeat;
}

#left_column a {
 color:#000;
}

#left_column ul {
 margin: .4em .5em 1em 0em;
}
#left_column ul ul {
 margin: .2em 0em 0em 0em;
}

.left_column_top {
 margin:0;
 padding:1px 0 34px 8px;
 background:#BCC5D0 url(../images/ca_department/left_column_divider.gif) bottom left no-repeat;
}

.left_column_top a {
 display:block;
}

.left_column_top a:hover {
 background:#ECECE7; /* light gray */
}

.column_inner {
 padding:14px;
 width:95%;
}

.column_inner_table
{
    width: 90%;
    text-align: center;
    margin-left: 5%;
}

.column_inner_2012 h3
{
	font-family: Verdana;
	font-size: 24px;
	color: #5D7493;
}

.column_inner_2012 p
{
	font-family: Verdana;
	font-size: 18px;
	color: #006699;
	font-weight: 700;
}

#left_column .column_inner {
 padding:8px;
}

* html .column_inner {
  float:left; /* Needed for IE */
}
#left_column, #right_column, .column_inner
{
	/* Prevent oversized content from breaking the layout */
	overflow: hidden;
}

#amber_alert_on {
 margin-bottom:10px;
}

.list_decorative_dark li, #middle_column .list_decorative_dark li {
 /*list-style-image: none; url(../images/ca_department/bullet_black.gif);*/
 
}

.list_2012 a
{
	list-style-image: url(../images/ca_department/bullet_black.gif);
	list-style-type: square;
}

.list_decorative_light li, #middle_column .list_decorative_light li {
 list-style-image: none; /*url(../images/ca_department/bullet_gray.gif);*/
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_blue li, #middle_column .list_decorative_blue li {
 list-style-image: none; /*url(../images/ca_department/bullet_blue.gif);*/
 padding:2px;
 margin-bottom:0px;
}

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

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

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

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

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


/**********************************added by Steve Armstrong 3/11/2009*******************************/
.headerunderlineright
{
	text-decoration: underline;
	font-weight: bolder;
}

.headerunderlineleft
{
	text-decoration: underline;
	font-weight: bolder;
}


#container
{
	margin: 0;
	width: 99%;
	height: 100px;
}

.sub_container_left
{
	width: 30%;
	float: left;
	margin-left: 50px;
	text-align: center;
}

.sub_container_left h4
{

	padding: 5px 10px 5px 10px;
	margin: 0px;
}

.sub_container_right
{
	width: 30%;
	float: right;
	margin-right: 50px;
	text-align: center;
}
.sub_container_right h4
{
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

#center_links
{
	text-align: justify;
	padding-left: 30%;
}

#center_links2
{
	text-align: justify;
	padding-left: 20%;
}
/*****************************************************************/

p.center {text-align: center}

p.centerandunderline
{
	text-align: center;
	font-size: large;
}

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

h3 {
 font-size:1.2em;
 text-transform:uppercase;
 margin-bottom:6px;
}

h4 {
 font-size:1em;
 font-weight:bold;
}

hr {
 color: #C84B13;
 background-color: #C84B13;
 height: 2px;
 border: 0;
}

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

#middle_column ul li {
 list-style-image: none; /*url(../images/ca_department/bullet_black.gif);*/
 margin-bottom:15px;
}

#middle_column li ul li{
 list-style-image: none; /*url(../images/ca_department/bullet_black.gif);*/
 margin-bottom:5px;
}

#disability

{
font-size:1.5em;
}

/* added for DCA content area 3 column nav */

#submenu {  
	min-width: 500px; 
	width: 100%;
	margin: 0;
	border: 0px dashed 088110;
	 } 
 /* the bodge for IE6 browsers */
* html .minwidth {border-left:500px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-500px; position:relative; float:left; z-index:2;}

#submenunav {
	float:left;
	left: 10px; 		
	width: 33%; 
	height: 280px;
	padding: 8px; 
	border-top: 0px; 
	border-right: 1px dashed #088110; 
	border-bottom: 0px; 
	border-left: 1px dashed #088110; 
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;}
	
#submenunav img
{float: right;
}

.floatr
{float: right;
}

.floatleft
{float: left;
margin: .3em 1em 0em 0em;
}

#submenunav ul li
{
	list-style-image: none;
	margin:0;
}

#submenu h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	padding: .1em .2em;
	background-color: #088110;
	border: 1px solid #000000;
	margin: 1em 0em .2em 0em;
	padding-top: 0;
}

#agency_bg
 {
 width: 100%;
 min-width: 774px; 
 height:100px;
 display:block;
 float:left;
 background:#fff url(../images/ca_department/dca_banner_1024.jpg) no-repeat;
}




/* Generated Content for Nav 6 */
/*
#headlines a:before { content: url(icon.gif) " "; } */


/* Nav Box BG Color */
#submenunav { background-color: #eee }

/* addition to footer */
#footer div p {
 color:#fff;
 background-color:transparent;
}

ul.inlineu {
 margin: 0;
 border: 0;
 padding: 0;
 }

li.inline {
 display: inline;
 border-left: 1px;
}

#agency_logo {
 width:118px;
 height:87px;
 display:block;
 float:left;
 background:#fff url(/barpubweb/images/BARlogo_forWeb1.jpg) no-repeat;
}

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

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

/*  End of breadcrumbs  */





/*---------------------------------------------*/
/*  tabpanel_module                            */
/*  Tab Panel section with hover effects       */
/*---------------------------------------------*/
.block_with_image_and_tabpanel_SmogCheckLicensing{
 padding-bottom:8px;
 min-width:559px;
 height:24em;  /* 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_StarProgram  {
 padding-bottom:8px;
 min-width:559px;
 height:60em;  /* 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_industry {
 padding-bottom:8px;
 min-width:559px;
 height:23em;  /* 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 {
 padding-bottom:8px;
 min-width:559px;
 height:30em;  /* 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_diesel {
 padding-bottom:8px;
 min-width:559px;
 height:40em;  /* 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_Home {
 padding-bottom:8px;
 min-width:559px;
 height:23em;  /* 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_station_performance {
 padding-bottom:8px;
 min-width:559px;
 height:14em;  /* 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_Consumer {
 padding-bottom:8px;
 min-width:559px;
 height:16em;  /* 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_bar_programs {
 padding-bottom:8px;
 min-width:559px;
 height:14em;  /* 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_general_information{
 padding-bottom:8px;
 min-width:559px;
 height:16em;  /* 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_contact_us{
 padding-bottom:8px;
 min-width:559px;
 height:16em;  /* 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_about_bar{
 padding-bottom:8px;
 min-width:559px;
 height:18em;  /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
}

/********************************************************************************
 NOTE:
 I changed the height from 14em->16em so that the tab can display 5 rows without
 falling out of the container. You will need to add 2em for every addl row you
 want to display. Seems like there should be a page-specific way to set this :-/
 ...perhaps an override of the attribute on the page, or a 1px wide image that 
 holds the right height on each page? (e.g., 4-row-tab.gif, 5-row-tab.gif).
 I'm leaving this as an exercise for the reader, as I'm under a deadline to
 get this website out the door. 'Twas ever thus... :-}
 
    -r.simmers, 4/21/2008
 ********************************************************************************/

.block_with_image_and_tabpanel .image_container{
 padding-bottom:8px;
 min-width:559px;
 height:30em;  /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
} {
 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;
}

.contains_landscape_photo, .contains_portrait_photo {
 height:auto;
}

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

.contains_portrait_photo #tabpanel_container {
 margin:0 0 0 150px; /* Width for portrait photos up to 123px wide, 123 + 27 padding = 150 */
}

#tabpanel{
 margin:0;
 width:99%;
}


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

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

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4 , li#tabpanel_5, li#tabpanel_6{
 background: #7E98BA url(../images/ca_department/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}



#tab_list a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px 12px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */
 background: transparent url(../images/ca_department/tabpanel_tabs.gif) 100% -60px  no-repeat;

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

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

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

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

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


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

#tabpanel #tab_list ul ul li
{
	float: left;
	width: 48%;
	background: none;
}

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

.icon
{
	height: 27px;
	margin: 0 0 0 0px;
}
.icon2
{
	height: 25px;
	margin: 0px 0 0 0px;

}

.icon3
{
    height: 15px;
    margin: 13px 0 0 0;
}

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

#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link{
 background: transparent url(../images/ca_department/tabpanel_tabs.gif) top right no-repeat;
 color:#000;
 text-decoration: none;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover, #tabpanel_4:hover, #tabpanel_5:hover, #tabpanel_6:hover {
 background: #E8EFF6 url(../images/ca_department/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}

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

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

#tab_list .bottom_right{ /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/ca_department/tabpanel_corners.gif) top left no-repeat;
}
#tab_list .bottom_left{ /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(../images/ca_department/tabpanel_corners.gif) top right no-repeat;
}

/* End of tabpanel_module */

.block_with_rounded_corners_Special_Notice
{
	width: 99%;
	background: #ECECE7;
	border-style: solid;
	border-color: #5d7493;
	border-width: 0 1px 1px 1px;
	position: relative; /* Make this the containing block of the corner spans */
	margin-bottom: 16px;
	text-align: center;
	font-size: large;
	font-weight: normal;
}

.block_with_rounded_corners_Special_Notice h3
{
	background: #5d7493;
	color: #CC9900;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

.block_with_rounded_corners_Special_Notice .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_Special_Notice .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_Special_Notice .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_Special_Notice .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                      */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners {
 width:99%;
 background:#ECECE7;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}
.twin_block_with_rounded_corners
{
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.block_with_rounded_corners_small_left
{
	width: 49%;
	background: #ECECE7;
	border-style: solid;
	border-color: #5d7493;
	border-width: 0 1px 1px 1px;
	margin-bottom: 16px;
	position: relative;
	height: 200px;
}

.block_with_rounded_corners_small_right
{
	background-position: #ECECE7;
	width: 49%;
	background: #ECECE7;
	border-style: solid;
	border-color: #5d7493;
	border-width: 0 1px 1px 1px;
	margin-bottom: 16px;
	float: right;
	position: relative;
	top: -218px;
	margin-right: 5px;
	height: 200px;
}

.block_with_rounded_corners h3 {
 background:#5d7493;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.block_with_rounded_corners h3 #largeFont
{
	font-size: 2em;
	padding-left: 30px;
	position: absolute;
	padding-top: 1em;
	color: #33CC33;
}

.block_with_rounded_corners_small_left .textColor, .block_with_rounded_corners_small_right .textColor
{
 background:#5d7493;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.block_with_rounded_corners_small_left h3 
{
	background: #5d7493;
	color: #800000;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}
.block_with_rounded_corners_small_right h3
{
	background: #5d7493;
	color: #800000;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}
.block_with_rounded_corners_small_left .bottom_right,.block_with_rounded_corners_small_right .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_small_left .bottom_left, .block_with_rounded_corners_small_right .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_small_left .top_right, .block_with_rounded_corners_small_right .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_small_left .top_left, .block_with_rounded_corners_small_right .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 .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_BAR                  */
/*  Adds rounded corners and navy bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners_BAR {
 width:99%;
 background:#FFFFFF;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}

.block_with_rounded_corners_BAR h3 {
 background:#0B2C5E;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.block_with_rounded_corners_BAR .bottom_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/ca_department/block_with_image_corners2.gif) top left no-repeat;
}
.block_with_rounded_corners_BAR .bottom_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(../images/ca_department/block_with_image_corners2.gif) top right no-repeat;
}
.block_with_rounded_corners_BAR .top_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(../images/ca_department/block_with_image_corners2.gif) bottom left no-repeat;
}
.block_with_rounded_corners_BAR .top_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(../images/ca_department/block_with_image_corners2.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_BAR */


/*--------------------------------------------------*/
/*  block_with_rounded_corners_tabpanel_B              */
/*  Adds rounded corners and navy bar for heading   */
/*--------------------------------------------------*/
/********************************************************************************
 NOTE:
 I created this tabpanel class with height changed from 16em->10em so that the tab can display 4 rows, instead of so much empty space in the container.
    -P. Licon, 9/24/2008
 ********************************************************************************/

.block_with_image_and_tabpanel_B {
 padding-bottom:8px;
 min-width:559px;
 height:16em;  /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
}
.block_with_rounded_corners_tabpanel_B_GreenStation{
 width:99%;
 height:13em;
 background:#ECECE7;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}


.block_with_rounded_corners_tabpanel_B {
 width:99%;
 height:11em;
 background:#ECECE7;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}

.block_with_rounded_corners_tabpanel_B h3, .block_with_rounded_corners_tabpanel_B_GreenStation h3 {
 background:#5d7493;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.block_with_rounded_corners_tabpanel_B .bottom_right, .block_with_rounded_corners_tabpanel_B_GreenStation .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_tabpanel_B .bottom_left, .block_with_rounded_corners_tabpanel_B_GreenStation .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_tabpanel_B .top_right, .block_with_rounded_corners_tabpanel_B_GreenStation .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_tabpanel_B .top_left, .block_with_rounded_corners_tabpanel_B_GreenStation .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_tabpanel_B .list_decorative_dark a:hover, .block_with_rounded_corners_tabpanel_B_GreenStation  .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}



/* Carousel CSS Starts */



#carousel {
	position: relative;
}

#caro_left {
	position: absolute;
	top: 25px;
	left: -10px;
}

#caro_right {
	position: absolute;
	top: 25px;
	right: -10px;
}

#caro_images1 {
	position: relative;
	overflow:  scroll; /* Show scrollbars for graceful degradation when javascript is disabled. We'll change this to "hidden" in the javascript */
	height: 8em; /* carousel collapses on resize without this */
	padding: 7px 0px;
}

#caro_images2 {
	white-space: nowrap; 
	position: absolute;
	padding: 0px 6px;
}

#caro_images2 img {
	border: 0;
	vertical-align: middle;
	padding: 0px 10px;
}



/* Carousel CSS Ends */