@charset "UTF-8";
/* CSS Document */

body {
	background-color:#b7cb34;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
}
h1 { font-size: 18px;text-transform:uppercase;color:#333333;line-height:18px;margin:0px;margin-bottom:20px; }
h2 { font-size: 16px;text-transform:uppercase;color:#333333;margin:0px;margin-bottom:20px; }
h3 { font-size: 15px;text-transform:uppercase;color:#333333;margin:0px;margin-bottom:20px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

.clearer {
	clear:both;
}

.centred {
	margin-left:auto;
	margin-right:auto;
}


/* end of generic page styles */

#shell {
	position:relative;
	width:960px;
	height:714px;
	background-color:#a9b947;
}
.krd {
	position:absolute;
	top:10px;
	width:960px;
	font-size:11px;
	color:#747F34;
	text-align:center;
}
#logo {
	z-index:999;
	position:absolute;
	top:43px;
	left:14px;
	width:237px;
	height:147px;
}
.header {
	width:960px;
	height:104px;
	background-color:#b7cb34;
	border-bottom:4px solid #000;
}
.student-login {
	float:right;
	width:135px;
	height:45px;
	margin-top:50px;
	margin-right:10px;
	/*background-image:url(../images/student-login-button.jpg);
	background-repeat:no-repeat;*/
}
.navbar {
	width:710px;
	height:30px;
	margin-left:250px;
	margin-top:15px;
}


.content {
	width:960px;
	height:378px;
	margin-top:60px;
}
.lhs, .ctr, .rhs {
	float:left;
}
.lhs {
	z-index:97;
	width:430px;
	height:378px;
	margin-left:58px;
}
.ctr {
	z-index:98;
	width:188px;
	height:351px;
	margin-left:40px;
	border:1px solid #666;
	background-image:url(../images/box-background.jpg);
	background-repeat:repeat-x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.rhs {
	z-index:99;
	width:188px;
	height:352px;
	margin-left:10px;
}
.rhs-top {
	width:186px;
	height:264px;
	margin-bottom:16px;
	border:1px solid #666;
	background-image:url(../images/rhs-box-background-top.jpg);
	background-repeat:repeat-x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.rhs-bottom {
	width:186px;
	height:69px;
	border:1px solid #666;
	background-image:url(../images/rhs-box-background-bottom.jpg);
	background-repeat:repeat-x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.title {
	font-size:11px;
	color:#444;
	line-height:20px;
	padding-left:16px;
	background-image:url(../images/title-arrow.jpg);
	background-repeat:no-repeat;
	background-position:5px 0;
}
.paneltext {
	font-size:0.9em;
	color:#666;
	line-height:13px;
	padding:12px;
}
.video {
	width:186px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;
	border-bottom:1px dotted #666;
}
.bodytext {
	color:#333;
	line-height:18px;
}
.ticker {
	width:870px;
	height:30px;
	border-left:1px solid #666;
	border-right:1px solid #666;
}
#partners {
	position:absolute;
	left:0px;
	bottom:0px;
	width:960px;
	height:75px;
	background-color:#839339;
}
#footer {
	width:960px;
	width:960px;
	height:25px;
}
.copyright {
	float:left;
	color:#747F34;
	font-size:11px;	
	line-height:24px;
}
.teacher-login {
	float:right;
	background-image:url(../images/login-padlock.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:22px;
	font-size:11px;
	line-height:25px;
	color:#747F34;
	text-decoration:none;
}
.teacher-login:hover {
	text-decoration:underline;
}

/* tool tip styles */
#demotip { 
    display:none; 
    background:transparent url(../images/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
float:right;
width: 750px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 728px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000;
font: normal 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
color:#FFF;
margin: 0 10px 0 0;
} 

/* subscribe form styles */
#subscribe-box, #subscribe-button {
	float:left;
	margin-top:13px;
}
#subscribe-email {
	width:140px;
	height:21px;
	padding:0px;
	margin-left:8px;
	color:#CCC;
	border:1px solid #666;
}
.fieldError {
	border:1px solid #FF0000;
}