/* Global Styles */
@charset "utf-8";
body {
	margin: 0px;
	background-image:url(SmartEducationFoundationBG2.jpg);
	}
#container { 
	width: 960px;
	background: #FFFFFF;
	margin: 20px auto;
	padding: 10px 0px 0px 0px;
	border: 3px solid #61708a;
	border-width: 2px 30px 2px 30px;
	text-align: center;
	background-image: none;
	background-repeat: repeat-x;
	border: 3px solid #26354A;
	}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/BackSEF.jpg) 0 170px;
	
	background-repeat: no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}
.thrColAbs #mainContent { 
	width: 960px;
	margin: 0 00px;
	padding: 0 10px;
	text-align: center;
	border: 1px solid orange;
		background-image: url(images/BackBlueColTop.jpg);
	background-repeat: repeat-x;
	}
#main-body{
	width: 940px;
	top: 0px;
	height: 100%;
	vertical-align:top;
	background-color:#fff;
	background-image: url(images/BackOrangeCol.jpg);
	background-repeat: repeat-y;
	margin: 0px 0 20px 0;
	border: 0px solid #26354A;
	border-width: 0px 0 0 0;
	text-align: left;

	}
#main-body{
	width: 920px;
	}
#left-column {
	float: left;
	width:237px;
	height:100%;
	vertical-align :top;
	background: #FF8800;
	border: 0px solid red;
	margin:0px;
	padding: 10px 10px 10px 13px;
	}
#left-column {
	float: left;
	width:240px;
	height:100%;
	vertical-align :top;
	background: #FF8800;
	background-image: url(images/OrangeColTop.jpg);
	background-repeat: repeat-x;
	border: 0px solid red;
	margin:0px;
	padding: 10px 5px 10px 15px;
	}
#right-column {
	vertical-align: top;
	width: 555px;
	height: 100%;
	background-color: #fff;
	background-image: url(images/BackBlueColTop.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 260px;
	padding: 30px 50px;
	border: 0px solid orenge;
	font-size: 10px;
	line-height: 14px;
	}
a:link, a:visited {
	color: #2496a9; 
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	color: #FFBA00;
	}	
/* ID Styles */
#navigation-box {
	position: relative;
	top:0px;
	right:10px;	
	height: 42px;	
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border:0px solid #000000;
	background:#FFFFFF;
	}

.navText a {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	letter-spacing: 0em;
	line-height:16px;
	display:block;
	padding: 0px 5px;	
	}
.navText a:hover {
	color:#ffffff;
	background-color:#26A4C0;
	}
.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	margin: 0 0 0 20px;
	}


#footer {	
	height: 50px;				
	border-top: 0px solid #0b5b16;  /* #A48B65 */
	background: #0b5b16;
	background-image: url(images/Footer.jpg);
	background-repeat: repeat-y;
	}	
#logo {
	font:34px Times New Roman, Times, serif;
	color: #0b5b16;
	letter-spacing:.1em;
	line-height:42px;
	background:#FFFFFF;
	}
#copyright {
	font-size:9px;
	text-align:right;	
	padding: 10px 10px 10px 10px;
	color: #fff;
	}

/* Calendar Styles */
#calendar td {
	border: 1px solid #26354A; 
	}
#noborder td {
	border: 0px;
	}
#calheader td {
	font-weight:bold;
	color: #ffffff;
	}
	
/* Class Styles */

.logo {
	font:24px Times New Roman, Times, serif;
	color: #0b5b16;
	letter-spacing:.3em;
	line-height:24px;
	}
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #26354A;
	line-height:16px;
	}
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#26354A;
	letter-spacing:.0em;
	margin: 10px 0 10px 0px;
	}
.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #0b5b16;
	letter-spacing: 0em;
	line-height:32px;
	margin: 0px 0 0px 0px;
	}
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	}

.processingText{
	font:8px Arial, Helvetica, sans-serif;
	color: #FFBA00;	
	}	
	
.sidebarText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333;
	letter-spacing: 0em;
	line-height:16px;
	}
.clearfloat { 
	clear: both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}