BODY
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    MARGIN: 0px;
    FONT-FAMILY: Verdana;
    ALIGN: CENTER;

}
.button
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #333399
}
.pageHeader
{
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 4px;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #003399
}
.pageFooter
{
    FONT-SIZE: 15px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
.topNav
{
    PADDING-RIGHT: 12px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.topNavLink
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: 700;
    PADDING-BOTTOM: 1px;
    COLOR: #000000;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #ccccff;
    TEXT-DECORATION: none
}
.topNavLink:hover
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: 700;
    PADDING-BOTTOM: 1px;
    COLOR: #ffffff;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #F2F2F2;
    TEXT-DECORATION: none
}
.topNavTable
{
    BORDER-RIGHT: #003399 2px outset;
    BORDER-TOP: #003399 2px outset;
    BORDER-LEFT: #003399 2px outset;
    BORDER-BOTTOM: #003399 2px outset
}
.topNavTableCommand
{
    BORDER-RIGHT: #999999 2px outset;
    BORDER-TOP: #eeeeee 2px outset;
    BORDER-LEFT: #cccccc 2px outset;
    BORDER-BOTTOM: #999999 2px outset
}
.helpArea
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 14px;
    VERTICAL-ALIGN: top;
    WIDTH: 130px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ccccff
}
.bottomMargin
{
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffcc
}
.leftMargin
{
    FONT-SIZE: 15px;
    WIDTH: 8px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffcc
}
.pageBody
{
    PADDING-LEFT: 1px;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;

    FONT-FAMILY: Verdana;


}
.pagemenuBody
{
    PADDING-LEFT: 1px;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;

}
.mainBackground
{
    BACKGROUND-COLOR: #F2F2F2
}
TD
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.helpHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #314D80;
}
.breadCrumbBorder
{
    BACKGROUND-COLOR: #ffcc33
}
.breadCrumbLink
{
    FONT-WEIGHT: bold
}
.printHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #314D80
}
.grdTable
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 10px;
    MARGIN: 0px;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent
}
.textInput
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: uppercase;
    BORDER-LEFT: 1pt solid;
    WIDTH: 23px;
    BORDER-BOTTOM: 1pt solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: center;
}
.textareaInput
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: center
}
.textSubHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.textTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.centerTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT_ALIGN: center
}
.warning
{
    FONT-SIZE: 10pt;
    COLOR: red;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.hiddenwarning
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.textSmall
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.grdStdOutcome1
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F2F2F2
}
.grdStdOutcome2
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #D1D7E3
}
.grdStdCourse
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #314D80;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #AFC4E1
}
.grdStdHeader
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #314D80
}
.grdClsHeader
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #314D80;
    TEXT-ALIGN: center
}
.grdCls1Header
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #314D80;
    TEXT-ALIGN: center
}
.textInputGrade
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: uppercase;
    BORDER-LEFT: 1pt solid;
    WIDTH: 30px;
    BORDER-BOTTOM: 1pt solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
.comments
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    SCROLLBAR-FACE-COLOR: #ffffff;
    FONT-SIZE: 11px;
    FLOAT: none;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    BORDER-LEFT: 1pt solid;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #003399;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    BORDER-BOTTOM: 1pt solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    SCROLLBAR-BASE-COLOR: #ffffff;
    SCROLLBAR-LIGHTSHADOW-COLOR: #FFFFFF
}
.textLogin
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.textLoginHover
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1pt solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1pt solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffcc
}
SELECT
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
INPUT.radio
{
    VERTICAL-ALIGN: middle;
    WIDTH: 25px;
    HEIGHT: 25px
}
.loginError
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.rowLink
{
    FONT-SIZE: 11px;
    CURSOR: hand;
    COLOR: #3333EE;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.welcome
{
    FONT-SIZE: 12px;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.loginHeader
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #003399;
    TEXT-ALIGN: center
}
.helpLink
{
    COLOR: #314B80;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
.helpLink:hover
{
    COLOR: #660000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline;
}
.noHelp
{
    COLOR: #666680;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
}
.textInputLong
{
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid
}
.errorBig
{
    FONT-SIZE: 20px;
    COLOR: red
}
.loginhelp
{
    COLOR: #314B65;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;    
}
.loginhelp:hover
{
    COLOR: #660000;
    FONT-SIZE: 10px;
    TEXT-DECORATION: underline;
}
.headerSchoolName
{
	COLOR: #314D80;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	PADDING-RIGHT: 6px;
	FONT-WEIGHT: bold;
}
.headerPageTitle
{
	COLOR: #314D80;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
}
.backgroundgrey
{
	BACKGROUND-COLOR: #F2F2F2;

}
.backgroundblue
{
	BACKGROUND-COLOR: #D1D7E3;
}
.desktopLink
{
    COLOR: #314B80;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none;
}
.desktopLink:hover
{
    COLOR: #660000;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    TEXT-DECORATION: underline;