body {
    width: 100%;    
    margin: 0;
    padding: 0;
    line-height: 1.4em; 	
	font-size: small;
	font-family: Verdana;
}
/* Simplified Box Model Hack to make IE5 work */
* html body {
	font-size: x-small; /* for IE5/Win */;
	f\ont-size: small; /* for other ID versionis */
}

a:link, a:visited {
	color: #003399
}

pre {
    font-size: 100%;
}

textarea {
	font-size: 14px;
	font-family: sans-serif;
	behavior: url(theme/css/textarea.htc);
}

/****************** Wrap ALL ************************/
/** Place this here for IE<7 or else in the body would have worked **/
div#wrap-all {
    min-width: 990px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 995? "990px": "auto" );   /* IE<7 */ 
}

/****************** Content Wrapper *****************/
div#content-wrap {
    background: url('../images/middle_and_right_bar.gif') repeat-y right top;				
}
div#inner-content-wrap {
	background: url('../images/left_nav3.gif') repeat-y left top;
}
/****************** Header *****************/
ul#header {   
    width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #BBFBBC url('../images/header.gif') repeat-x left top;
}
/****************** Header Right *****************/
li#right-header {
	float: right;
}
li#right-header ul {
	list-style: none;
	margin: 0;
}
/****************** Help logout *****************/
li#help-logout {	
	float: left;
	margin: 0;
}
li#help-logout ul {
	float: left;
	list-style: none;
	padding-right: 15px;
}
li#help-logout li {
	float: left;
	list-style: none;
}
li#help-logout a {
	padding: 7px;
	color: #95D999;
	font-size: 80%;
}
li#help-logout a:hover {
	color: white;
}
/****************** Context *****************/
li#context {
	padding: 0px 20px 5px 0;
	position: relative;
	float: left;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
}
li#context ul {
	list-style: none;
}
span#year-name {
    color: white;
    font-size:120%;
}
/****************** Application Name and Tagline *****************/
li#application-name {
	background: url('../images/skedtrack.png') no-repeat 10px 5px ; 
	padding: 22px 0 5px 45px;
	font-size: 200%;
	font-weight: bolder;
	color: white;
	min-width: 400px;
	white-space: nowrap;
}

span#trademark{
    font-size: 30%;
    position:relative;
    top: -17px; 
    left: -3px;
}

li#application-name a:link, li#application-name a:visited {
    text-decoration: none;
    color: white;
}

/** For IE<7, the filter does not work with IE6 **/
* html body li#application-name {
    background: url('../images/skedtrack-ie6.png') no-repeat 10px 5px ;
    /** filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='theme/images/skedtrack.png'); **/ 
}

li#tagline {
	font-size: 80%;
	padding-left: 15%;
	font-style: italic;
	font-weight: bold;
	white-space: nowrap;
}
li#tagline a:link, li#tagline a:visited {
    text-decoration: none;
    color: black;
}
/****************** Menu *****************/
ul#menu {
	float: right;
	width: 100%;
	margin: 0;
    padding: 0; /* Add this for Safari */	
	list-style: none;
	background: white url('../images/menu_divider.gif') repeat-x left bottom;
}
ul#menu li {
	float: right;
	margin: 0;
	padding: 0;
}
ul#menu a {
	float: left;
	display: block;
	margin: 5px 2px 0px 0;
	padding: 2px 15px;
	color: white;
	text-decoration: none;
	border: 1px solid #56A261;
	border-bottom: none;
	background: #499655;
	font-size: 90%;
	font-weight: bold;
}
ul#menu li#switch-user {
	float:left;
	padding-left: 10px;
}
ul#menu li#switch-user a {
	border: none;
	padding-left: 20px;
	background: url('../images/next.gif') no-repeat left 3px ;
	color: black;
	font-weight: bold;
	font-size: 80%;
	text-decoration:underline;
}

ul#menu li#welcome {
	float:left;
	margin-left: 80px;
	margin-top: 5px;
	font-weight: bold;
	color: #0F6321;
}

ul#menu a:hover {
	background: #76BE7D;
	color: #1F712F;
}
ul#menu #tab-on-menu a {
	color: #333;
	padding-bottom: 2px;
	border-color: #727377;
	background: #FFFF99;
}
/****************** Sub-Menu *****************/
ul#submenu {
	float: right;
	margin: 0;
	padding: 0; /* Add this for Safari */	
	width: 100%;
	list-style: none;
	background: #88CD8D url('../images/submenu.gif') repeat-x left top;
}
ul#submenu li {
	float: right;
	margin: 0;
	padding: 0;
}
ul#submenu a {
	float: left;
	margin: 5px 3px 0 0;
	padding: 2px 10px;
	border: 1px solid #56A261;
	text-decoration: none;
	border-bottom: none;
	background: #53A860;
	font-size: 90%;
	color: white;
	font-weight: bold;
}
ul#submenu a:hover {
	background: #97DB9B;
	color: #1F712F;
}
ul#submenu #tab-on-submenu a {
	color: #333;
	padding-bottom: 2px;
	border-color: #727377;
	background: #FFFF99;
}
/****************** Left Navigation *****************/
div#leftcolumn {
	margin: 0;
	padding: 10px 0 8px 5px;
	float: left;
	text-align: left;
	border-top: 1px solid #56A261;
	background: #D7FFD7 url('../images/left_nav3.gif') repeat-y left top;
	color: #141414;
	width: 135px;
}
div#leftcolumn p#left-nav-title {
	font-size: 110%;
	font-weight: bold;
	/*padding: 5px;*/
	border: 1px solid #56A261;
	margin: 10px 5px 10px 0;
	background-color: #499655;
	color: white;
	text-align: center;
}
div#leftcolumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#leftcolumn li {
	padding-bottom: 1px; /* for IE<7 */
}
div#leftcolumn a {
	display: block;
	margin: 4px 0px 0px 1px;
	padding: 1px 0px 1px 2px;
	color: white;
	border: 1px solid #56A261;
	text-decoration: none;
	border-right: none;
	background: #53A860;
	font-size: 90%;
	font-weight: bold;
}
div#leftcolumn a:hover {
	background: #97DB9B;
	color: #1F712F;
}
div#leftcolumn #tab-on-left a {
	color: #333;
	padding: 1px 0px 1px 2px;
	background: #FFFF99;
}
/****************** Right Bar *****************/
div#rightcolumn {
	float: right;
	margin: 0;
	margin-top: 10px;
	background-color: #D7FFD7;
	color: #141414;
	width: 127px;
	text-align: center;	
}

div#rightcolumn a {
    text-decoration: none;
}

div#support-us {
    color: #FFFF66;
    font-size: 105%;
    font-weight: bold;
    background-color: #499655;
    border: 1px solid black;
    margin: 5px 10px 15px 10px;
    padding: 10px 0px 10px 0px;
}

div#support-us span#see-how {
	font-size: 75%;
    text-decoration: underline;
}

div#ads-text-link {
    font-size: 65%;
    text-decoration: underline;
    text-align: left;
    width: 120px;
    border: 1px solid #56A261;
    padding: 5px 0px 5px 5px;
}

/****************** Content *****************/

div#content-wrap div#content {
	padding: 6px 0%;
	text-align: justify;
	margin-right: 138px;
	margin-left: 152px;
	color: #212121;
	/*border: 1px solid #56A261;*/
}
div#content p#page-title {
	font-size: 130%;
	font-weight: bold;
	border: 1px solid #56A261;
	margin: 0;
	margin-bottom: 1%;
	padding: 10px 20px;
	background: #E9FCE9;
}

div#content blockquote#messages {
    margin: 2% 5%;
    padding: 1%;
	color: blue;
	border: 1px solid #b5b5b5;
}

div#content blockquote#systemMessages {
    margin: 2% 5%;
    padding: 1%;
    color: red;
    border: 1px solid #b5b5b5;
}

div#content blockquote#errors, div#content blockquote#pending-approval {
    margin: 10px 5%;
    padding: 1%;
	color: red;
	border: 1px solid #b5b5b5;
}

/* For IE 6 */
* html div#mytable {
	width: 99%;
}

/****************** Element Classes *********************/
table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #b5b5b5;
}
table caption {
	margin:0;
	padding: 8px 20px;
	text-align: left;
	border: 1px solid #b5b5b5;
	border-bottom: none;
	background:  #DCDBE6;
	font-weight: bold;
}
table tfoot td {
	border-top: 1px solid #b5b5b5;
}
table thead {
	background-color: 	#C7C6D7;
	text-align:center;	
}
table th {
	margin: 0;
	padding: 2px 5px;
	border-bottom: 1px solid #b5b5b5;	
}
table td {
	margin: 0;
	padding: 2px 5px;
	/*border-bottom: 1px solid #b5b5b5;*/
}
table tr.odd {
	background-color:  white; /*#FFFFDF;*/
}
table tr.even {
	background-color:   #E6E6E6;
}
/*
table tr.odd:hover {
   background-color: #FFFF99;   
}
table tr.even:hover {
   background-color: #FFFF99;
}*/
/*
table tr.odd:hover, table tr.even:hover  {
    background-color:  #F2FCFF;
    color: #003399;  
    color: #FF0000;  
}
*/
table tr.hilight-odd {
    background-color:  white; /*#FFFFDF;*/
}
table tr.hilight-even {
    background-color:   #E6E6E6;
}

table tr.hilight-odd:hover, table tr.hilight-even:hover  {
    background: #C6ECFF; 
}

table tr.odd.selected, table tr.even.selected, table tr.hilight-odd.selected, table tr.hilight-even.selected {
    background: #FFFFB3;
}
/********************************************************/
/*              Single Column                           */
/********************************************************/
div#singleColumn {
    min-height:450px;
}

/********************************************************/
/*              Two Column                              */
/********************************************************/
div#twoColumn {
    float: left;
    width: 100%%;
    padding-left: 20px;
    
  /*   margin: 0 0 0 155px */
  /*  margin-top: -115px;*/
}

/********************************************************/
/*              Edit Activities Specific                */
/********************************************************/
div#edit-activities-caption-header caption {
	margin: 0;
	padding: 2px
}

div#edit-activities-caption-header caption div {
	margin: 0;
	padding-bottom: 5px;	
}

div#float-right-save-cancel {
	float:right;
	background-color:#C7C6D7;
	padding: 5px 5px 0 5px;
}

div#calculate {
	background-color:#C7C6D7;
	padding: 5px 5px 5px 5px;
}

div#copy-insert {
    background-color:#DCDBE6;
    padding: 5px 5px 5px 5px;
}
/********************************************************/
/* Screen Shots                                         */
/********************************************************/
div#screen-shots-left-nav {
	float: left;
    width: 15%;
    text-align: left;	
}
div#screen-shots-left-nav ul {
    list-style: none;
}

div#screen-shots-left-nav ul li{
    margin-left: -20px;
}

div#screen-shots-image {
    float: right;
    width: 82%;  
    padding: 0;  
    text-align: center;
}

/********************************************************/
/* Public Sponsors                                      */
/********************************************************/
div#public-sponsors-left-nav{
    float: left;
    width: 20%;
    text-align: center;
}

div#public-sponsors-content{
    float: right;
    width: 75%;  
    padding-right: 40px;  
    text-align: center;    
}

/********************************************************/
/*              Switch User Specific                    */
/********************************************************/
fieldset#login {
	margin-left: auto;
    margin-right: auto;
    width: 350px;
}

fieldset#switch-user {
	margin-left: auto;
    margin-right: auto;	
    width: 450px;
}

fieldset#switch-user table, fieldset#login table, fieldset#school-days table, fieldset#support table {
    border: none;
}

fieldset#register {
	margin-left: auto;
    margin-right: auto;
    padding: 0px 20px 10px 20px;
    width: 600px;
}

fieldset#request-for-password {
    margin-left: auto;
    margin-right: auto;
    width: 430px;
}

fieldset#support {
    width: 625px;
}

fieldset#switch-user table, fieldset#login table, fieldset#register table, fieldset#request-for-password table {
    border: none;
}
/** Calendar Month **/
table#month caption {
    font-size: 105%;
}
table#month thead {
    font-weight: bold;
}

table#month td {
    margin: 0;
    padding: 2px 5px;
    border-bottom: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
}
/****************** Video Tutorials **********************/
fieldset#video-tutorials {
	margin-left: auto;
    margin-right: auto;
    width: 580px;   
}

fieldset#video-tutorials ul {
    list-style: none;
}
div#video-tutorial-right-wrap{
	width: 80%;
    float: right;
}
div#video-tutorial-right{
	width: 25%;
    float: right;
    text-align: center;
}
div#video-tutorial-body{
	width: 70%;
    float: left;
}    
div#video-tutorial-left{
	width: 20%;
    float: left;
    text-align: center;
}
.google-banner {
    text-align: center;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}
/****************** Public *******************************/
div#public-left {
    float: left;
    width: 15%;
    margin-left: 2%;
}
div#public-left a{
	padding-left: 10px;
}
div#public-right-wrapper {
    float: right;
    width: 80%;
}
div#public-center {
    float: left;
    width: 65%;
    margin-right: 2%;
}
div#public-right {
    float: right;
    width: 28%;
    margin-right: 2%;
    text-align: center;
}

fieldset#public-login {
    font-size: 85%;
}

fieldset#public-login table {
    width: 100%;
    border: none;
}


/****************** Google ******************************/
div#google-left-nav {
	padding-left: 1px;
}

div#google-left-nav a {
    background: #D7FFD7;
    border-right: 1px solid #56A261;
    border-left: 1px solid #D7FFD7;
    border-top: 1px solid #D7FFD7;
    border-bottom: 1px solid #D7FFD7;
}

div#google-left-nav a:hover {
    background: #D7FFD7;
    color: #1F712F;
}
div#google-left-nav #tab-on-left a {
    color: #333;
    padding: 1px 0px 1px 2px;
    background: #D7FFD7;
}

/****************** Sponsors ******************************/
table#sponsors {
    
}
table#sponsors td {
    padding: 10px;
}
/****************** School Calendar ******************************/
ul#school-calendar-error {
	margin-bottom: -20px;
	margin-top: 10px;
}

/****************** Public Home  ******************************/
span#news-date {
    font-size: 70%;
    position:relative;
    top: -5px; 
    left: -1px;
}

div#public-home-bottom-banner {
    margin-top: 45px;
    text-align: center;
}

/****************** Edit Activities  ******************************/
td#edit-activities-course-name{
   text-align: center;
   margin: auto;
   padding-bottom: 5px;
   font-weight: bold;
   font-size: 110%;
}
/****************** Transcript Year ******************************/
table#transcriptYear a:link {
    font-weight: normal;
}

table#transcriptYear a:visited {
    font-weight: normal;
    color: blue;
}

table#transcriptYear tr {
    text-align: center;
    font-weight: bold;
}

table#transcriptYear tr>td:first-child,table#transcriptYear tr>th:first-child
    {
    text-align: left;
    padding-left: 3px;
}

.transcript-td-first-child {
    text-align: left;
    padding-left: 3px;
    white-space: nowrap;
}

table#transcriptYear tr td .course-indention {
    margin: 15px;
}

table#credits-gpa tr>td:first-child {
    width: 40%;
}

table#credits-gpa tr>td:first-child,table#credits-gpa tr td {
    text-align: right;
}

.transcript-value {
    font-weight: normal;
}

.standatrd-width {
    width: 50px;
}

.grading-scale-link {
    font-size: 60%;
}
/****************** Hobby Log Report  *****************/
td#hobby-log-report-show ul {
    list-style-type: none;
}

td#hobby-log-report-show li {
    float: left;
    width: 33%;
}

/****************** Independent Classes *****************/
.absent {
	background-color:   #FFBD91;
}
.black {
    color: black;
}
.boxed-notes {
    margin: 2% 5%;
    padding: 1%;
    color: gray;
    border: 1px solid #b5b5b5;
}
.calendar-day {
   font-size:120%;
}
.center {
    text-align: center;
}
.display-only-field {
    color: gray;
    font-style: italic;
    text-align: center;
}
.download {
    padding-left:80px;
}

.fieldtrip {
    background-color:   #B4B48D;
}
.hide {
    display: none;
}
.highlight {
    background-color: #FFFF00;
}
.holiday {
   background-color:   #E1C4FF;
}
.home-left-nav-header {
	font-weight: bold;
    padding: 0px 0px 3px 0px;
}
.italics{
    font-style: italic;	
}	
.login-year-indicator {
    color: gray;
    font-style: italic;
}
.no-border{
    border: none;
}
.normal {
    font-weight: normal;
}
.notes, .notes a:link, .notes a:visited {
   color:gray;
}
.nowrap {
   white-space:nowrap;
}
.number {
    text-align: right;
}
.required-text, .required-text a:link, .required-text a:visited {
    color: red;
}
.select-width-450 {
   width: 450px;
}
.select-width-200 {
   width: 250px;
}
.spacer {
   margin: 2px 0px 2px 0px;
}
.small-notes {
   color:gray;
   font-size: 80%;
}
.superscript-notes {
	font-size: 70%;
    position:relative;
    top: -5px; 
    left: -1px;
    color: gray;
}
.superscript-notes-red  {
    font-size: 70%;
    position:relative;
    top: -5px; 
    left: -1px;
    color: red;
}
.table-head-operation {
    background: white;
    font-weight: normal;
    text-align: left;
}
.table-head-save {
    background: white;
    font-weight: normal;
    text-align: right;
}
.table-noborder {
    width: 100%;
    margin: 0 auto;
    border: none;
}
.term {
   background-color:   #9BD7FF;
}
.today {
    background-color:   #FFFF99;
}
.selected{
    background: #FFFF99;
}
.vacation {
   background-color:   #BBFBBC;
}
.weekday {
    background-color:  white; /*#FFFFDF;*/
}
.weekend {
    background-color:   #E6E6E6;
}

/****************** Footer *****************/


div#footer {
	padding-bottom: 2%;
	margin-bottom: -20px;
	text-align: center;
	clear: both;
	color: #808080;	
	background-color: white;
}

div#footer a:link, div#footer a:visited {
    color: gray;
}

div#content-wrap div#footer {
    border-top: solid #e0dfe3 1px;
}
	
span#irt{
   font-family:"Tiranti Solid LET";   
   font-size: 150%;
   font-weight: bold;
   position: relative;
   left: 1px; 
}

/** For IE<7, the filter does not work with IE6 **/
* html body span#irt{
   font-family: Verdana;
   font-size: 100%;
   font-weight: normal;
   position: relative;
   left: 0px; 	
}