/* Base DESE styles - last updated by Lainie Strange 10/23/08 */

body {
	height: 100%;
	width: 760px;
	margin: 0 auto;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #00337f;
}


/*a:link, a:visited,
{
text-decoration: none;
}

 a:hover {
text-decoration: underline
}
*/
h2, h3 {
	padding-left: 2px;
	border-left: thick solid #ba8748;
   border-bottom: 1px dashed #ba8748;
	color: #439639;
	margin: 5px 0px 15px 0px; 
	}

h1 { font-size: 1.6em; }
h2 {
	font-size: 1.4em;
}

h3 { 
font-size: 1.2em; 

}
h4 { 
font-size: .9em; 
margin: 5px 0px 5px 0px;
}
h5 { 
font-size: 1em; 
}
h6 { 
font-size: 1em; 
font-style: oblique; 
}


/*Logo in upper left*/
#logo {
	width: 760px;
	height: 100px;
	margin-bottom: 20px;
 	background: url(http://dese.mo.gov/images/logo.jpg) no-repeat;
	float: left;
}


/*Navigation in upper right-hand corner*/
#topNav {
	position: relative;
	width: 499px;
	padding-top: 1px;
	margin-left: 261px;
	color: #fff;

}
/*This holds the left navigation.  The flyout menu css is controlled via left_menu_dese.css
The left menu javascript is located in menu.js*/
#leftNav {
float: left;
width: 160px;
margin-right: -40px;
margin-top: 2px;
/* This is an IE hack so that the left nav doesn't jump when minimizing and maximizing*/
height: 1%;

position:relative;
}

#leftNav h4 {
font-size: 1.2em; 
color: #6573D1;
margin: 0px 0px -7px 0px;
}

/*Breadcrumb navigation used on all pages except the homepage. This is located directly 
above the content area*/
#breadcrumbs { 
	margin: 0px 0px 0px 0px; 
}

/*Content container extends the width of the content and rightNav */
#contentContainer{
	float: right;
	width: 580px;	
}


/*Page content goes here*/
#content {
	float: left;
	font-size: 1.1em;
	padding: 0px 2px 25px 10px; 
	width: 350px;
	voice-family: inherit; /* Hide from IE5.x/Win hack */
	width: 390px;
	line-height: 150%;
}

/*No right navigation*/
#content.noRelativeContent {
	float: left;
	width: 560px;
}

/*One column - no right or left navigation - added 12/19/07 - LS*/
#content.noNavigation {
	float: left;
	width: 748px;
}

/* Added 2/10/11 - to automate addition of file identification*/
#content a.pdf, #rightNav a.pdf { background: transparent url("/images/smallpdf.gif") 100% 50% no-repeat; padding-right: 20px;}
#content a.doc, #rightNav a.doc { background: transparent url("/images/smallmsword.gif") 100% 50% no-repeat; padding-right: 20px;}
#content a.xls, #rightNav a.xls { background: transparent url("/images/smallmsxls.gif") 100% 50% no-repeat; padding-right: 20px;}
#content a.ppt, #rightNav a.ppt { background: transparent url("/images/smallpp.jpg") 100% 50% no-repeat; padding-right: 20px;}

/*This includes the search and "How Do I" areas on the DESE Website*/
#rightNav {
	/*position: relative;*/
	float: right;
	width: 160px;
	padding: 0px 5px 0px 5px;
	margin: 3px 0px 4px 0px;
	/*added 2/10/11 - to accomodate for the height of the pdf/excel/word icon */
	font-size: 1em;
	
}

tentContainer ul li, #content ul li, #rightNav ul li {
	margin: 4px 0px 4px -25px;
	line-height: 1.6em;
	list-style-image: url(../images/arrow_bronze.gif);
}



/*Added 2/17/11 - LS */

#contentContainer ul li.listBullet, #content ul li.listBullet, #rightNav ul li.listBullet {

	list-style-image: url(../images/green-bullet.gif);

}



#contentContainer a:visited {
	color: #00337f;
}



/*#rightNav a:link, #rightNav a:visited, #spotlight a:link, #spotlight a:visited
{
text-decoration: none;
}
*/

#footer {
	clear:both;
	text-align: center;
	line-height: 150%;
	width: 760px; 
	border: solid #004b8d; /*voice-family: inherit; /* Hide from IE5.x/Win hack */
	border-width: 1px;
}


#contactInfo {
	text-align: center;
	background-color: #439639;
	padding: 5px 0 5px 0;
	float: left;
	width: 758px;

	color: #fff;
}

#spotlight
{
	background: url(../images/spotlight.gif) no-repeat;
	padding: 9px 0px 0px 45px;

}

#spotlight li
{
	list-style-image: url(../images/arrow2.gif);
}
#disclaimer {
	background-color:#439639;
	color: #fff;
	padding: 5px 0 5px 0;
}

#disclaimer a:link, #disclaimer a:visited, #topNav a:link, #topNav a:visited, #contactInfo a:link, #contactInfo a:visited {
color: #fff;

}

#search a:hover, #contentContainer a:hover, #disclaimer a:hover, #topNav a:hover, #rightNav a:hover, #spotlight a:hover, #breadcrumbs a:hover, #footer a:hover {
text-decoration: underline
}

/*.faq a {
border: 1px solid #999; 
padding: 3px 20px 4px 20px;
background-color:#F1E0D7;
text-decoration: none;
}
*/

/* Added 2/9/11 LS */

.superscript {     
font-size: 70%;     
/*line-height: 0.5em;    */ 
vertical-align: super;     
/*position: relative;  */
} 

/* Per discussion 2/17 with Michele/Mallory, removing the red option
.redText {
color: 	Red;
	}
	
.redTextBold {
color: 	Red;
font-weight: bold;
	}
*/
	
.textBold {
font-weight: bold;
	}
	
.textItalic {
	font-style: italic;
}

.textItalicBold {
	font-weight: bold;
	font-style: italic;
}

/* Modal Interupt Action*/
.ModalMessageHeader{
	color: #369;
    font-size: 28px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.ModalMessageSubHeader{
	font-size: 13px;
    padding: 5px;
    text-align: center;
}
.Modal-header{
background-color: #005599;
}
.ModalMessageActionContainer{
	text-align: center;
	padding: 45px 25px;
}

.ModalMessageAction{
	 background-color: #f38a00;
    border-color: #fff097 #cca431 #cca431 #fff097;
    border-right: 2px solid #cca431;
    border-style: solid;
    border-width: 2px;
    color: #369;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
}
.ModalMessageSubLinkAction {
	text-align:center;
	padding: 0px 15px 15px;
}
/* Modal Interupt Action*/

/* this style is added to provide ADA Accessibility for labeling in a data table with both row and column headings. (LM - 1/26/04) */
.hidden, #title h1 a span {
	/* show any descriptive text in a link only in speech browsers, hide in all visual browsers. */
   height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */

}


/* Added this per Dana Keilholz request - 10/23/08 */
.subHeading {
	font-size: 1.4em;
	font-weight: Bold;
}

/* Added this per Dana Keilholz request - 10/24/08 */
.pullQuote {
	font-size: 1.4em;
	line-height: 150%;
}

/* Added this per Dana Keilholz request - 10/24/08 */
.pullquoteBold {
	font-size: 1.4em;
	font-weight: Bold;
	line-height: 150%;
}

/* Added this per request to have a no underline alternative - 11/9/10 */
.heading2Nounderline {
	font-weight: bold;
	color: #A8313F;
	margin: 5px 0px 15px 0px; 
	font-size: 1.4em;
	}