/* CSS Document */

#LeftHeader
{
	background-color: #003399;
/*	BACKGROUND-IMAGE: url(../Images/SMTChurch.gif);*/
	BACKGROUND-REPEAT: no-repeat;
	
	
	
	
}

#LeftHeader A:hover
{
 cursor: pointer;
}

#MiddleHeader
{ 
	background-color: #003399;
  	BACKGROUND-IMAGE: url(../Images/spacer.gif);
  	BACKGROUND-REPEAT: no-repeat;
	font: Arial;
	color:#FFFF00;
	font-size:large;
	font-weight:bold;
	
}
#RightHeader
{
	background-color: #003399;
/*	BACKGROUND-IMAGE: url(../Images/SMTSchool.gif);*/
	BACKGROUND-REPEAT: no-repeat;
	background-position: right;
}
#LeftMenu
{
	background-color: #003399;
	BACKGROUND-IMAGE: url(../Images/SMTLogoL2.gif);
	BACKGROUND-REPEAT: no-repeat;
	background-position: center;
}

#ContentContainer
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000000 0px solid;
    PADDING-LEFT: 2px;
    BORDER-LEFT: #000000 0px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #EEEEEE}
.contentarea
{
	border-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #000000;
	padding: 3px;
    BACKGROUND-COLOR: #FFFFFF}
.content
{
    FONT-SIZE: 60%;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.content A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.content A:hover
{
    COLOR: #912746;
    TEXT-DECORATION: underline
}
.contentsub
{
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.contentsub A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.contentsub A:hover
{
    COLOR: #912746;
    TEXT-DECORATION: underline
}

.eventlines
{
	FONT-SIZE: 12px;
    COLOR: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.eventlines A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}

.eventlines A:hover
{
    COLOR: #0033CC;
    TEXT-DECORATION: underline
}
.BackgroundColorBlue {
	background-color: 003399;
}



.messagebar
{
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #000000;
	height: 19px;
	padding-left: 2px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

.messagebar a:link,
.messagebar a:visited
{
	color: darkblue;
}

.messagebar a:hover
{
	color: #7f7fff;
}

/* Navigation Styles */

#NavBar
{
	background-image: url(../Images/lev0_bg1.gif);
	width: 100%;
	height: 22px;
}

.nav
{
	background-image: url(../Images/NavHeaderBG.gif);
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	background-repeat: repeat-x;
	width: 100%;
	height: 17px;
	padding-top: 2px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

.navTitle
{
	background-image: url(../Images/NavHeaderBG.gif);
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	background-repeat: repeat-x;
	width: 100%;
	height: 17px;
	padding-top: 2px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
}


.LeftNav
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003399;
}

.NavText
{
    BORDER-RIGHT: #eaeaea 1px solid;
    BORDER-TOP: #eaeaea 0px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #eaeaea 0px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #eaeaea 0px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.NavText A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.NavText A:hover
{
    COLOR: #426192;
    BACKGROUND-COLOR: #eaeaea;
    TEXT-DECORATION: none
}

.NavItems
{
	font-size: 9px;
	color: #FFFFFF;
	width: 100%;
	height: 17px;
	padding-top: 2px;
	padding-left: 2px;
}
.NavItems a
{
	color: #EEEEEE;
	text-decoration: underline;
}
.NavItems a:hover
{
	color: #DEC546;
	text-decoration: none;
}
.NavSubItems
{
	font-size: 9px;
	color: #FFFFFF;
	width: 100%;
	padding-top: 2px;
	padding-right: 2px;
}

.NavSubItems ul
{
	list-style-type:disc;
	list-style-position:outside;
}

.NavSubItems ul li
{
	margin-left: -10px;
	padding-bottom: 3px;
}

.NavSubItems a
{
	color: #EEEEEE;
	text-decoration: underline;
}
.NavSubItems a:hover
{
	color: #DEC546;
	text-decoration: none;
}

#MyLinks
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Comic Sans MS";
    HEIGHT: 17px
}
#MyLinks A
{
    WIDTH: 100%;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
#MyLinks A:hover
{
    width: 100%;
    color: #ffe622;
    text-decoration: none;
}

#StandardLinks
{
    padding-right: 2px;
    padding-left: 2px;
    font-size: 14px;
    padding-bottom: 2px;
    width: 100%;
    color: #000000;
    padding-top: 2px;
    font-family: Arial;
    height: 17px;
}
#StandardLinks A
{
    width: 100%;
    color: #0000cc;
    text-decoration: none;
}
#StandardLinks A:hover
{
    width: 100%;
    color: #3366ff;
    text-decoration: none;
}

.tableHDR
{
	font-size: 12px;
	color: #FFFF00;
	font-weight: bold;
	background-image: url(../Images/ContainerHeaderBlue.gif);
	border: 1px solid #000000;
	font-family: "Comic Sans MS";
}
.tableHDR a
{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
.tableHDR a:hover
{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.tableSubHDR {

	font-size: 10px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #000000;
}

.tabletxt
{
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

.tabletxtBoldRed
{
	font-size: 10px;
	font-weight:bold;	
	color:Red;
	background-color: #FFFFFF;
}

.tabletxtBold
{
	font-size: 10px;
	font-weight:bold;
	color: #000000;
	background-color: #FFFFFF;
}
.fullTable
{
 height:100%;
}
.formbuttons
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #48597A;
	background-color: #D7DCE0;
}
.textbox
{
	font-size: 10px;
	color: #000000;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}

.formbox {

	font-size: 10px;
	color: #000000;
	border: 1px solid #48597A;
	background-color: #FFFFFF;
}

#footer
{
	font-size: 10px;
	color: #455574;
}
#footer a
{
	color: #455574;
	text-decoration: underline;
}
#footer a:hover
{
	color: #455574;
	text-decoration: none;
}

.FooterBar
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 0px solid;
    BORDER-LEFT: #000000 1px solid;
    BACKGROUND-IMAGE: url(../images/NavigationBar.gif);
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-REPEAT: repeat-x
}
.FooterText
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


.Note
{
	position: absolute;
	width: 175px;
	height: 100px;
	background-color: #ffffcc;
	border: solid 2px black;
}

.NoteTitleBar
{
	font-size: .8em; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #576680;
	border-top: solid 1px black;
	top:80px;
}

.normalButton
{
	cursor: hand;
}

.selectedButton
{
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	cursor: hand;
	background-color: peachpuff;
}


.ContentNote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow:auto;
	height:220px;
}

.StudentHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}
.StudentLines {
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #006633;
	text-align: center;
	width:50%;
}
.StudentLinesGrades {
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #006633;
	text-align: right;
	width:50%;
}

/* Horizontal Menu */
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  background-color: #003399;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  
  color: #FFFF00;
  cursor:  default;
  left: 0px;
  margin: 1px;
  padding: 2px 60px 2px 60px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
  BORDER-RIGHT: #eaeaea 1px solid;
  BORDER-TOP: #eaeaea 0px solid;
  FONT-SIZE: 12px;
  BORDER-LEFT: #eaeaea 0px solid;
  BORDER-BOTTOM: #eaeaea 0px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

div.menuBar a.menuButton:hover {
  cursor: pointer ;
  COLOR: #426192;
  BACKGROUND-COLOR: #eaeaea;
 }

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #003399;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  left: 1px;
  top: 1px;

}

div.menu {
  background-color: #003399;
  border: 2px solid;
/*  border-color: #f0f0f0 #909090 #909090 #f0f0f0; */
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFF00;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #000080;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}