/*---------------------------------------------*/
/*  msboc_styles.css                              */
/*---------------------------------------------*/

body {
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
}

#heading, #navigation, #main_content_1, #footer {
	min-width:774px;
	width: 100%;
	text-align: left;
	margin: 0;
	background-color: #EEEAE9;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/
#heading {
 border-top:4px solid #253B5A;
 height:87px;
 position:relative;
}

#heading img {
 float:left;
}


#heading #search_and_skipto {
 position:absolute;
 right:0px;
 top:0px;
 width:39em;
}

#heading #search_container {
	float:right;
	width:20em;
	position:relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
	text-align: right;
}

#heading form {
 margin:0;
 float:right;
 width:20em;
}
#heading form p {
 margin:0;
}
#heading form input {
 margin:0;
 font-size: .9em
}
#heading #search {
 border: 1px solid #728EB4;
 width:15em;
 position:relative;
 top:-5px; /* adjust the text box */
 margin:0 0 0 14px;
}
#heading #submitbutton {
 position:relative;
 top:0px; /* Line up the submit button with the text box */
}

/*---------------------------------------------*/
/*   search form          */
/*---------------------------------------------*/

#textfield_container {
 padding:6px 40px 0 0;
 text-align:right;
}


#heading #control #search {
 top:0px;
 margin:0px;
}

#heading #control #submitbutton {
 position:relative;
 top:0px;
}


/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/

#navigation {
	padding: 0;
	position:relative; /* Makes this the containing block */
 	height:60px;
	white-space: nowrap;
	background-color: #263B5A;
	background-image: url(../images/nav/nav_bkg2.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}

#navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:1;
 width:60em; /* *** Adjust this to match the actual width of the tabs. *** */
}

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

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

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

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

#navigation li:hover a, #navigation li.mouse_over a {
 background: transparent url(../images/nav/navigation_tabs.gif) 100% -60px  no-repeat;
}
#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(../images/nav/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 a, #navigation li.nav_default_off a {
 background: transparent url(../images/nav/navigation_tabs.gif) 100% -120px no-repeat;
}

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

#navigation #background_top {
	position:absolute;
	width:100%;
	height:30px;
}
#background_top {
	background-color: transparent;
	background-image: url(../images/nav/nav_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*---------------------------------------------*/
/*  Styles for the two-level navigation        */
/*---------------------------------------------*/

#navigation li li a {
 font-weight: normal;
 background-image: none;
 height:21px;
}

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

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

body:last-child #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in FF & Safari(?) */
 display: block;
}

* html #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in IE */
 display: block;
}

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

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

#footer {
 text-align: center;
}

#footer div {
 background: #253B5A;
 position:relative;
 padding:8px;
 color:#D76B10;
 height:1.5em; /* Needed for IE */
}
#footer div a {
 color:#fff;
 background-color:transparent;
}

* html #footer div span { /* Fix for IE, hack hides this from FF */
 height:8px;
 bottom:-1px;
}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/

.governor_website {
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 clear:both;
}

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

@media all{ /* Hide this from IE 4 */
 .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 0 -2px 0;
 padding:0 !important;
 width:auto !important;
 float:none !important;
}

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;
}
/*---------------------------------------------*/
/*  Styles for the three-column content area   */
/*---------------------------------------------*/

#main_content_1 {
 margin:0;
 padding:0;
}

#main_content_2 {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}

#left_column {
	float:left;
	width:199px;
	margin:0;
	padding:0;
	background-color: #EEEAE9;
}

#right_column {
	float:right;
	width:199px;
	margin:0;
	padding:0;
	background-color: #EEEAE9;
}

#middle_column {
 margin:0 199px;
}
#content1,#content2	{
	background-color:#FFFFFF;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{

 #left_column, #right_column { /* Hides the left column, right column */
  display:none;
 }

 #middle_column {
  margin:0;
 }

 #main_content_1, #main_content_2 {
  background-image:none;
 }

}


#heading {
	background-image: url(../images/header_logo.jpg);
	background-color: #1F4B94;
	background-repeat: no-repeat;
	background-position: left top;
}

#header_logo {
 }

#footer div {
 background: #253B5A url(../images/nav/footer_corners.gif) no-repeat -8px 100%;
 color: #C84B13;
}

#footer div span {
 background: transparent url(../images/nav/footer_corners.gif) no-repeat;
}


/*
*  CONTENT AREA STYLES.  
*
*  This defines custom styles for specific content items that are applied
*  throughout the website.  Only place globabl styles in this css file.  For
*  section specific styles, create and apply a section specific stylesheet so
*  styles do no collide with one another
*/
div#Content3 address {
	/* use smaller font for address to fit CSLB name */
	font-size: .8em;
	/* move away from left edge of page */
	margin-left: 20px;
}
div#Content3 h4 {
	margin: 0px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 20px;
}
div#Content3 p, div#Content5 p {
	/* inset paragraph text */
	padding: 10px;
}

div#Content4 p {
	/* inset paragraph text */
	padding: 10px;
	display:none;
}

.onHeaderImage{
	font-size: 1em;
	margin-top: -23px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#VideoDistrib, table.InformationTable2
{
	border-collapse: collapse; 
	border-spacing: 0px;
}
#VideoDistrib td, #VideoDistrib th
{
	/*cell-spacing: 0px;
	cell-padding: 0px;*/
	padding: 10px;
	padding-top: 15px;
	border-bottom: 1px #000 solid;
}
table.InformationTable2 td, table.InformationTable2 th{
	/*cell-spacing: 0px;
	cell-padding: 0px;*/
	padding-right: 5px;
	border-bottom: 1px #000 solid;
}

#VideoDistrib th, table.InformationTable2 th
{
	font-size: .90em;
	background-color: #ccc;
	border: 1px #000 solid;
}

div#Content5 h3{
	padding: 3px 6px;
	text-align: center;
	color: #fff;
}

table.TableOfContents{
	font-size: .85em;
}

table.TableOfContents td{
	padding: 1px;
}

#RightLogoSpacer{
	height: 200px;
}

.indentLeft{
	padding-left: 35px;
}
.indentRight{
	padding-right: 35px;
}
.doubleUnderline{
	border-bottom: 3px #000 double;
}

/*
*
*  PRESS RELEASE PHOTOS
*
*/
.leftPhoto{
	float: left;
	margin: 5px;
	border: 1px #000 solid;
}
.rightPhoto{
	float: right;
	margin: 5px;
	border: 1px #000 solid;
}
.rightPhotoNoBorder{
	float: right;
	margin: 5px;
	border:none;
}
p.caption{
	font-size: .85em;
	padding-left: 10px;
	padding-right: 10px;
}
p.center{
	text-align: center;
}
/*
*	Utility styles
*  
*	Useful styles go here for common problems
*/

.centerContent{
	/* center inline content within this element */
	text-align: center;
}
.bgColor1 {
	background-color: #c84b13;
}
.bgColor2 {
	background-color: #253b5a;
}

.bgColor3 {
	background-color:#CC0000;
}

.bgColor4 {
	background-color:#D00917;
}

ol.lowerAlpha li, ul.lowerAlpha li{
	list-style-type: lower-alpha !important;
}

li.right, li.green, li.Green{
	color: green;
}

/*
*  Region specific styles 
*
*   This section contains styling information for specific standardized regions
*/


/* *********************************
*  The div with id links is defined to
*  display on the right hand side and
*  overlap the main header.  Font-size
*  is dropped on the list of links for 
*  readability.
*
* ********************************* */
div#Links ul li:hover {
	/* on hovering, change the color */
	background-color: #999;
}
div#Links ul a {
	/* no underlines on the links */
	text-decoration: none !important;
	font-size: .9em;
}
div#Links ul a:hover {
	/* remove ca style on hover */
	background-color: transparent;
}
div#Links h3 {
	margin-top: 0px;
}


/* *********************************
*  The div quicklinks defines the left
*  upper region of links provided in 
*  list form.  
*
* ********************************* */
div#QuickLinks h3 {
	margin-top: 15px;
	color: #FFFFFF;
	background-color: #253B5A;
	text-align: center;
}
div#QuickLinks ul li	{
	list-style-image: none;
	/* no funny list stuff for me */
	list-style: none;
}
div#QuickLinks ul li:hover {
	/* on hovering, change the color */
	background-color: #ECECE7;
}
div#QuickLinks ul a {
	/* no underlines on the links */
	text-decoration: none !important;
	font-size: .9em;
}
div#QuickLinks ul a:hover {
	/* remove ca style on hover */
	background-color: transparent
}
div#QuickLinks .list_decorative_blue li a{
	border-bottom-style:solid;
}
div#QuickLinks a:hover {
	/* remove ca style on hover */
	background-color: #BCC5D0
}

/* *********************************
*  The Alerts div defines "eye catching" 
*  information.
*
* ********************************* */
.sublink	{
	padding-top: 0px;
	padding-bottom: 0px;
}
div#Alerts ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
div#Alerts{
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#Alerts h3{
	padding: 3px 10px;
	text-align: center;
	color: #fff;
}
div#Alerts ul li h4 {
	color: #fff;
	/* keep contents within the background */
	padding: 10px 15px;
	/* put a line at the bottome */
	border-bottom: 1px #253b5a solid;
	/* put a line at the top */
	border-top: 1px #253b5a solid;
}
div#Alerts ul li p {
	/* drop text size */
	font-size: .9em;
	/* move content away from left side, but inside of color */
	padding-left: 25px;
	padding-right: 10px;
}
div#Alerts ul li {
	/* no funny list stuff for me */
	list-style-image: none;
	/* no funny list stuff for me */
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}
div#alerts ul li a {
	font-size: .9em;
	color:#333333;
	text-decoration: none;
}
div#alerts ul li a:hover {
	text-decoration: underline;
}


/* *********************************
*  This style just styles the resource links
* ********************************* */
div#Resources li {
	list-style: none;
	padding-bottom: 10px;
}
div#Resources h3 {
	margin-top: 15px;
	color: #FFFFFF;
	background-color: #253B5A;
	text-align: center;
}

div#Steps {
	text-align: center;
	font-weight: bold;
	color: #574D58;	
}
div#Steps img{
	margin: -2px;
	vertical-align: middle;
	width: 20px;
	height: 41px;
	border: 0;
}
div#NextStep {
	text-align:right;
}
.SampleImage {
	float: right;
}


/* *********************************
*  This style just styles the breadcrumb 
*  links
* ********************************* */
div#BreadCrumb li {
	/* make me a sideways list */
	/*float: left;*/
	display: inline;
	/* don't let the li to my right touch me */
	padding-left: 0px;
	margin-right: 0px;
	list-style: none;
	margin-left: 0px;
}

div#BreadCrumb {
	background-color: #ECECE7 !important;	
	margin: 5px;
	margin-bottom: 5px !important;
	
}

div#BreadCrumb ul {
	padding: 6px;
	padding-left: 3px;
	margin-top: -1px;
	margin-left: 3px;
}

/*
************************************

DROP MENU

************************************
*/
div#navigation li li ul{
	width:auto;
	position:absolute;
	border: 1px #000 solid;
	height:auto;
display: none !important;
}
/*
*  COLUMNS, REGIONS AND OTHER PORTIONS OF THE PAGE.
*/
h1
{
	font-weight: bold;
	font-size: 2em;
	color: #253b5a;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 14px;
	margin-right: 0pt;
	margin-bottom: 14px;
	margin-left: 0pt;
	width: 99%;
}
h3 a {
}

h2 ,h1, h3{
	text-transform: none !important;
	border-width: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#welcome 	{
	padding: 10px;
	background-color:#FFFFFF;
}
#welcome h2	{
	font-size: 1.3em;
	width: 90%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CC3300;
}
#Content1 h2	{
	font-size: 1em;
	width: 90%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CC3300;
}

@media screen{
	#main_content_1 {
		width: 1000px ;
	}
}
#heading, #footer {
	width: 100% !important;
	/*background-color: #214B95;*/
}
/* ****************************/
/* NAVIGATION                 */
/* *************************  */
#navigation ul 
{
	width: 1224px;
}
#navigation li ul
{
	width: 990px;
}


.left_column_top {
	background-color: #EEEAE9;
}


.bottomDotted {
	border-bottom: 1px #000 dotted;
	border-color: #253b5a !important;
	padding-bottom: 10px;
}


/* ****************************/
/* TEXT DECORATION            */
/* *************************  */
.Disability {
	font-size:large;
}

.Strike {
	text-decoration:line-through;
}

.Underline {
	text-decoration:underline;
}

.Italic {
	font-style:italic;
}

.LightBlue {
	color:#336699;
}

.WarningRed{
	color:#D00917;
}

.DarkRed{
	color:#8A2326;
}

.Green{
	color:green;
}

.Orange{
	color:#C84B13;
}

.TitlePrint{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.SmallPrint{
	font-size:9px;
}

.SmallerPrint{
	font-size:smaller;
}

/*
*  Layout styles 
*
*   This section contains styling information for Layout - like replacing a table with containers.
*/
@media print{
	.NoPrint {
		display:none;
	}
}

.ColumnLeft {
	float:					left;
	/*background-color:		#CCCCCC;*/
	background-position:	bottom left;
	margin:					0;
	padding:				0;
	/*padding-left:			5px;*/
	/*padding-right:			5px;*/
	display: inline;
}

.ColumnRight {
	float:					right;
	margin:					0;
	padding:				0;
	padding-left:			10px;
	/*padding-right:			5px;*/
	display: inline;
}

table.RowTable tr td{
  vertical-align:top;
  padding-top:				4px;
  padding-left:				5px;
  padding-bottom:			6px;
  margin-bottom:			0px;
  border-bottom:			1px solid #CCCCCC;
}

/*
*
*	STYLES TO BE USED FOR PRINTING ONLY
*
*/
@media print{
	#Content1, #Content2{
		width: 650px !important;
	}
	#BreadCrumb{
		display: none;
	}
	div#Content1{
		margin-bottom: 10px;
	}
}