/*---------------------------------------------*/
/*  use this stylesheet to create custom styles*/
/*---------------------------------------------*/
pre
{
	margin-left:35px;
	color:#993300;
	width:400px;
	font-family:"Courier New", Courier, monospace;
	font-size:.9em;
	overflow:hidden;
}
 .centerdivbold {
  	text-align:center;
	font-weight:bold;
 }
.centerdiv 
{
  	text-align:center;
 }
.address_block
{
	text-align:center;
	width:189px
}
.decorationleft 
{
	float: left; 
	margin: 0.5em 0; 
	position: relative; 
} 
.decorationright 
{
	float: right; 
	margin: 0.5em 0; 
	position: relative; 
} 
div.float {
  width: 142px;
  padding: 0;
  float: left;
  }
div.float180 {
  width: 180px;
  padding: 0;
  float: left;
  }
div.float_25percent {
  width: 25%;
  padding: 0;
  margin:0;
  float: left;
  min-width:10%;
  }
div.float_50percent {
  width: 50%;
  padding: 0;
  margin:0;
  float: left;
  min-width:45%;
  }
#middle_column ol.listupperalpha 
{
	list-style-type: upper-alpha;
}

#middle_column li.listupperalpha  
{
	list-style-type: upper-alpha;
}
 
#middle_column li.listloweralpha
{
 list-style-type: lower-alpha;
}

.numbers li
{
	list-style: decimal;
 	margin: 1em 0em 0em 1.4em;
 	padding: 0em 0em .5em 1.4em;
}
#container_logo_contact
{
	width:99%;
	background-image: url(/images/DTS_Logo_sm.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.department_logo
{
	width: 20%;
	height:150px;
	float:left;
	padding-left:8px;
}
.department_contact
{
	text-align:center;
	width: 98%;
}
.department_contact_test
{
	text-align:center;
	width: 98%;
}

/*** TABLE PROPERTIES ***/
#table_dcns
{
 border-color: #BCC5D0;
 border-collapse: collapse;
 border: 1px solid #C84B13;
 width: 90%;
}
/* for page images */
.imageright 
{
	float: right; 
	padding:5px;
	margin: 0.5em .5px 3px .5px; 
	position: relative; 
}
/* for page images */
.imageleft 
{
	float: left; 
	padding:5px;	
	margin: 0.5em .5px 3px .5px; 
	position: relative; 
} 
.traininglogo
{
	margin:0 0 0 -5px;
}
#table_dcns th
{
 border: 1px solid #C84B13; 
 font-weight: bold;
 background-color: #BCC5D0;
 text-align: center;
 padding: 5px 5px 5px 5px;
}
 
#table_dcns td 
{
 border: 1px solid #C84B13; 
 font-weight: normal;
 padding: 2px 5px 2px 5px;
}
 
/*IE Column Properties*/
#col1 { text-align: center; white-space: nowrap;  }
#col2 { text-align: left;}
#col3 { text-align: right;}
#col4 { text-align: left;}
 
/*Firefox/Opera Column Properties*/
#table_dcns tr>td {text-align:center;}
#table_dcns td+td {text-align:left;}
#table_dcns td+td+td {}


.trainingtbl 
{
	border-collapse:collapse;
	width:100%;
}
.trainingtblheader {
	margin:1px; 
	padding: 1px;
	border:1px solid #ffffff;
	background-color:#253B5A;		
	color:#FFFFFF;	
	font-size: 8pt;	
	font-weight:bold;
}

.trainingtblrow 
{
	margin:1px; 	
	padding: 1px;
	border-bottom:1px solid #ccccff;
	background-color:#ffffff;	
	color:#000000;	
	font-size: 8pt;
}
/* Used by training center course updates schedule.asp page */
.trnmainleft 
{
		border: thin groove #d8d8d8;
		width:84px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-left:5px;
}
	
.trnmaincenter 
{
		border: thin groove #d8d8d8;
		width:325px;
		float:left;
		background:#fff;
		padding-left:10px;		
		padding-bottom:10px;
}
	
.trnmainright 
{
		border: thin groove #d8d8d8;
		margin:0;
		width:100px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-left:5px;		
}

.highlight
{
	background-color:#FFFF66;
}

.centerdiv
{
	text-align:center;
}

#middle_column .three_column_list li {
 list-style-type:none;
 list-style-image:none;
 background:transparent url(/images/bullet_red.gif) 0px 3px no-repeat;
 width:29%;
 float: left;
 padding:0 .2em 0 1.5em ;
}
#middle_column .two_column_list li {
 list-style-type:none;
 list-style-image:none;
 background:transparent url(/images/bullet_red.gif) 0px 3px no-repeat;
 width: 45%;
 float: left;
 clear: none;
 height: 100%;
 padding: 0 .2em 0 1.5em ;
}

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

.list_decorative_light li, #middle_column .list_decorative_light li {
 list-style-image: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: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_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;
}

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

.blue
{
	color:#253B5A;	
	}

/* remove stlyes from test on 10/19/08/ */
/* styles for sbcs section format */
.sbcstable 
{
	display: block;
	width: auto;
}
.swetablegold
{
	border-collapse:collapse;
	width:100%;
}
.sbcstableheader {
	margin:5px; 
	padding: 8px;
	border:1px solid #336699;
	background-color:#336699;		
	color:#FFFFFF;	
	font-size: 9pt;	
	font-weight:bold;
}
.swetableheadergold {
	margin:0; 
	padding: 8px;
	border:1px solid #000000;
	background-color:#ffcc00;		
	color:#000000;	
	font-size: 9pt;	
	font-weight:bold;
}
.swetablerowg 
{
	margin:0; 	
	padding: 2px;
	border:1px solid #000066;
	background-color:#ffffff;	
	color:#000000;	
	font-size: 9pt;
	text-align:center;
}
.sbcstablerow 
{
	margin:1px; 	
	padding: 1px;
	border:1px solid #000066;
	background-color:#ffffff;	
	color:#000000;	
	font-size: 9pt;
}
.sbsclogo img
{
	margin:0 150px 0 0;
}
.sbcstablerow1 
{
	margin:1px; 	
	padding: 1px;
	border-top:1px solid #000066;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	background-color:#ffffff;	
	color:#000000;	
	font-size: 9pt;
}
.sbcstablerow2 
{
	margin:1px; 	
	padding: 1px;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	background-color:#ffffff;	
	color:#000000;	
	font-size: 9pt;
}

#security
{
	
	width: 380px;
	height:10;
	display: block;
	border: medium double #003399;
	background-color:#E18E26;
	padding:5px 0;
	margin:0;
	background: url(/images/sbcs_removeon10_20_08/table_bk.jpg) no-repeat;
}
.imageback /* this is the background image for the State wide email services page headers */
{
	width: 380px;
	height:10;
	display: block;
	border: medium double #003399;
	background-color:#E18E26;
	padding:5px 0;
	margin:0;
	background: url(/images/swe/table_bk.gif) no-repeat;
}
.orimageback /* this is the background image for the Operational Recovery page headers */
{
	width: 380px;
	height:10;
	display: block;
	border: medium double #003399;
	background-color:#E18E26;
	padding:5px 0;
	margin:0;
	background: url(/images/or/table_bk.gif) no-repeat;
}
.sbcsbox
{
	width: 380px;
	display: block;
	height:100%;
	border: medium double #003399;	
	padding:10px;
	margin:5px 5px 5px 25px;	
}
.holder
{
	width:100%;
}
.leftbox
{
	float: left;
	margin-left: 0;
	width: 79%;
}
.rightbox 
{
	float: right;
	margin-right:0;
	width: 21%;
	padding:0;
}

#sbcscontainer
{
		width:515px;
		padding:0;	
}
.sbcscolleft 
{
		margin:0;
		width:423px;
		float:left;
}
.sbcscolright 
{
		margin:0;
		width:90px;
		float:left;
}
.swetext
{
	display: inherit;
	font-size:1.4em;
	margin:5px;
	padding:0;
	font-weight: bold;
	color:#000066;
}
.sbcstext
{
	display: inherit;
	font-size:1.4em;
	margin:5px;
	padding:0;
	font-weight: bold;
	color:#000066;
}
.ortext
{
	display: inherit;
	font-size:1.4em;
	margin:5px;
	padding:0;
	font-weight: bold;
	color:#660000;
}

.square
{
	margin: 1em 0 1em 4.5em;
	list-style: url(../images/sbcs_removeon10_20_08/box.gif);
}
.blue
{
	color:#003399;
}

.thinborder
{
  float:left;
  border:solid 1px blue;
  padding:3px;
  margin-right:5px;
}

h6 {
  color:#039;
  background-color:#ccc;
  font-size:1.2em;
  padding:2px 4px;
  margin:8px -8px;
  clear:both; /* for IE 4 */
}
.swetablegold1
{
 border-collapse:collapse;
 width:75%;
}

/*** TABLE PROPERTIES ***/

.table_dts {
border-color: #000000; /* table with borders, 70% wide */
border-collapse: collapse;
border: 1px solid #000000;
width: 90%;
}

.table_dts th {
border: 1px solid #000000;
background-color:#253B5A;
color:#ffffff;
vertical-align: top;
font-weight: bold;
padding: 4px 4px 4px 4px;
white-space: nowrap;
}

.table_dts td {
border: 1px solid #000000; 
vertical-align: top;
font-weight: normal;
padding: 4px 4px 4px 4px;
}

#table_members {
border: none; /* table with no borders, 90% wide */
width: 90%;
}

#table_members caption {
text-align: left;
font-weight: bold;
}

#table_members th {
border: none;
vertical-align: bottom;
font-weight: bold;
padding: 0px;
white-space: nowrap;
}

#table_members td {
border: none; 
vertical-align: top;
font-weight: normal;
padding: 0px;
}

#table_meetings {
border-color: #000000; /* table with borders, 90% wide */
border-collapse: collapse;
border: 1px solid #000000;
width: 90%;
}

#table_meetings caption {
text-align: left;
font-weight: bold;
}

#table_meetings th {
border: 1px solid #000000;
vertical-align: bottom;
font-weight: bold;
padding: 4px 4px 4px 4px;
white-space: nowrap;
}

#table_meetings td {
border: 1px solid #000000; 
vertical-align: top;
font-weight: normal;
padding: 4px 4px 4px 4px;
}

#table_awards {
border-color: #000000; /* table with borders, 90% wide */
border-collapse: collapse;
border: 1px solid #000000;
width: 90%;
}

#table_awards th {
border: 1px solid #000000;
vertical-align: bottom;
text-align:center;
font-weight: bold;
padding: 8px 8px 8px 8px;
white-space: nowrap;
}

#table_awards td {
border: 1px solid #000000; 
vertical-align: top;
font-weight: normal;
padding: 8px 8px 8px 8px;
}

#table_leaders {
border-color: #000000; /* table with borders, 100% wide */
border-collapse: collapse;
border: 1px solid #000000;
width: 100%;
}

#table_leaders th {
border: 1px solid #000000;
vertical-align: bottom;
font-weight: bold;
padding: 4px 4px 4px 4px;
white-space: nowrap;
}

#table_leaders td {
border: 1px solid #000000; 
vertical-align: top;
font-weight: normal;
padding: 4px 4px 4px 4px;
}

#table_nominations {
border: none; /* table with no borders, 90% wide */
width: 90%;
}

#table_nominations caption {
text-align: left;
font-weight: bold;
padding: 0px 0px 20px 0px;
}

#table_nominations th {
border: none;
vertical-align: bottom;
font-weight: bold;
padding: 0px;
white-space: nowrap;
padding: 0px 20px 0px 0px;
}

#table_nominations td {
border: none; 
vertical-align: top;
font-weight: normal;
padding: 10px 20px 10px 0px;
}

/*** END TABLE PROPERTIES ***/
/* Carousel CSS Starts */

#carousel {
	position: relative;
}

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

#caro_right {
	position: absolute;
	top: 22px;
	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: 74px; /* 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 */

/*--------------------------------------------------*/
/*  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;
}

.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 */
/*--------------------------------------------------*/
/*  Strategic Plan Tables                           */
/*--------------------------------------------------*/
#sp_container {
	width: 99%;
	margin-left:18px;
	}
.sp_table_white_bkgrd1 {
	width:24%;
	height:102px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:15px;
}
.sp_table_white_bkgrd2 {
	width:75%;
	height:102px;
	background-color:#FFFFFF;
	padding-bottom:15px;
}
.sp_table_yellow_bkgrd1 {
	width:24%;
	height:102px;
	background-color:#FFFFCC;
	float:left;
	padding-bottom:5px;
}
.sp_table_yellow_bkgrd2 {
	width:75%;
	height:102px;
	background-color:#FFFFCC;
	text-indent:8px;
	padding-bottom:5px;
}
.sp_subtitle
{
	font-size:1.2em;
	padding:0;
	font-weight: bold;
	color:#000066;
	text-transform: uppercase;
}
.sp_subtext
{
	font-size:1.2em;
	padding:0;
	color:#000000;
}

.indent {
margin-left:15px;
padding:2px;
}
.checkboxIndent {
margin-left:25px;
}

.footnote a {
text-decoration:none;
}

.tourlinks p{
float:left;
text-decoration:underline;
margin-right:20px;}

#flashcontent {
  height: 100%;
  text-align: left;
}
#flashcontent h3{
text-align:left;
}