@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
{
	padding-left: 3px; 
	font-weight: normal; 
	font-size: 120%; 
	margin-bottom: -5px; 
	text-transform: uppercase; 
	color: #5b5b5b; 
	font-family: "n helvetica narrow", arial, helvetica, sans-serif; 
	text-decoration: none;
}
.sectionheadtitle a 
{
	color:#333333; 
	text-decoration:none; 
} 
.sectionheadtitle a:hover 
{
	color: #000000;
	text-decoration:none; 
}
/* 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;
}
.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*/

/*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*/
	
/*BEGIN Styling News & Announcements******************************************************/
.announce_header { /* Style for announcements background */
	font-size: 1.5em;
	font-weight: bold;
	color: #7C7CC3;
	background-image: url(/images/css/news-icon.png);
	background-repeat: no-repeat;
	background-position: 221px bottom;
	padding-right: 32px;
	}
.announce { /* Style for announcements background */
	background-color: #DAE1EC;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 16px;
	margin-bottom: 12px;
	padding-bottom: 9px;
	}
.announce2 { /* Style for announcements background */
	background-color: #DAE1EC;
	padding-top: 5px; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	margin-bottom: 12px;
	-webkit-border-radius: 0px 15px 15px 15px;
	-moz-border-radius: 0px 15px 15px 15px;
	border-radius: 0px 15px 15px 15px;
	box-shadow: 3px 3px 1px #888888;
	}
.announce_expand { /* Style for announcements background that expands as needed*/
		background-color: #DAE1EC;
		padding-left: 15px;
		padding-right: 13px;
		padding-top: 16px;
		margin-bottom: 12px;
		padding-bottom: 9px;
		display:block;
		overflow:auto;

	}
/*END Styling News & Announcements*/
	
/*BEGIN Styling Professional Development***************************************************/
.pro_dev_text { /* Style for announcements background */
	font-size: 1.5em;
	font-weight: bold;
	color: #82AB82;
	background-image: url(/images/css/pd-icon.png);
	background-repeat: no-repeat;
	background-position: 238px bottom;
	padding-right: 25px;
	}
	.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: #82AB82;
	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 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;
	}
/*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;
	}



/*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;
}
/*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 */
		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: #7C7CC3;
	background-image: url(/images/css/sol_icon.jpg);
	background-repeat: no-repeat;
	background-position: 221px bottom;
	padding-right: 32px;
	
	background-color: #DAE1EC;
	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: #EBE0F8;
	-webkit-border-radius: 0px 15px 15px 15px;
	-moz-border-radius: 0px 15px 15px 15px;
	border-radius: 0px 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;
	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: #493d73;
}
/*END Styling 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 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_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;
}

/*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;
	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:#FF0000;
}
.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:#FF0000;
	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_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*/
{
	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;
	text-align: left;
	float:left;
	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: #666;
	font-family: "n 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: #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;
	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: #999999;
	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 #FF0000;
	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 *****************************************************************************/