body {
	background-color: #ffffff;
}

.left_nav { }
.left_nav ul { white-space: nowrap; list-style-type: circle; margin: 0 2.5em 0 1.5em; }
.left_nav ul li, .children_only ul li { font-size: 100%; padding: 0.8em 0; }
.left_nav ul li a { padding: 0 0 0 0.5em; text-decoration:none; font-weight: normal;  background-color: transparent; color: black; }
.left_nav ul li a:visited { }
.left_nav ul li a:hover {background-color: #ffffff; color: #FFF; moz-border-radius:8px; border-radius:8px; padding:1em 0.5em 1em 0.5em;}
.left_nav ul li a:active { }
.left_nav ul  li h1 .current, .children_only ul li h1 .current { background-color: #6C9BEC; color: #000; }
.left_nav ul li  h1 a.current , .children_only ul li h1 a.current { background-color: #6C9BEC; color: #000; }
.left_nav ul li.current { background-color: #6C9BEC; color: #000; moz-border-radius:8px; border-radius:8px; }


.navbar {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.navbar:link {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.navbar:visited {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.navbar:hover {
	font-family: sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.navbar:active {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a:link {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #c4353b;
	text-decoration: none;
}
	
a:visited {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #c4353b;
	text-decoration: none;
}

a:hover {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
					
a:active {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #c4353b;
	text-decoration: none;
}     
	
.contact {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #336699;
	text-decoration: none;
}
	
.paragraph, div, td, body, span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 0px;
	/*color: #000000;*/
	text-decoration: none;
}

hr {
  border: 0;
  width: 90%;
color: #c4353b;
background-color: #c4353b;
height: 1px;
}

  p.changed {
    padding-left: 1.0em; 
    border-left: dotted;
    border-right: none;
    border-top: none;
    border-bottom: none;
	margin-left: inherit
    border-left-width: thin;
    border-color:#c4353b;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, sans-serif;
}
h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

	
.sectiontitle {
	font-family: sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
									
.title {
	font-family: sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}

a.sidenav {
	color: #244360;
}

a div {
	text-decoration: overline;
}

textarea.wysiwyg {
	width: 600px;
}

input, select, textarea {
	/*border: 1px solid #333333;*/
	/*background-color: #FFFFFF;*/
	/*color: white;*/
}

input#login_username, input#login_password {
	/*border-width: 0px;*/
	/*border-left: 4px solid #CDCCCC;*/
	/*border-right: 4px solid #CDCCCC;*/
	/*background-color: #336699; */
	margin: 7px;
	margin-top: 0px;
	margin-left: 0px;
	/*color: white;*/
}

/* Error Message Style */
div.error {
	font-weight: bold;
	color: #F00;
	padding-bottom: 1em;
}

/* Themable Forms */
div.form_title {
	font-size: 14px;
	font-weight: bold;
	margin-left:10em;
}

div.form_header {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
	margin-left:10em;
}

tr.even_row {
	background-color: #DDD;
}

tr.row:hover td, tr.row:hover td a {
	background-color: #666;
	color: #fff;
}

tr.odd_row {
	
}

div.moduletitle {
	font-weight: bold;
	font-size: 1.25em;
}

/** Administration Module Manager form **/
.administration_modmgrheader {
	background-color: #999999;
}

.administration_modmgrheader span.active {
	color: #336699;
	font-weight: bold;
	font-size: 14pt;
}

.administration_modmgrheader span.inactive {
	color: #c4353b;
	font-weight: bold;
}

.administration_modmgrbody {
	padding-left: 10px;
	border: 1px solid #000;
}

/* Container Styles */
div.container_box {
	padding: 6px;
	margin: 2px;
}

div.container_editbox {
	border: 2px dashed #555;
	margin: 2px;
}

div.container_editheader {
	padding: 3px;
	/*background-color: #555; */
	background-color: #FFFFFF;
}

div.container_editheader table tr td.info {
	font-size: 8pt;
	font-weight: bold;
}


div.itemtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/** Debugger Styles **/
table.debug_null,table.debug_null tr td, div.debug_null {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

table.debug_object, table.debug_object tr td {
	background-color: #a00;
	color: #fff;
}

table.debug_array, table.debug_array tr td {
	background-color: #0a0;
	color: #fff;
}

table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {
	background-color: #00a;
	color: #fff;
}

td.debug_attribute {
	font-family: monospace;
	font-size: 10px;
}

td.debug_varname {
	font-weight: bold;
}

td.debug_type {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

td.debug_value {
	font-family: monospace;
	font-size: 11px;
	color: #fff;
}


/* Workflow */
div.workflow_action {
	border: 1px solid #DDD;
	margin-bottom: 1em;
}

div.workflow_inapproval {
	margin-left: 35px;
}

div.workflow_approved {
	border: 2px solid #030;
	background-color: #333;
	color: black;
	margin: .5em;
}

div.workflow_action_restored {
	border: 2px dashed #030;
	background-color: #666;
}

div.workflow_action_posted {
	border: 2px solid black;
}
div.mainbodybox {
	/*padding-left: 100px;*/
	/*padding-right: 50px;*/
	margin-left: 25px;
	margin-right: 52px;
	color: #000000;
	font-size: 18px;
}
div.mainbodyboxhome {
	/*padding-left: 100px;*/
	/*padding-right: 50px;*/
	margin-left: 265px;
	margin-right: 62px;
	color: #000000;
	font-size: 18px;
}
div.mainbodyform {
	/*padding-left: 100px;*/
	/*padding-right: 50px;*/
	margin-left: 565px;
	margin-right: 62px;
	color: #000000;
	font-size: 18px;
}
div.mainbodybox li {
	padding-bottom: 7px;
}
div.breadcrumb {
	margin-left: 140px;
	margin-right: 12px;
	color: #000000;
}

td a.navlink:link, td a.navlink:visited, td a.navlink:hover {
	color: #c4353b; 
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
}
a.navlink:link, a.navlink:visited, a.navlink:hover {
	color: #BF2118; 
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
}
div.homepagebodybox {
	margin-left: 285px;
	margin-top: 360px;
	margin-right: 62px;
	color: #000000;
	font-size: 18px;
	vertical-align: text-top;
}
div.adminpagebodybox {
	margin-left: 95px;
	margin-top: 20px;
	width:500px;
	/*margin-right: 62px;*/
	color: #000000;
	font-size: 13px;
	/*vertical-align: text-top;*/
}
/** New Tab style of interface for Nav manager **/
td.tab_btn {
	border: 1px solid black;
	border-right: 0px solid black;
	background-color: #DDD;
	padding: .5em;
}

td.tab_btn_last {
}

td.tab_spacer {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

td.tab_btn_current {
	background-color: inherit;
	border-bottom: 0px solid black;
}

td.tab_main {
	padding: 1.5em;
	border: 1px solid black;
	border-top: 0px solid black;
}
.textmodule-white {
    background:#FFFFFF;
    padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #000;
} 
#SST_header {
	width: 742px;
	height: 160px;
	background-image: url(images/sstr1_header.jpg);
	background-repeat: no-repeat;
}

/*Shirley's Note: div.SST_topnav is where the red menu bar is. Changing the width changes the red bar, not the type*/
div.SST_topnav {
	font-size: 8px;
	width: 724px;
	background-color: #c4353b;
	border-right: 2px solid #660000;
	border-left: 2px solid #660000;
	border-bottom: 2px solid #660000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	/*text-decoration: none;*/
	padding-top: 2px;
	padding-bottom: 5px;
}

div.SST_topnav a:active, div.SST_topnav a:hover, div.SST_topnav a:visited, div.SST_topnav a:link {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;	
	font-size: 11px;
}
/*Shirley's Note: the SST_sections are where I find the controls for two top menus (i.e., "School Improvement," "Home"). 
The index.php is where I actually place the links for the top line (i.e., "school improvement.)*/

div.SST_sections {
	/*color: #c4353b;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-right: 20px;
	padding-bottom: 6px;
	font-size: 11px;
}

div.SST_sections a:active, div.SST_sections a:visited, div.SST_sections a:link {
	color: #c4353b;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	font-size: 11px;
}

div.SST_sections a:hover {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
}

div.SST_bottomnav {
	font-size: 12px;
	padding-top: 15px;
	color: #c4353b;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

div.SST_bottomnav a:active, div.SST_bottomnav a:visited, div.SST_bottomnav a:link {
	font-size: 12px;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #c4353b;	
}

div.SST_bottomnav a:hover {
	font-size: 12px;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;	
}

#chalkboard {
	width: 792px;
	/*background-image: url(http://208.108.121.102/sstr1/themes/portaltheme/images/chalkboard_bg.jpg);*/
	background-repeat: repeat;
	background-color: #336699;
	border-right: 3px solid #003366;
	border-left: 3px solid #003366;
	border-bottom: 3px solid #003366;
	padding: 18px;
}

#whitebox_outer {
	width: 756px;
	background-color: #FFFFFF;
	border-right: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
	padding-top: 4px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 45px;
}

#whitebox_inner {
	width: 748px;
	background-color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 4px;
	border-style:groove;
	border-color: #336699;
	border-spacing: 4px;
	border-width: 4px;
}

#lightgoldbox {
	width: 721px;
	background-color: #ffffcc;
	border-right: 2px solid #B9AB88;
	border-left: 2px solid #B9AB88;
	border-bottom: 2px solid #B9AB88;
	padding-top: 5px;
	padding-bottom: 7px;
	margin-top: 6px;
}

#goldbox {
	width: 704px;
	background-color: #f4e7b2;
	text-align: left;
    border-right: 2px solid #B9AB88;
	border-left: 2px solid #B9AB88;
	border-bottom: 2px solid #B9AB88;
	padding-left: -10px;
}

p.rageitalic {
	color: #c4353b;
	font-family: "Rage Italic", Lucida Handwriting, Mistral, Brush Script MT, serif;
	font-size: 28px;
	margin-bottom: 0;
	border-bottom: 1px solid #c4353b;
	border-color: #c4353b

}

a.rageitalic {
	color: #c4353b;
	font-family: "Rage Italic", Lucida Handwriting, Mistral, Brush Script MT, serif;
	font-size: 28px;
	margin-bottom: 0;
	border-bottom: 1px solid #c4353b;
	border-color: #c4353b

}
<style type='text/css'>
.mask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 100%;
   background-color: #f4f4f4
}
.header{
   float: left;
   width: 100%;
   background-color: #f4f4f4
}
.colleft{
   position: relative;
   width: 100%;
   right: 50%;
   background-color: #f4f4f4
}
.col1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 48%;
   left: 101%;
   background-color: #e6e6e6
}
.col2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 48%;
   left: 3%;
   background-color: #e6e6e6
}
.footer{
   float: left;
   width: 100%;
   background-color: #b4caf7
}
body {
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   background-color: #e7e7de
}
</style>

span.schim {
	background-color: #99FF99;
	font-weight: 700;
	font-family: "Courier New", Courier, mono;
	padding: 2px;
}

span.lit {
	background-color: #FF9933;
	font-weight: 700;
	font-family: "Courier New", Courier, mono;
	padding: 2px;
}

span.sped {
	background-color: #99CCFF;
	font-weight: 700;
	font-family: "Courier New", Courier, mono;
	padding: 2px;
}

span.elsr {
	background-color: #FF66FF;
	font-weight: 700;
	font-family: "Courier New", Courier, mono;
	padding: 2px;
}
.blogbody {
background-color:#000066;
color:#FFFFFF;
}