@charset "utf-8";

html, body {
	margin:0px;
	padding:0px;
}

body, td, th {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
}

body {
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/** HEADER *****************************************/
#header 
{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#logo 
{
	height: 120px;
	width: 105px;
	float: left;
}

/*-- top menu --------------------------------------*/
#topmenu 
{
	height: 55px;
}

#topmenu ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 24px;
}

#topmenu li
{
	float: left;
	display: inline;
	list-style-type: none;
	text-align: center;
}

#topmenu li a
{
	font-size: 14px;
	height: 29px;
	width: 115px;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 28px;
	margin-right: 2px;
}

/* -- login box --------------------------------*/
#loginbox
{
	float: right;
	width: 206px;
}


#loginbox div
{
	height: 162px;
	width: 206px;
	position: absolute;
	z-index: 2;
	padding-top: 10px;
	background: url(none) no-repeat center top;
}

.loginTopHeader
{
	line-height: 12px;
}
#loginChooser .loginTopHeader
{
	font-size: 15px;
	font-weight:bold;
}	

.loginIcons
{
	margin: 0px;
	padding: 3px 0px;
}

.loginIcons a
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.loginSmallLinks a
{
	font-size: 11px;
}

#loginbox th
{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.loginfield {
	font-size: 11px;
	width: 110px;
	margin: 2px;
	padding: 1px;
	border: 1px solid #7F007F;
}

#loginbutton, #submitbutton, #addAnotherFriendButton
{
	line-height: 31px;
	background: no-repeat;
	width: 180px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	height: 31px;
	border-width: 0px;
	border-style: none;
}


/* -Menu Buttons-------------------------------------- */

.buttonPurple a:link,.buttonPurple a:visited{ background: #B160EB url(../images/ui/btn-purple-n.jpg); }
.buttonPurple a:hover,.buttonPurple a:active{ background: #B160EB url(../images/ui/btn-purple-s.jpg); }

.buttonGreen a:link,.buttonGreen a:visited{ background: #00A633 url(../images/ui/btn-green-n.jpg); }
.buttonGreen a:hover,.buttonGreen a:active{ background: #00A633 url(../images/ui/btn-green-s.jpg); }

.buttonOrange a:link,.buttonOrange a:visited{ background: #FF6C00 url(../images/ui/btn-orange-n.jpg); }
.buttonOrange a:hover,.buttonOrange a:active{ background: #FF6C00 url(../images/ui/btn-orange-s.jpg); }

.buttonBlue a:link,.buttonBlue a:visited{ background: #00CDB3 url(../images/ui/btn-blue-n.jpg); }
.buttonBlue a:hover,.buttonBlue a:active{ background: #00CDB3 url(../images/ui/btn-blue-s.jpg); }

.buttonRed a:link,.buttonRed a:visited{
	background-color: #F53435;
	background-image: url(../images/ui/btn-red-n.jpg);
}
.buttonRed a:hover,.buttonRed a:active{
	background-color: #F53435;
	background-image: url(../images/ui/btn-red-s.jpg);
}

/* ------------------------------------*/

#strapline h2,
#strapline h6
{
	color: #FFFFFF;
	text-indent: 10px;
	font: italic 21px/30px "Trebuchet MS", Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

#section
{
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 425px;
}

#section ul
{
}

#section li
{
	float: left;
	list-style-type: none;
	padding-left: 13px;
	font-weight: bold;
	font-size: 13px;
}

.sectionParents
{}
.sectionStudents
{}

.sectionTeachers
{}
 
 
.sectionParents a{}
.sectionParents a:link,.sectionParents a:visited {color: #7F007F;}
.sectionParents a:hover,.sectionParents a:active {color: #A800A8;}

.sectionStudents a{}
.sectionStudents a:link,.sectionStudents a:visited {color: #FF7F00;}
.sectionStudents a:hover,.sectionStudents a:active {color: #FF962D;}


.sectionTeachers a:link,.sectionTeachers a:visited {color: #006455;}
.sectionTeachers a:hover,.sectionTeachers a:active {color: #00937C;}

/** MAIN AREA *****************************************/
#main 
{
	clear: both;
	padding-top: 10px;
}

#content 
{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/* fix for IE6 "double-margin bug */
* html #maincolumn,
* html #leftcolumn,
* html #rightcolumn 
{
	display:inline
}

/** MAIN COLUMN *****************************************/
#maincolumn 
{
	float: left;
	width: 460px;
	margin-left: 200px;
	padding-right: 20px;
	padding-left: 20px;
	background: #FFFFFF;
}

.lightbox{

}
.lightboxfield{
	font-size: 11px;
	width: 110px;
	margin: 2px;
	padding: 1px;
	border: 1px solid;
}
.lightboxhead{
	margin: 0px;
	padding: 0px;
	text-indent: 2px;
	line-height: 16px;
}
.alert
{
	color: #FF3300;
	font-weight: bold;
	line-height: 20px;
}

#maincolumn .alert a{color: #FF3300;}

#maincolumn h1 
{
	font-size: 19px;
	font-weight: bold;
	padding: 0px;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 24px;
}

#maincolumn h2 
{
	font-size: 14px;
	width: 436px;
	margin: 0px auto;
	height: 26px;
	line-height: 26px;
	text-indent: 5px;
}
#maincolumn h3 
{
	text-indent: 10px;
	padding: 0px;
	margin: 0px 0px 0px 15px;
	font-weight: bold;
	text-indent: 10px;
}

#maincolumn h5 {
	height: 30px;
	text-align: right;
	line-height: 30px;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right: 30px;
	margin: 0px;
}

#maincolumn h4 {
	margin-left: 10px;
}
#maincolumn h6 {
	font-size: 14px;
	padding: 10px 8px 5px 10px;
	margin: 0px;
	font-weight: bold;
	line-height: 18px;
	width: 420px;
}
.testimonials {
	color: #FFFFFF;
	font-size: 15px;
	text-indent: 5px;
	font-weight: bold;
}
#maincolumn .testimonials a{color: #FFFFFF;	display: block;
}
.testimTeachers{background:#006455}
.testimStudents{background: #FF7F48;}
.testimParents{
	background: #7F007F;
}

blockquote
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 2px 0px 6px;
	padding: 24px 0px 0px 22px;
	width: 430px;
	line-height: 18px;
	text-indent: 15px;
}
blockquote p
{
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 24px;
}

#maincolumn a {
	text-decoration: underline;
}

#maincolumn p 
{
	line-height: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;

}

#maincolumn em { font-style: normal; 
}


/* MAIN COLUMN **-Presentation Table-----------*/

.presentTable
{
	width: 448px;
	font-size: 13px;
	margin: 0px auto;
}

.presentTable h3 
{
	font-weight: bold;
	width: 420px;
	text-indent: 5px;
	font-size: 13px;
	margin: 0px auto;
	padding: 0px;
	line-height: 30px;
}

.presentTable p 
{
	font-size: 12px;
	text-indent: 10px;
	padding-left: 20px;
	padding-right: 13px;
}

.presentTable a 
{
	font-size: 12px;
}

.presentTable thead 
{
	background-repeat: no-repeat;
	background-position: center top;
	height: 14px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

.presentTable tbody 
{
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
.presentTable tfoot 
{
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 14px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

.presentTable ul
{
	width: 420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px;
	font-size: 14px;
}

.presentTable li
{
	line-height: 18px;
	text-indent: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	list-style: disc inside;

}

.presentTable li.odd{
}
.presentTable li.even{


}

/** MAIN COLUMN -buttons/HightLight td  backgrounds *****************************************/

a.buttonMain
{
	height: 35px;
	width: 219px;
	display: block;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.buttonImportant
{
	height: 35px;
	width: 219px;
	display: block;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#maincolumn a.buttonMain
{
	text-decoration: none;
}

#maincolumn a.buttonImportant
{
	text-decoration: none;
}


a.buttonMain:link, a.buttonMain:visited{}
a.buttonMain:hover, a.buttonMain:active{}

a.buttonImportant:link, a.buttonImportant:visited{}
a.buttonImportant:hover, a.buttonImportant:active{}

.fineprint{
	font-size: 9px;
	margin-left: 10px;
}
.hiLight
{
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0px auto;
	line-height: 30px;
	height: auto;
	color: #FFFFFF;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
 .hiLightSmallerText
{
	font-size: 15px;
	height: auto;
	line-height: 24px;
	text-align: center;
	height: auto;
	margin: 0px auto;
	color: #FFFFFF;
	padding: 10px 5px 10px 10px;
}


/* LEFT COLUMN **************************************** */
#leftcolumn 
{
	width: 200px;
	float: left;
	margin-left: -700px;
	overflow: hidden;
}

/*--Left Menu BUY ----*/

a.buttonBuyLeft
{
	height: 35px;
	width: 196px;
	display: block;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#maincolumn a.buttonBuyLeft
{
	text-decoration: none;
}


a.buttonBuyLeft:link, a.buttonBuyLeft:visited{}
a.buttonBuyLeft:hover, a.buttonBuyLeft:active{}


/*--   LEFT MENU           --*/

#leftMenu
{
	width: 200px;
	padding: 14px 0px 0px;
	font-size: 12px;
	background: no-repeat left top;
}

#leftMenu ul
{
	padding: 0px 0px 10px;
	width: 200px;
	margin: 0px;
	background: no-repeat left bottom;
}
#leftMenu ul ul {
	background: url(none);
	margin: 0px;
	padding: 0px;
	width: 100px;
}


#leftMenu li
{
	list-style-type: none;
	margin: 0px 10px 4px;
	padding: 0px;
	width: 180px;
	line-height: 20px;
	background: #FFFFFF;
	font-weight: bold;
}
#leftMenu li li {
	margin: 0px;
	padding-left: 10px;
	width: 170px;
}

#leftMenu li li li {
	margin: 0px;
	padding-left: 10px;
	width: 160px;
}

#leftMenu a,
#leftMenu h5
{
	display: block;
	font-weight: bold;
	text-indent: 5px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#leftMenu li li a {
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#leftMenu a.current
{
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	text-indent: 14px;
}

#leftMenu a:link,#leftMenu a:visited 
{
	text-decoration: none;
}

#leftMenu a:hover,
#leftMenu a:active 
{
	text-decoration: none;
	text-indent: 14px;
	background: no-repeat left center;
}

#leftMenu h4 
{
	padding: 0px 0px 0px 3px;
	line-height: 20px;
	font-size: 13px;
	margin: 0px 10px 5px;
}

/** RIGHT COLUMN *****************************************/
#rightcolumn 
{
	float: left;
	margin-top: 50px;
	width:200px;
}

/** FOOTER *****************************************/
#footer 
{
	clear: both;
	height: 24px;
	text-align: center;
}
#footer a
{
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;

}
#copyright {
	color: #BEBEBE;
	font-size: 12px;
	line-height: 20px;
	background: #FFFFFF;
	height: 20px;
	text-align: center;
}