@charset "utf-8";
/* CSS Document */
/*This CSS file, custom_styles.css, controls the many custom styles of the VDOE web site*/

/* BEGIN style for the sopra (the link above the H1's) *******************************************************/
.sectionheadtitle {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	display: none;
}
/*Old Sopra turned off 4/11/2018 - kle*/
/*.sectionheadtitle
{
	padding-left: 3px; 
	font-size: 120%; 
	margin-bottom: -5px; 
	text-transform: uppercase; 
	color: #5b5b5b; 
	font-family: "n helvetica narrow", arial, helvetica, sans-serif; 
	text-decoration: underline;
}
.sectionheadtitle:before
{
	font-family: 'Glyphicons Halflings'; 
	content:"\e113";
}*/

.paddingrightonly4 {
	padding-right: 4px;
}
/* END style for the sopra (the link above the H1's) *******************************************************/

.right /*Basic float-right style*/ {
	float: right
}
.left /*Basic float-left style*/ {
	float: left
}
.b /*Bold style*/ {
	color: #003366;
}
.small /*smaller font style - used for dates on supts and prins memos - can be used elsewhere*/ {
	font-size: 85%;
	line-height: 1.2em;
}
.small_gray_text /*smaller font style, same as above except font color - used on homepage News & Announcement list - can be used elsewhere*/ {
	font-size: 85%;
	line-height: 1.2em;
	color: #666;
}
.small_all_caps {
	font-size: 85%;
	text-transform: uppercase;
}
.ulnone { /* unordered list with no bullet */
	left: 20px;
	list-style-image: url(/images/css/clear.gif);
}
.list_style_upper_alpha { /*For ordered lists that need ABC...*/
	list-style-type: upper-alpha;
}
.list_style_lower_alpha { /*For ordered lists that need abc...*/
	list-style-type: lower-alpha;
}
.list_style_numeric { /*For ordered lists that need 123...*/
	list-style-type: decimal;
}
.list_style_lower_roman { /*For ordered lists that need i, ii, iii...*/
	list-style-type: lower-roman;
}
.list_style_upper_roman { /*For ordered lists that need I, II, III...*/
	list-style-type: upper-roman;
}
.list_style_circle { /*For ordered lists that need circles as bullets*/
	list-style-type: circle;
}
.list_style_disc { /*For ordered lists that need disks as bullets*/
	list-style-type: disc;
}
.list_style_none li { /*For ordered lists that need disks as bullets*/
	list-style-type: none !important;
}
.ul_style_no_indent li { /*For unordered lists that need square as bullets and does NOT indent*/
	list-style-type: square;
	text-align: left;
	margin-left: -14px;
}
.ul_style_xtra_v_space li /*For unordered lists that need extra vertical space between lines*/ {
	margin-bottom: 5px;
	margin-top: 5px;
}

/*BEGIN style for unordered list with no bullet******************************************/
.ul_no_bullet {
	margin-left: -40px; /*custom style for what?*/
}
.ul_no_bullet li {
	display: inline;
}
.ul_no_bullet li:before {
	content: url(/images/css/clear.gif);
}
.ul_no_bullet li a.here {
	color: #725199;
	background-color: #E4E8EF;
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.ul_no_bullet li a {
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 2px;
	text-decoration: none;
}
.ul_no_bullet li a:hover {
	color: #725199;
	background-color: #E4E8EF;
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*END style for unordered list with no bullet*/
.no-bullets /*simple no bullets style for UL - kle 1-12-2017*/ {
	list-style: none !important;
}
/*BEGIN style for FAQ******************************************************************/
.qna_question /* custom style for the questions on FAQ's  */ {
	font-weight: bold;
	font-size: 110%;
	color: #333333;
	font-family: "n helvetica narrow", arial, helvetica, sans-serif;
	background-image: url(/images/css/question.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 20px;
	margin-bottom: -2px;
}
.qna_answer /* custom style for the answers on FAQ's  */ {
	background-image: url(/images/css/answer.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 20px;
	margin-bottom: -2px;
}
.qna_answer_no_a /* custom style for the answers on FAQ's */ {
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 20px;
	margin-bottom: -2px;
}
/*END style for FAQ*/

/*BEGIN style for glossary**************************************************************/
.alpha /* custom style for the Glossary Anchors */ {
	color: #999;
	margin-top: 5px;
	margin-bottom: 15px;
}
.alpha a /* custom style for the Glossary Anchors */ {
	text-decoration: none;
	color: #666666;
	padding-left: 2px;
	padding-right: 2px;
}
.alpha a:visited /* custom style for the Glossary Anchors */ {
	text-decoration: none;
	color: #666666;
}
.alpha a:hover /* custom style for the Glossary Anchors */ {
	text-decoration: none;
	background-color: #284379;
	color: #FFFFFF;
}
.alpha_nolink /* custom style for the Glossary Anchors */ {
	color: #ccc;
	margin-top: 5px;
	margin-bottom: 15px;
}
.alpha_nolink a /* custom style for the Glossary Anchors */ {
	text-decoration: none;
	color: #ccc;
	padding-left: 3px;
	padding-right: 3px;
}
.alpha_nolink a:hover /* custom style for the Glossary Anchors */ {
	color: #ccc;
	cursor: default;
}
/*END style for glossary*/
.tab-heading-no-padding /*no padding for tabs that need h3 heading*/ {
	padding: 0;
}
/*Begin styling for accordions on the right aside of the pages with h2 h3 h4 kle 12-1-2016*/
h3 .panel {
	font-size: 1em;
}
/*BEGIN Styling News & Announcements******************************************************/
.announce_header { /* Style for announcements background */
	font-size: 1.5em;
	font-weight: bold;
	color: #59598D;
	/*background-image: url(/images/css/news-icon.png);
	background-repeat: no-repeat;
	background-position: 11.855em -0.050em;*/
	/*padding-right: 32px; removed kle 12-6-2016*/
	padding-top: 0px; /*Added padding-top to allow headings - kle - 11-22-2016*/
}
.announce_header a { /* Style for announcements font color - kle 12-5-2016 */
	color: #59598D;
	text-decoration: none;
}
.announce_header img {
	position: absolute
} /*Added img style to relocate icon to content instead of CSS so screen readers can convey importance - kle - 11-22-2016*/
.announce { /* Style for announcements background */
	background-color: #E4E9F1;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
.announce2 { /* Style for announcements background */
	background-color: #E4E9F1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 12px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 3px 3px 1px #888888;
}
.announce_expand { /* Style for blue announcements background that expands as needed*/
	background-color: #E4E9F1;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
	display: block;
	overflow: auto;
}
.announce_expand h2 { /* Style for announcements H2 */
	font-size: 1.5em;
	color: #5A5A8D;
	font-weight: bold;
	padding: 0;
}
.announce-round { /* Style for announcements background that expands as needed*/
	background-color: #EEF1F7;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
	display: block;
	overflow: auto;
	border-radius: 15px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	box-shadow: 2px 1px 1px #888888;
}
.announce3 { /* Style for announcements background that expands as needed*/
	background-color: #EEF1F7;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
	display: block;
	overflow: auto;
	border-radius: 15px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	box-shadow: 2px 1px 1px #888888;
}
/*END Styling News & Announcements*/
	
/*BEGIN Styling Professional Development***************************************************/
.pro_dev h2 { /* Style for announcements H2 */
	font-size: 1.5em;
	color: #506950;
	font-weight: bold;
	padding: 0;
}
.pro_dev_text a { /* Style for announcements link */
	color: #506950;
}
.pro_dev_text { /* Style for announcements background */
	font-size: 1.5em;
	font-weight: bold;
	color: #506950;
	/*background-image: url(/images/css/pd-icon.png);
	background-repeat: no-repeat;
	background-position: 12.807em -0.050em;*/
	/*padding-right: 25px; removed kle 12-6-2016*/
	padding-top: 0px; /*Added padding-top to allow headings - kle - 11-22-2016*/
}
.pro_dev_text img {
	position: absolute
} /*Added img style to relocate icon to content instead of CSS so screen readers can convey importance - kle - 11-22-2016*/
.pro_dev { /* Style for announcements background */
	background-color: #DBEBDB;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
.pro_dev_expand { /* Style for announcements background the expands as needed */
	background-color: #DBEBDB;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
	display: block;
	overflow: auto;
}
/*END Styling Professional Development*/

/*BEGIN Styling INSTRUCTION Bulletin Board / News Headlines**********************************************************************/
.pg_section_hdr_text { /* Style for background */
	font-size: 1.5em;
	font-weight: bold;
	color: #506950;
	background-image: url(/images/css/pro_dev_icon.jpg);
	background-repeat: no-repeat;
	background-position: 238px bottom;
	padding-right: 25px;
}
.pg_section_color-1 { /* Style for background ORANGE*/
	background-color: #DBEBDB;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
.pg_section_color-2 { /* Style for background AQUA*/
	background-color: #DBEBDB;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
.pg_section_color-3 { /* Style for background GREEN*/
	background-color: #DBEBDB;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
.pg_section_color-wht { /* Style for background GREEN*/
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
/*END Styling Professional Development*/

/*BEGIN panels**************************************************************/
.panel-dk-org {
	margin-bottom: 15px;
	margin-top: 10px;
	margin-right: 5px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding-bottom: 4px;
	border-top-width: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DC631B;
	border-right-color: #DC631B;
	border-bottom-color: #DC631B;
	border-left-color: #DC631B;
}
.panel-body-dk-org {
	padding: 4px;
}
.panel-heading-dk-org {
	padding: 8px 8px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #303030;
	background-color: #EDE9E4;
	border-color: #DC631B;
	font-size: large;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
	color: inherit
}
.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
/*END Styling panels*/

/*BEGIN Styling info box**************************************************************/
.info_box_header { /* Style for announcements background */
	font-size: 1.4em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
.info_box { /* Style for announcements background */
	background-color: #e2e0e9;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.info_box_round { /* Style for announcements background */
	background-color: #e2e0e9;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.info_box_round_expand { /* Style for announcements background */
	background-color: #e2e0e9;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	display: block;
	overflow: auto;
}
.info_box_danger_expand { 
	background-color: #F2DEDE;
	border-left: #E8708C 1px solid;
	border-bottom: #E8708C 1px solid;
	border-right: #E8708C 1px solid;
	border-top: #E8708C 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;

}
.info_box_infogrey_expand { 
	background-color: #D0D0D0;
	border-left: #9C9C9C 1px solid;
	border-bottom: #9C9C9C 1px solid;
	border-right: #9C9C9C 1px solid;
	border-top: #9C9C9C 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;

}
.info_box_infodkgrey_expand { 
	background-color: #787D82;
	border-left: #3C3E41 1px solid;
	border-bottom: #3C3E41 1px solid;
	border-right: #3C3E41 1px solid;
	border-top: #3C3E41 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;

}
.info_box_infowarning_expand { 
	background-color: #FCF8E3;
	border-left: #FAEBCC 1px solid;
	border-bottom: #FAEBCC 1px solid;
	border-right: #FAEBCC 1px solid;
	border-top: #FAEBCC 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;

}
.info_box_infoinfo_expand { 
	background-color: #c6f1ef;
	border-left: #096562 1px solid;
	border-bottom: #096562 1px solid;
	border-right: #096562 1px solid;
	border-top: #096562 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;

}

.info_box_round_grey_expand {
	background-color: #edecec;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
/*END Styling info box*/

/*BEGIN Styling info boxes with round borders - developed for IEP Calc Tools**************************************************************/
.info_box_round_grey {
	background-color: #edecec;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.info_box_round_purple {
	background-color: #EAE8FF;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.info_box_round_purple_expand {
	background-color: #EAE8FF;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
.info_box_round_blue {
	background-color: #DDF1FF;
	border-left: #026EB7 1px solid;
	border-bottom: #026EB7 1px solid;
	border-right: #026EB7 1px solid;
	border-top: #026EB7 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
/*END Styling info boxes with round borders*/

/*BEGIN Styling info boxes with round borders - developed for CTE in the 3 CTE colors **************************************************************/
.info_box_round_cte-blue {
	background-color: #c1e1ef;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 16px;
	padding-bottom: 10px;
}
.info_box_round_cte-green {
	background-color: #d4eeb7;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 16px;
	padding-bottom: 10px;
}
.info_box_round_cte-green_expand {
	background-color: #d4eeb7;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 16px;
	padding-bottom: 10px;
	display: block;
	overflow: auto;
}
.info_box_round_cte-orange {
	background-color: #f3d2ae;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 16px;
	padding-bottom: 10px;
}
.info_box_round_cte-orange_expand {
	background-color: #f3d2ae;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-radius: 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 16px;
	padding-bottom: 10px;
	display: block;
	overflow: auto;
}
/*END Styling info boxes with round borders - developed for CTE in the 3 CTE colors*/

/*BEGIN Styling info box that expands with content - does not go behind images******************************/
.info_box_expand { /* Style for announcements background */
	background-color: #e2e0e9;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	display: block;
	overflow: auto;
}
/*END Styling info box*/

/*BEGIN Styling info box that expands with content - does not go behind images******************************/
.info_box_clear_expand { /* Style for announcements background */
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: hidden;
}
/*END Styling info box*/

/*BEGIN Styling info box that expands with content - does not go behind images******************************/
.info_box_clear_expand2 { /* Style for announcements background */
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	overflow: hidden;
}
/*END Styling info box*/

/*BEGIN Styling info box with GREEN shading**************************************************************/
.info_box_grn { /* Style for announcements background */
	background-color: #e2f1e5;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.info_box_grn_expand { /* Style for announcements background that changes size with the page*/
	background-color: #e2f1e5;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	display: block;
	overflow: hidden;
}
/*END Styling info box*/


/*BEGIN Styling INFO BOX and SIDEBAR BOXES -- WHITE BACKGROUND - BORDER ONLY - *******************************************/
.info_box_grn_border { /* Style for info box, white background */
	background-color: #ffffff;
	border: 6px solid #a6ce3a;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.info_box_grn_border_expand { /* Style for info box, white background */
	background-color: #ffffff;
	border: 6px solid #a6ce3a;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	display: block;
	overflow: auto;
}
.sidebar_box_grn_border_180px /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 180px;
	border: 6px solid #a6ce3a;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #ffffff;
	padding: 15px;
}
/*END Styling info box*/

/*BEGIN Styling NARROW sidebar (180 px). Gray flush right information box, body text wraps around it************************/

.sidebar_box /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 180px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
.sidebar_title_sub {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #633B49;
}
/*END Styling sidebar*/

/*BEGIN Styling SPECIAL MONTH or WEEK DESIGNATION sidebar (180 px) (Example: October is Disability History & Awareness Month). Gray flush right information box, body text wraps around it. Only for home page, main topic pages and possibily any splash page.***************************/

.sidebar_box_month /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 280px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #fae2c7;
	padding: 9px;
	border: 1px solid #999999;
}
.sidebar_text_month {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title_month {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling SOL sub-headers - News bulletins, professional development Calendar, and prof-dev Library headers. Created for Instruction July 2012*****************/

.sol_sub-head_news /* Style for sol sub-head font and image */ {
	font-size: 1.7em;
	font-weight: bold;
	color: #59598D;
	background-image: url(/images/css/sol_icon.jpg);
	background-repeat: no-repeat;
	background-position: 221px bottom;
	padding-right: 32px;
	background-color: #E4E9F1;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
/*END Styling INSTRUCTION/SOL News bulletins, professional development Calendar, and prof-dev Library headers**********************************************/


/*BEGIN Styling SPECIAL HOMEPAGE, SUPERINTENDENT sidebar . Shaded flush right information box, body text wraps around it. Only for homepage*********************/

.sidebar_box_homepage /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 170px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #fff;
	padding: 9px;
	border: 1px dashed #999999;
}
.sidebar_text_homepage {
	color: #333;
	font-size: 0.9em;
	line-height: 1.33em;
}
.sidebar_title_homepage {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.0em;
	text-align: left;
	font-weight: bold;
	color: #666;
}
/*END Styling sidebar*/

/*BEGIN Styling 2 TOP BOXES(HOMEPAGE): FEATURE ARTICLES - left box stacks articles flush left; SUPERINTENDENTs PHOTO and LETTER - right box stays flush right, text wraps around images. a V-LINE divides the 2 boxes***************************************************************/
.container_homepage {
	margin: 0px;
	height: inherit;
	position: relative;
	overflow: hidden;
	width: inherit;
	min-width: 180px;
	padding: 10px;
}
.left_box_homepage /*Style for home page features box that is flush left*/ {
	float: left;
	width: 50%;
	min-width: inherit;
	margin-right: 0.1px;
	background-color: #fff;
	padding: 0px 25px 10px 0px;/*border-right: 2px solid #999;*/
}
.right_box_homepage /*Style for Superintendant's box that is flush right, body text wraps around it*/ {
	float: top;
	width: auto;
	min-width: auto;
	margin: 0px;
	background-color: #fff;
	padding: 0px 0px 10px 25px;
	overflow: hidden;
}
/*END Styling 2 top boxes (homepage)*/

/*BEGIN Styling 2 BOTTOM BOXES(HOMEPAGE): FEATURE ARTICLES - left box stacks articles flush left; SUPERINTENDENTs PHOTO and LETTER - right box stays flush right, text wraps around images. a V-LINE divides the 2 boxes***************************************************************/
.container_homepage_bottom {
	margin: 0px;
	height: inherit;
	position: relative;
	overflow: hidden;
	width: inherit;
	min-width: 180px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #e2e0e9;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 3px 3px 1px #888888;
}
.left_box_home_bottom /*Style for home page features box that is flush left*/ {
	float: left;
	width: 28%;
	min-width: inherit;
	margin-right: 0.1px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.right_box_home_bottom /*Style for Superintendant's box that is flush right, body text wraps around it*/ {
	float: top;
	width: auto;
	min-width: auto;
	margin: 0px;
	padding: 0px 0px 10px 15px;
	overflow: hidden;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #999;
}
/*END Styling 2 bottom boxes (homepage)*/

/*BEGIN Styling 2 BOXES side by side***************************************************************/
.container_twoboxes {
	margin: 0px;
	height: inherit;
	position: relative;
	overflow: hidden;
	width: inherit;
	min-width: 180px;
	padding: 0px;
}
.left_box_two /*Style for box that is flush left*/ {
	float: left;
	width: 46%;
	min-width: inherit;
	margin-right: 0.1px;
	background-color: #fff;
	padding: 0px 18px 10px 0px;
	border-right: 0px solid #999;
}
.right_box_two /*Style for  box that is flush right, body text wraps around it*/ {
	float: top;
	width: auto;
	min-width: auto;
	margin: 0px;
	background-color: #fff;
	padding: 0px 0px 10px 20px;
	overflow: hidden;
}
/*END Styling 2 boxes */

/*BEGIN Styling SPECIAL HOMEPAGE, NEWS & ANNOUNCEMENTS BLUE BOX. Only for homepage******************************************************/

.homenews_text {
	margin: 0px;
	/*	margin-left: auto;
	margin-right: auto;
*/	font-size: 1.05em;
	text-align: left;
	font-weight: normal;
	/*	padding-right: 0.56em;
	padding-left: 0.33em;
	padding-bottom: 0.25em;
	padding-top: 0.38em;
	color: #eee;
*/	color: #333;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-stretch: extra-condensed;
}
.homenews_text a /* This is used to define the anchor active style*/ {
	font-size: 1.05em;
	font-weight: normal;
	color: #0000ff;
	/*text-decoration: none; kle*/
	font-stretch: extra-condensed;
}
.homenews_text a:hover /* This is used to define the anchor mouseover style*/ {
	font-size: 1.05em;
	font-weight: normal;
	color: #300;
	text-decoration: underline;
	font-stretch: extra-condensed;
}
/*END Styling SPECIAL HOMEPAGE, NEWS & ANNOUNCEMENTS BLUE BOX*/

/*BEGIN Styling SPECIAL HOMEPAGE, SIDEBAR. Flush left information box. Only for homepage***************************************************************/

.sidebar_box_homepage_infocolum /*Style for information box that is flush right, body text wraps around it*/ {
	float: left;
	width: 180px;
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 0px;
	background-color: #ccc;
	padding: 9px;
	border: 1px dashed #999999;
}
.sidebar_text_homepage_infocolum {
	color: #333;
	font-size: 0.9em;
	line-height: 1.3em;
}
.sidebar_title_homepage_infocolum {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	color: #666;
}
/*END Styling sidebar*/

/*BEGIN Styling 2 BOXES: IMAGE WITH TEXT (Innovations page)- left box stacks articles flush left; image - right box stays flush right, text wraps around images. ***************************************************************/
.div_image_with_text {
	margin: 0px;
	height: inherit;
	position: relative;
	width: inherit;
	min-width: 180px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	overflow: auto;
}
.left_box_image_with_text/*Style for home page features box that is flush left*/ {
	float: left;
	width: 190px;
	min-width: inherit;
	margin-right: 0.1px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.right_box_image_with_text /*Style for Superintendant's box that is flush right, body text wraps around it*/ {
	float: top;
	width: auto;
	min-width: auto;
	margin: 0px;
	padding: 0px 0px 10px 15px;
	overflow: hidden;
}
/*END Styling 2 BOXES: IMAGE WITH TEXT (Innovations page)*/

/*BEGIN Styling left box - width 100 - for video thumbnails - developmend for School Improvement Technical Assistance & Training ***************************************************************/

.div_left_box_image_with_text_100/*Style for home page features box that is flush left*/ {
	float: left;
	width: 100px;
	min-width: inherit;
	margin-right: 0.1px;
	padding-right: 15px;
	padding-bottom: 10px;
}
/*END Styling 2 BOXES: IMAGE WITH TEXT (Innovations page)*/


/*BEGIN Styling WIDE sidebar (350). Gray flush right information box, body text wraps around it***************************************************/

.sidebar_box_350 /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 350px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #5cb85c;
}
/*END Styling sidebar Green - used for Educational Initiatives related Public Comment*/
/*BEGIN Styling WIDE sidebar (350). it***************************************************/

.sidebar_box_350_green /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 350px;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 12px;
	background-color: #ECFCF7;
	padding-bottom: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #34DCAA;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*BEGIN Styling WIDE sidebar (350). blue COLOR - used for eSSA,  flush right information box, body text wraps around it***************************************************/
.sidebar_box_350_blue /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 350px;
	margin-left: 18px;
	margin-top: 6px;
	background-color: #DDF1FF;
	border-left: #026EB7 1px solid;
	border-bottom: #026EB7 1px solid;
	border-right: #026EB7 1px solid;
	border-top: #026EB7 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
/*END Styling WIDE Green sidebar*/


/*BEGIN Styling WIDE sidebar (300). Gray flush right information box, body text wraps around it***************************************************/

.sidebar_box_300 /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 300px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling WIDE sidebar (300). SAGE GREEN COLOR,  flush right information box, body text wraps around it***************************************************/

.sidebar_box_300_grn /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 300px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2f1e5;
	padding: 15px;
	border: 1px solid #999999;
}
/*BEGIN Styling sidebar (250 px). Green flush right information box; Intended for the ESEA Flexibility Waiver notifications************************/

.sidebar_box_esea /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 250px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #93fbc7;
	padding: 15px;
	border: 1px solid #cc70f7;
}
/*END Styling sidebar (250 px). Green flush right information box; Intended for the ESEA Flexibility Waiver notifications************************/


/*BEGIN Styling sidebar, width 280 px. 8flush right information box, body text wraps around it*****************************************************/
.sidebar_box_280_blue /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 280px;
	margin-left: 18px;
	margin-top: 6px;
	background-color: #DDF1FF;
	border-left: #026EB7 1px solid;
	border-bottom: #026EB7 1px solid;
	border-right: #026EB7 1px solid;
	border-top: #026EB7 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
.sidebar_box_280_green2 /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 280px;
	margin-left: 18px;
	margin-top: 6px;
	background-color: #DBE8DB;
	border-left: #669933 1px solid;
	border-bottom: #669933 1px solid;
	border-right: #669933 1px solid;
	border-top: #669933 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
.sidebar_box_280_orange /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 280px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #FFF8E6;
	border-left: #EDAA00 1px solid;
	border-bottom: #EDAA00 1px solid;
	border-right: #EDAA00 1px solid;
	border-top: #EDAA00 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
.searchBoxOrange /*Style for search box on the memo pages not floating right*/ {
	margin-left: 12px;
	margin-top: 6px;
	background-color: #FFF8E6;
	border-left: #EDAA00 1px solid;
	border-bottom: #EDAA00 1px solid;
	border-right: #EDAA00 1px solid;
	border-top: #EDAA00 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
.sidebar_box_280_green /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 280px;
	margin-left: 18px;
	margin-top: 6px;
	background-color: #E3FFDD;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
	border: 1px solid #0C3;
}
/*END Styling sidebar, width 280 px. 8flush right information box, body text wraps around ************************/


/*BEGIN Styling sidebar, width 250 px. Gray flush right information box, body text wraps around it*****************************************************/

.sidebar_box_250 /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 250px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_box_280 /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 280px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling sidebar, width 250 px. Yellow gradient with green border flush right information box, body text wraps around it*****************Intended for Instruction * Summer learning************************************/

.sidebar_box_250_yellowgrad /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 250px;
	margin-left: 12px;
	margin-top: 6px;
	background-image: url(/images/sidebar/yellow_grad.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	padding: 15px;
	border: 2px solid #004A27;
}
.sidebar_title_yellowgrad {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #004A27;
}
/*END Styling sidebar*/

/*BEGIN Styling sidebar, width 200 px. Gray flush right information box, body text wraps around it*************************************************/

.sidebar_box_200 /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 200px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling TeacherDirect Email sidebar (200) YELLOW 3 PX BORDER. Created for TEACHERDIRECT E-MAIL SIGN UP SIDEBAR BOX. Flush right information box, body text wraps around it*/

.sidebar_box_200_yellow /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 200px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #FFFFFF;
	border: 3px solid #F1E400;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #0E2D12;
}
/*END Styling sidebar*/

/*BEGIN Styling  sidebar (180 px). White background with a border; flush right box, body text wraps around it************************/

.sidebar_box_wht /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 160px;
	margin-left: 12px;
	margin-top: 1px;
	background-color: #ffffff;
	padding: 3px;
	border: 1px solid #12c6e6;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters multiple sidebar  holder (250) WHITE SHADING. Created for ESEA Flexibility. Flush right information box, body text wraps around it*/

.sidebar_box_250_stacked_container /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 295px;
	background-color: #ffffff;
	border: 0px;
}
.sidebar_box_320_stacked_container /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 320px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #ffffff;
	border: 0px;
}
.sidebar_box_350_stacked_container /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 395px;
	background-color: #ffffff;
	border: 0px;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) KELLY GREEN SHADING for STACKING. Created for ESEA FLEXIBILITY. Flush right information box, body text wraps around it*/

.sidebar_box_250_stacked_esea_grn /*Style for information box that is flush right, body text wraps around it*/ {
	width: 250px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #93fbc7;
	padding: 15px;
	border: 1px solid #cc70f7;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/



/*BEGIN Styling Career Clusters sidebar (260) GRAY/PURPLE SHADING for STACKING. Flush right information box, body text wraps around it*/

.sidebar_box_250_stacked_purple /*Style for information box that is flush right, body text wraps around it*/ {
	width: 250px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #e2e0e9;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/



/*BEGIN Styling Career Clusters multiple sidebar  holder (240) WHITE SHADING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_stacked_container /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 285px;
	background-color: #ffffff;
	border: 0px;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) ORANGE SHADING for STACKING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_stacked_org /*Style for information box that is flush right, body text wraps around it*/ {
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #f3d2ae;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/


/*BEGIN Styling Career Clusters sidebar (260) GREEN SHADING for STACKING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_stacked_grn /*Style for information box that is flush right, body text wraps around it*/ {
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #d4eeb7;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) BLUE SHADING for STACKING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_stacked_blu /*Style for information box that is flush right, body text wraps around it*/ {
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #c1e1ef;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) GRAY/PURPLE SHADING for STACKING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_stacked_gry /*Style for information box that is flush right, body text wraps around it*/ {
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #BABDDC;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) BLUE SHADING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_blu /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #c1e1ef;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) GREEN SHADING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_grn /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #d4eeb7;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/


/*BEGIN Styling Career Clusters sidebar (260) ORANGE SHADING. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_240_org /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 240px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #f3d2ae;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling Career Clusters sidebar (260) ORANGE SHADING NARROW - 160 px. Created for CAREER CLUSTERS. Flush right information box, body text wraps around it*/

.sidebar_box_160_org /*Style for information box that is flush right, body text wraps around it*/ {
	float: right;
	width: 160px;
	margin-left: 12px;
	margin-top: 6px;
	background-color: #f3d2ae;
	padding: 15px;
	border: 1px solid #999999;
}
.sidebar_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/


/*BEGIN Styling TOP NEWS sidebar (260) COLORED SHADING. Created headlines/announcement. Flush left information box, body text wraps around it*/

.sidebar_news /*Style for headline news box that is flush left, body text wraps around it*/ {
	float: left;
	width: 300px;
	margin-right: 12px;
	margin-top: 0px;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #54c3e5;
}
.sidebar_news_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.sidebar_news_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling sidebar*/

/*BEGIN Styling TOP NEWS BOX BORDERCreated headlines/announcement. */

.news_top /*Style for top headline news box */ {
	margin-top: 0px;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #54c3e5;
}
.news_top_text {
	color: #333;
	font-size: 0.92em;
	line-height: 1.33em;
}
.news_top_title {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #493d73;
}
/*END Styling news_top*/

.data_due_date /*maroon color style for all due dates in data collection pages*/ {
	color: #990000;
	font-size: 130%;
	font-weight: bold;
}
.track_update /*empty style to use in searches for information that needs to be updated on a regular basis*/ {
}
#info_ctr_image /*Style for the Information Centers top banner*/ {
	margin-bottom: -16px;
}
.red_normal /*common style used to highlight text in red*/ {
	color: #D90000;
	font-style: italic;
}
.red_normal_dark /*common style used to highlight text in dark red for N&A or Professional Development box to meet accessibility standards*/ {
	color: #990000;
}
.red_draft /*style that must be used to indicate to communications staff that the page is in the process of being altered and IS NOT approved to go live - placement should be immediately after the H2 header. Please ADD YOUR INITIALS to the text*/ {
	color: #D90000;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 90%;
	text-transform: uppercase;
}
/*BEGIN style used to add highlight shading color - designed to display linear listings of SOL numbers ***********************************/
.text_highlight_box /*co*/ {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	background-color: #FFF4CE;
	white-space: nowrap;
	border: solid;
	border-width: 1px;
	border-color: #999;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 2px;
	margin-left: 2px;
}
/*BEGIN style used to add highlight shading color - designed to display linear listings of SOL numbers ***********************************/
.text_highlight_box /*co*/ {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	background-color: #FFF4CE;
	white-space: nowrap;
	border: solid;
	border-width: 1px;
	border-color: #999;
}
/*BEGIN style used to add highlight shading color - designed to highlight deadlines on SOL Events ***********************************/
.text_highlight_orange /*co*/ {
	color: #000;
	font-weight: normal;
	background-color: #FAD0B8;
	white-space: nowrap;
}
/*BEGIN style used for a horizontal list to be used as navigation***********************************/
.paragraph_listlike_indent /*Style to make a paragraph indent like a list*/ {
	padding-left: 42px;
}
/*BEGIN style used for a horizontal list to be used as navigation***********************************/
.ul_horizontal li {
	display: inline;
	padding-right: 2px;
	padding-left: 2px;
}
.ul_horizontal a:hover {
	background-color: #E4E8EF;
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #00FF00;
	border-bottom-color: #00FF00;
}
.here /*you are here style*/ {
	background-color: #E4E8EF;
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #00FF00;
	border-bottom-color: #00FF00;
}
/*END style used for a horizontal list to be used as navigation*/

.divalignright { /*Style for any div that can float right in the content area*/
	width: 170px;
	float: right;
	margin-left: 4px;
	margin-right: 10px;
	margin-top: 70px;
	margin-bottom: 2px;
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #CCCCCC;
}
* html .divalignright /*Style for any div that can float right in the content area*/ {
	margin-top: 20px;
	margin-right: 5px;
}
.divcolumnleft_gallery { /*Style for Lessons from the Bay image gallery left-side column*/
	width: 330px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 2px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #CCCCCC;
}
.margin_a /*Basic margin setting to be used whereever a margin is needed. As of 052808 this one is used on the sitemap*/ {
	margin-top: 10px;
}
/* END custom classes *****************************************************************************************/

.textbox { /*style color yellow for text boxes*/
	background-color: #ffffa0;
}
/* BEGIN Text with Image Background ***************************************************************/

.icon_doc { /* custom style used in the Adult Ed Topic section  */
	background-image: url(/images/doc_icons/file_doc.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 19px;
}
.icon_htm { /* custom style used in the Adult Ed Topic section  */
	background-image: url(/images/doc_icons/file_htm.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 17px;
}
.icon_pdf { /* custom style used in the Adult Ed Topic section  */
	background-image: url(/images/doc_icons/file_pdf.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 19px;
}
.icon_xls { /* custom style used in the Adult Ed Topic section  */
	background-image: url(/images/doc_icons/file_xls.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 19px;
}
.video_play { /* custom style used for videos  */
	/*color: #FFFFFF;
	background-color: #536893;*/
	background-image: url(/images/videoplay.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bolder;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 13px;
	word-spacing: 2px;
	float: left;
	margin-top: -4px;
	margin-right: 3px;
}
.pagetop a { /* custom style links to TOP OF PAGE  */
	background-image: url(/images/css/arrowup.gif);
	background-repeat: no-repeat;
	background-position: left;
	/*font-weight: bolder;*/
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	word-spacing: 2px;
	/*float: left;
	margin-top: -4px;*/
	margin-right: 3px;
	text-decoration: none;
}
.redarrow { /* custom style used throughout site for red arrow bullet  */
	background-image: url(/images/css/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	word-spacing: 2px;
}
.new { /* custom style used throughout site for form bullet  */
	background-image: url(/images/new.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 30px;
	word-spacing: 2px;
}
.rightarrow { /* custom style used throughout site for form bullet  */
	background-image: url(/images/css/bullet-redl.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-right: 15px;
	word-spacing: 2px;
}
/* END Text with Image Background */

/* BEGIN Stacking div boxes that will line up across the page and drop to the next line as needed ********************************************************************/
.wrapper_stack /*style that wraps stacks of smaller blocks of images and/or text*/ {
	position: relative;
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	padding-bottom: 20px;
	/*margin-left: auto;*/
	display: inline;
}
.wrapper_stack img /*style for images' margins*/ {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
}
.wrapper_stack a /*linked objects style*/ {
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 2px;
}
.wrapper_stack a:hover /*hover style for linked objects*/ {
	float: left;
	border: 1px solid #333;
	background-color: #99FF00;
}
.wrapper_stack_blue /*style that wraps stacks of smaller blocks of images and text*/ {
	position: relative;
	/*width:100%;*/
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-bottom: 3px solid #CFDAF1;
	display: inline;
}
.stack_left_blue /*style that stacks smaller blocks of images and text*/ {
	float: left;
	background-color: #EDF1FA;
	border: 3px solid #CFDAF1;
	max-height: 110px;
	width: 290px;
	height: 130px;
	margin-right: -3px;
	margin-bottom: -3px;
	padding-right: 2px;
	padding-left: 2px;
}
/* END Stacking div boxes that will line up across the page and drop to the next line as needed */

/* BEGIN image styles ***********************************************************************************************************/
.img_responsive {
	max-width: 100%;
	height: auto;
}
.img_responsive_border {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 1px solid #000000;
}
.img_responsive-align-left {
	max-width: 100%;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}
.img_responsive-align-left-border {
	border: 1px solid #000000;
	max-width: 100%;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}
.img_responsive-align-right {
	max-width: 100%;
	height: auto;
	float: right;
	margin-right: 10px;
	margin-bottom: 2px;
}
.img_responsive-align-right-border {
	position: relative; /*kle*/
	border: 1px solid #000000;
	max-width: 100%;
	height: auto;
	float: right;
	margin-left: 10px;
	margin-bottom: 4px;
}
.img_border { /* general image style with general margin and padding with border*/
	border: 1px solid #000000;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-bottom: -3px;
}
.img_border_nada { /* general image style with no margin or padding with border*/
	border: 1px solid #000000;
	padding: 0;
	margin: 0;
}
.imagealignright /*images align right with the proper margins*/ {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
}
.imagealignright_clear /*images align right with the proper margins and clear divs on the right*/ {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
	clear: right;
}
.imagealignleft /*images align left with the proper margins*/ {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}
.imagealignctr /*images aligned centered with the proper margins*/ {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
}
.img_rt_brdr_pop /*images align right with margins and a border for link */ {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
	border: 1px solid #000000;
	cursor: pointer;
}
.imagealignrightborder /*images align right with the proper margins and border*/ {
	position: relative;
	float: right;
	margin-left: 10px;
	margin-bottom: 4px;
	border: 1px solid #000000;
}
.img_align_rt_brdr_pad {
	float: right;
	border: 1px solid #000000;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 2px;
}
.imagealignleftborder /*images align left with the proper margins and border*/ {
	float: left;
	border: 1px solid #000000;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.img_align_left_brdr_pad {
	float: left;
	border: 1px solid #000000;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 2px;
}
.imagealignctrborder /*images align centered with the proper margins and border*/ {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 1px solid #000000;
}
.img_align_rt_border_video /*images align right with the proper margins, border and video connote at the bottom*/ {
	float: right;
	border: 1px solid #000000;
	margin-left: 10px;
	margin-bottom: 2px;
	background-image: url(/images/css/video_connote.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	background-color: #000000;
	color: #fff;
}
.img_align_lt_border_video /*images align left with the proper margins, border and video connote at the bottom*/ {
	float: left;
	border: 1px solid #000000;
	margin-right: 10px;
	margin-bottom: 2px;
	background-image: url(/images/css/video_connote.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	background-color: #000000;
	color: #fff;
	cursor: pointer;
}
.img_align_rt_border_cutline /*images align right with the proper margins and border with styling for text cutline*/ {
	float: right;
	margin-left: 18px;
	margin-bottom: 12px;
	color: #330000;
	font-size: .860em;
	line-height: 1.200em;
}
.img_align_rt_border_cutline img /*within a right aligh cutline div, image is assigned proper top and bottom margins and black, one-pixel border*/ {
	border: 1px solid #000000;
	margin-bottom: 2px;
}
.img_align_lf_border_cutline /*images align left with the proper margins and border with styling for text cutline*/ {
	float: left;
	margin-right: 18px;
	margin-bottom: 12px;
	color: #330000;
	font-size: .860em;
	line-height: 1.200em;
}
.img_align_lf_border_cutline img /*within a left align cutline div, image is assigned proper top and bottom margin and black, one-pixel border*/ {
	border: 1px solid #000000;
	margin-bottom: 2px;
}
/* END image styles */
/*BEGIN Styles for the wrapping text and images ***************************************************************************************/
.div_container {
	overflow: hidden;
	width: 98%;
}
.div_container li /*This style is for bullets that need to clear images, etc. on the left of the content*/ {
	clear: left;
}
/*END Styles for the wrapping text and images */

/*BEGIN Styles for the News Releases **********************************************************************************************/
#news_release_date {
	color: #003366;
	font-size: .92em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 10px;
}
#news_release_title {
	font-size: 130%;
	text-align: left;
	font-weight: bold;
	color: #666;
	font-family: "n helvetica narrow", arial, helvetica, sans-serif;
}
#news_release_title_sub {
	font-size: 115%;
	text-align: left;
	color: #666;
	font-family: "n helvetica narrow", arial, helvetica, sans-serif;
	font-style: italic;
}
#news_release_title_sub2 {
	font-size: 100%;
	text-align: left;
	color: #666666;
	font-family: "helvetica narrow", arial, helvetica, sans-serif;
	font-style: bold;
}
#news_release_contacts {
	color: #003366;
	font-size: .92em;
	line-height: 1.2em;
	text-align: right;
	font-weight: normal;
	padding-top: 10px;
}
#news_release_hdr_gov {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	color: #666;
	font-family: "n helvetica narrow", arial, helvetica, sans-serif;
}
/*END Styles for the News releases ***************************************************************************/

.div_for_print /*div style that has a left margin and works with the print.css with a float left*/ {
	margin-left: 30px;
}
.div_for_print_letters /*div style that holds a group to gether to span 100% with the print.css. It is empty here but has content in the print.css file*/ {
}
/*BEGIN Styles for the Registered Trademarks ***************************************************************************/
.registered_h1 /*This is the style to be applied around any registered trademerk symbol in the H1*/ {
	font-size: 10px;
	vertical-align: 40%;
}
.h1_with_registered /*Any H1 with a .registered_h1 style in it will need this style applied to it*/ {
	padding-bottom: 6px;
}
.registered /*This is the style to be applied around any registered trademerk symbol in the content*/ {
	font-size: 80%;
	vertical-align: 12%;
}
.italic_centered_90percent /*This is the style to be applied around any text that is to be italic, centered and 90 percent the size of the default font size*/ {
	font-style: italic;
	font-size: 90%;
	text-align: center;
}
/*END Styles for the Registered Trademarks ***************************************************************************/
#content .butter_wrap /*Style for a GOTO box with links usually in the beginning portion of a page. Used primarily for links to SOL*/ {
	float: right;
	width: 200px;
	background-color: #FFDE9B;
	padding: 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
	color: #333;
	text-transform: uppercase;
	font-size: 1.0em;
}
#content .butter_wrap_text /*Style for a GOTO box with links usually in the beginning portion of a page*/ {
	text-align: center;
	color: #333;
	text-transform: uppercase;
	font-size: 1.0em;
}
#content .butter_box_title /*Style for a GOTO box with links usually in the beginning portion of a page*/ {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#content .div_goto /*Style for a GOTO box with links usually in the beginning portion of a page*/ {
	background-color: #F5EAC1;
	padding: 9px;
	border-top: 1px solid #CCCCCC;
	text-align: left;
	color: #000099;
	text-transform: none;
	font-size: 1em;
}
/*BEGIN* grape box*/
#content .grape_wrap /*Style for a GOTO box with links usually in the beginning portion of a page. Used primarily for links to Instruction - August 2013*/ {
	float: right;
	width: 200px;
	background-color: #9595FF;
	padding: 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
	color: #333;
	text-transform: uppercase;
	font-size: 1em;
}
#content .grape_wrap_text /*Style for a GOTO box with links usually in the beginning portion of a page*/ {
	text-align: center;
	color: #333;
	text-transform: uppercase;
	font-size: 1.0em;
}
#content .grape_box_title /*Style for a GOTO box with links usually in the beginning portion of a page*/ {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#content .grape_div_goto /*Style for a GOTO box with links usually in the beginning portion of a page*/ {
	background-color: #D9D9FF;
	padding: 9px;
	border-top: 1px solid #CCCCCC;
	text-align: left;
	color: #000099;
	text-transform: none;
	font-size: 1em;
}
/*END grape box*/
.horizontal_menu li /*Styles the list items horizontally*/ {
	display: inline;
}
.horizontal_menu li a /*Styles the list items horizontally*/ {
	padding-left: 4px;
	padding-right: 4px;
}
/*BEGIN Styles for the jumpto horizontal menus ***************************************************************************/
.ul_div_jump_menu_arrow /*styles the grey arrow at the bottom*/ {
	background-image: url(/images/grey_arrow.jpg);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	padding-bottom: .49em;
}
.ul_div_jump_menu_border /*Style for the jump menu going fully across the page*/ {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.ul_div_jump_menu_border_offset /*Style for the jump menu with an offset for the butter box (div_goto)*/ {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-right: 210px;
}
#content .ul_div_jump_menu_arrow ul {
	margin-left: 0px;
}
.ul_jump_menu_hrz {
	margin-top: -6px;
	margin-bottom: 5px;
}
.ul_jump_menu_hrz .on_this_page_title {
	background-color: #6F6F6F;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	letter-spacing: -.02em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	margin-right: 5px;
}
.ul_jump_menu_hrz .on_this_page_title a {
	text-decoration: none;
	color: #FFFFFF;
}
.ul_jump_menu_hrz .on_this_page_title a:hover {
	text-decoration: none;
	color: #fff;
}
.ul_jump_menu_hrz li /*Styles the list items in the UL*/ {
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
}
.ul_jump_menu_hrz_spacer /*Styles the list items in the UL*/ {
	background-image: url(/images/grey_box.jpg);
	background-repeat: no-repeat;
	width: 4px;
	height: 18px;
	position: absolute;
	background-position: 0% 50%;
	margin-left: -10px;
}
.ul_jump_menu_hrz img { /*adjustment for grey boxes in the horizontal jump menu*/
	padding-left: 5px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-top: 12px;
}
.ul_division_menu_hrz a {
}
/*END Styles for the jump to horizontal menus ***************************************************************************/
/*START Styles for the Top of Page links ***************************************************************************/
.top_of_page_with_arrow /*styles the grey arrow at the bottom*/ {
	background-image: url(/images/grey_arrow_top_of_page.jpg);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 80px;
	padding-top: 20px;
	clear: left; /*Added clear:left to correct when image above is float:left*/
}
.top_of_page_with_arrow a /*styles the grey arrow at the bottom for links*/ {
	color: #666666;
	text-decoration: none;
}
.top_of_page_with_arrow a:hover /*styles the grey arrow at the bottom for hover*/ {
	color: #0000FF;
	text-decoration: none;
}
/*END Styles for the Top of Page links ***************************************************************************/
/*START Styles for the Top of Page links ***************************************************************************/
.link_top_of_page /*second style for TOP OF PAGE*/ {
	background-image: url(/images/grey_arrow_top_of_page.jpg);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
a.link_top_of_page /*second style for TOP OF PAGE links*/ {
	color: #999999;
	text-decoration: none;
}
a.link_top_of_page:hover /*second style for TOP OF PAGE hover*/ {
	background-image: url(/images/grey_arrow_top_of_page_hover.jpg);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;
	color: #0000FF;
	text-decoration: none;
}
/*END Styles for the Top of Page links ***************************************************************************/
/*BEGIN Styles for the Division horizontal menus ***************************************************************************/
.hrz_title {
	background-color: #999999;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	letter-spacing: -.02em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.ul_division_menu_hrz {
	margin-left: -40px;
	margin-top: -6px;
	margin-bottom: -6px;
	padding-bottom: 10px;
}
.ul_division_menu_hrz li /*Styles the list items in the UL*/ {
	display: inline;
}
.ul_division_menu_hrz img {
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-top: 12px;
}
.ul_division_menu_hrz a {
}
/*END Styles for the Division horizontal menus ***************************************************************************/
/*Begin rounded corners**************************************************************************/

/* header */
.rbtop_header div {
	background: url(/images/rounded_corners/lt_blue/top_right.gif) no-repeat top right;
}
.rbtop_header {
	background: url(/images/rounded_corners/lt_blue/top_left.gif) no-repeat top left;
	border-bottom-color: #FFFFFF;
	border-bottom-style: double;
	border-bottom-width: 5px;
	margin-bottom: 5px;
}
/* purple */
.rbroundbox_purple {
	background: url(/images/rounded_corners/purple/bk.gif) repeat;
}
.rbtop_purple div {
	background: url(/images/rounded_corners/purple/top_left.gif) no-repeat top left;
}
.rbtop_purple {
	background: url(/images/rounded_corners/purple/top_right.gif) no-repeat top right;
}
.rbbot_purple div {
	background: url(/images/rounded_corners/purple/bot_left.gif) no-repeat bottom left;
}
.rbbot_purple {
	background: url(/images/rounded_corners/purple/bot_right.gif) no-repeat bottom right;
}
/* lt_blue */
.rbroundbox_lt_blue {
	background: url(/images/rounded_corners/lt_blue/bk.gif) repeat;
}
.rbtop_lt_blue div {
	background: url(/images/rounded_corners/lt_blue/top_left.gif) no-repeat top left;
}
.rbtop_lt_blue {
	background: url(/images/rounded_corners/lt_blue/top_right.gif) no-repeat top right;
}
.rbbot_lt_blue div {
	background: url(/images/rounded_corners/lt_blue/bot_left.gif) no-repeat bottom left;
}
.rbbot_lt_blue {
	background: url(/images/rounded_corners/lt_blue/bot_right.gif) no-repeat bottom right;
}
/* dk_blue */
.rbroundbox_dk_blue {
	background: url(/images/rounded_corners/dk_blue/bk.gif) repeat;
}
.rbtop_dk_blue div {
	background: url(/images/rounded_corners/dk_blue/top_left.gif) no-repeat top left;
}
.rbtop_dk_blue {
	background: url(/images/rounded_corners/dk_blue/top_right.gif) no-repeat top right;
}
.rbbot_dk_blue div {
	background: url(/images/rounded_corners/dk_blue/bot_left.gif) no-repeat bottom left;
}
.rbbot_dk_blue {
	background: url(/images/rounded_corners/dk_blue/bot_right.gif) no-repeat bottom right;
}
/* green */
.rbroundbox_green {
	background: url(/images/rounded_corners/green/bk.gif) repeat;
}
.rbtop_green div {
	background: url(/images/rounded_corners/green/top_left.gif) no-repeat top left;
}
.rbtop_green {
	background: url(/images/rounded_corners/green/top_right.gif) no-repeat top right;
}
.rbbot_green div {
	background: url(/images/rounded_corners/green/bot_left.gif) no-repeat bottom left;
}
.rbbot_green {
	background: url(/images/rounded_corners/green/bot_right.gif) no-repeat bottom right;
}
/* orange */
.rbroundbox_orange {
	background: url(/images/rounded_corners/orange/bk.gif) repeat;
}
.rbtop_orange div {
	background: url(/images/rounded_corners/orange/top_left.gif) no-repeat top left;
}
.rbtop_orange {
	background: url(/images/rounded_corners/orange/top_right.gif) no-repeat top right;
}
.rbbot_orange div {
	background: url(/images/rounded_corners/orange/bot_left.gif) no-repeat bottom left;
}
.rbbot_orange {
	background: url(/images/rounded_corners/orange/bot_right.gif) no-repeat bottom right;
}
/* yellow */
.rbroundbox_yellow {
	background: url(/images/rounded_corners/yellow/bk.gif) repeat;
}
.rbtop_yellow div {
	background: url(/images/rounded_corners/yellow/top_left.gif) no-repeat top left;
}
.rbtop_yellow {
	background: url(/images/rounded_corners/yellow/top_right.gif) no-repeat top right;
}
.rbbot_yellow div {
	background: url(/images/rounded_corners/yellow/bot_left.gif) no-repeat bottom left;
}
.rbbot_yellow {
	background: url(/images/rounded_corners/yellow/bot_right.gif) no-repeat bottom right;
}
/* height and width stuff, width not really nessisary. */
.rbtop_purple div, .rbtop_purple, .rbtop_yellow div, .rbtop_yellow, .rbtop_green div, .rbtop_green, .rbtop_orange div, .rbtop_orange, .rbtop_dk_blue div, .rbtop_dk_blue, .rbtop_lt_blue div, .rbtop_lt_blue {
	width: 100%;
	height: 40px;
}
.rbbot_purple div, .rbbot_purple, .rbbot_yellow div, .rbbot_yellow, .rbbot_green div, .rbbot_green, .rbbot_orange div, .rbbot_orange, .rbbot_dk_blue div, .rbbot_dk_blue, .rbbot_lt_blue div, .rbbot_lt_blue {
	width: 100%;
	height: 40px; /* Kevin: this was 40px with the old corners, Jere wanted it tightened, bottom corner images are 25 px high now */
}
.rbcontent {
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: -25px;
	margin-left: 36px;
	padding-right: 10px;
}
.rbcontent img {
	margin-right: 8px;
}
.rbcontent ul {
	margin: 0;
	margin-left: 15px;
}
.rbcontent li {
	list-style-image: url(/info_centers/administrators_test/images/blue_bullet.gif);
}
.rbroundbox {
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}
.rounded_box_heading {
	font-weight: bold;
	font-size: 130%;
	color: #333;
	padding-top: 17px;
	text-indent: 20px;
}
.rounded_box_heading img {
	padding-right: 8px;
}
/*End rounded corners*****************************************************************************/
.form_identifier { /*style for all document link to forms*/
	background-color: #ffffa0;
	border: .0625em dotted #D90000;
	padding-left: 1em;
	padding-right: 1.1em;
	margin-left: -1em;
}
.clear_left /*this style will clear a left float*/ {
	clear: left;
}
.clear_right /*this style will clear a right float*/ {
	clear: right;
}
.clear_both /*this style will clear a both left and right floats*/ {
	clear: both;
}
.margin_left_minus_40px {
	margin-left: -32px;
} /*Generic style for negative left margin*/
#print_this_page {
	width: 200px;
	float: right;
	text-align: right;
} /*Div style for Print button on page*/
#print_this_page img /*This style aligns the printer image with text*/ {
	margin-bottom: -10px;
}
.wrap_form /*Style for form background and wrap*/ {
	border-right: #666 1px solid;
	padding-right: 4px;
	border-top: #666 1px solid;
	padding-left: 4px;
	padding-bottom: 4px;
	border-left: #666 1px solid;
	padding-top: 4px;
	border-bottom: #666 1px solid;
	background-color: #bfcddb
}
.indent_paragraph /*Indents a paragraph instead of using something like blockquote*/ {
	margin-left: 20px;
}
.line_height_1-1em { /*increases line height by 1.1 em - used in <p> text in butter box*/
	line-height: 1.1em;
}
.wrap_links { /*This style is to be applied to links that need to be forced to wrap*/
	word-wrap: break-word;
}
/*.grayed_out {	style to gray out and text
	color: #666666;
}*/
.text_gray {
	color: #666;
}
.file_type, .file_type_xls, .file_type_ppt, .file_type_doc, .file_type_pdf, .file_type_txt {
	font-size: 0.85em;
}
#contentContainer #content menu .ulnone {
	right: 0px;
	list-style-type: none;
	left: -20px;
}
/*BEGIN ARROW TEXT BUTTONS *****************************************************************************/
.arrow /* arrow text button */ {
	border-top: 2px solid #a3ceda;
	border-left: 2px solid #a3ceda;
	border-right: 2px solid #4f6267;
	border-bottom: 2px solid #4f6267;
	padding: 8px 18px /*!important */;
	font-size: 14px /*!important */;
	background-color: #c8eaf4;
	font-weight: bold;
	color: #2d525d;
	font-style: normal;
	text-decoration: none;
}
/*END ARROW TEXT BUTTONS *****************************************************************************/

/*BEGIN Calculator INPUT & BUTTONS *****************************************************************************/
#content input.calc {
	border: 1px solid #BEB541;
	border-top: 1px solid #BEB541;
	border-left: 1px solid #BEB541;
	border-right: 1px solid #BEB541;
	border-bottom: 1px solid #BEB541;
	border-radius: 5px;
	padding: 2px;
	background: #FFF;
	width: 30px;
}
#content input.calc-btn {
	border-top: 2px solid #FF9;
	border-left: 2px solid #FF9;
	border-right: 2px solid #BEB541;
	border-bottom: 2px solid #BEB541;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 4px 8px /*!important */;
	font-size: 12px /*!important */;
	background-color: #FFC;
	font-weight: bold;
	color: #2d525d;
	font-style: normal;
	text-decoration: none;
	width: 70px;
}
/*END Calculator INPUT & BUTTONS *****************************************************************************/



/*BEGIN Responsive YouTube Bootstrap Embed *****************************************************************************/

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom: 56.25%
}
.embed-responsive.embed-responsive-4by3 {
	padding-bottom: 75%
}
/*END Responsive YouTube Bootstrap Embed *****************************************************************************/
/*BEGIN 2x2 cells *****************************************************************************/
.tcells {
	width: 100%;
	display: table;
	padding-bottom: 10px;
}
.tcells2 {
	display: table-row;
	text-align: center;
}
.tcells-left {
	width: 600px;
	display: table-cell;
}
.tcells-right {
	display: table-cell;
}
/*END 2x2 cells *****************************************************************************/


/*BEGIN glossary styling -used for VDOE glossary and environmental lit glossary *****************************************************************************/
dl.glossary {
	margin: auto;
	padding: 2px;
}
dt.glossary {
	font-weight: bold;
	padding: 3px;
}
dd.glossary {
	padding: 0 0 0 15px;
}
dl.glossary:hover {
	background: #FFE9A6
}
/*END glossary styling *****************************************************************************/
.float-left {
	float: left;
}
/*BEGIN button menu styling - Implemented for State Technology Plan*****************************************************************************/
.button-grey {
	background-color: white;
	color: black;
	border: 2px solid #5A5A5B;
	padding: 10px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.button-grey:hover {
	background-color: #5A5A5B;
	color: white;
}
.button-blue {
	background-color: white;
	color: black;
	border: 2px solid #259591;
	padding: 10px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.button-blue:hover {
	background-color: #259591;
	color: white;
}
.button-blueactive {
	background-color: #259591;
	color: white;
	border: 2px solid #259591;
	padding: 10px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.sidebar_box_40percent_blu {
	width: 40%;
	float: right;
	margin-left: 12px;
	margin-top: 6px;
	border-left: #026EB7 1px solid;
	border-bottom: #026EB7 1px solid;
	border-right: #026EB7 1px solid;
	border-top: #026EB7 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
}
.sidebar_box_40percent_info-box {
	width: 40%;
	float: right;
	
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: auto;
	background-color: #e2e0e9;


}
/*END glossary styling *****************************************************************************/
li.currentpage {
	font-weight: bold;
	list-style: none;
}
li.currentpage ol li {
	font-weight: normal;
	list-style: decimal;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.column-count-2 {
	column-count: 1;
}
.column-count-3 {
	column-count: 1;
}
.column-count-4 {
	column-count: 1;
}
.column-count-5 {
	column-count: 1;
}
.column-count-6 {
	column-count: 1;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.column-count-2 {
	column-count: 2;
}
.column-count-3 {
	column-count: 2;
}
.column-count-4 {
	column-count: 3;
}
.column-count-5 {
	column-count: 3;
}
.column-count-6 {
	column-count: 3;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {
.column-count-2 {
	column-count: 2;
}
.column-count-3 {
	column-count: 3;
}
.column-count-4 {
	column-count: 4;
}
.column-count-5 {
	column-count: 5;
}
.column-count-6 {
	column-count: 6;
}
}

/*BEGIN Same height columns in Bootstrap with Flexbox
 styling - Implemented for homepage features*****************************************************************************/
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
/* vertical spacing between columns */
[class*="col-"] {
  margin-bottom: 10px;
}
.content {
  height: 100%;
}

/*END Same height columns in Bootstrap with Flexbox
 styling - Implemented for homepage features*****************************************************************************/

/*BEGIN social media style**************************************************************************/
.socialMediaOuterWrap 
{
	padding-top:11px; padding-right:11px;}
#socialMediaWrap 
{
	padding-top:11px; padding-right:11px;
	margin-top: 15px;  			/*keeps space above border relative to others in right nav*/
	border-top-width: 0.150em;
	border-top-style: solid;
	border-top-color: #725199;
}
#social_media {					/*for media icons */
	margin-bottom: -15px; 		/*bottom space*/
}
.socialMediaHeader 				/*for title/header over section media icons*/ 
{								/*[copied class'insection'for title/header over section resources box]*/ 
	display: block;				/*SAME SYLING AS em_no_link_padding_top*/
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size:95%;
	font-style: oblique;
/*	font-weight: bold;
*/}
/*END social media style**************************************************************************/