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

body
{
	font-family: Arial, Helvetica, Sans-Serif;
}

#content
{
	width: 800px;
	margin: 0 auto;
}

/* Header */

#headerbar
{
	width: 800px;
	height: 200px;
}

#header
{
	width: 800px;
	height: 200px;
	margin: 0 auto;
}

#logo
{
	width: 250px;
	margin-top: 70px;
	margin-left: 60px;
	height: 110px;
	float: left;
	border: 0;		
	text-decoration: none;		
}

#nav
{
	width: 222px;
	margin-top: 80px;	
	margin-left: 60px;		
	float: left;				
}				

#nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
			
#nav ul li
{
	float: left;
	height: 42px;
	margin: 0;
	padding: 0;
}

#nav ul li a
{
	display: block;
	width: 100%;
	height: 42px;
	text-decoration: none;
}	

#nav ul li.home
{
	width: 80px;
	background-position: 0px 0px;
}

#nav ul li.home:hover
{
	background-position: -222px 0px;
}

#nav ul li.games
{
	width: 142px;
	background-position: -80px 0px;			
}

#nav ul li.games:hover
{
	background-position: -302px 0px;			
}	

#nav ul li.schools
{
	width: 130px;
	background-position: 0px -42px;			
}

#nav ul li.schools:hover
{
	width: 130px;
	background-position: -222px -42px;			
}

#nav ul li.levels
{
	width: 92px;
	background-position: -130px -42px;			
}			

#nav ul li.levels:hover
{
	width: 92px;
	background-position: -352px -42px;			
}		

#avatar
{
	width: 110px;
	height: 180px;
	margin-left: 52px;
	float: left;
	text-align: center;
	font-size: 15px; 
	font-weight: bold; 
	color: #26828A;
}

#avatar a.teacherlink
{
	display: block; 
	width: 110px; 
	height: 125px; 
	margin-top: 63px;
	background: transparent url(../theme/urban/teacherposter.gif) center bottom no-repeat;
}

#avatarMovieClip
{
	margin-top: 75px;
}

#avatar .username 
{
	display: block;
	margin-top: -5px;
	position: relative;	
	color: #26828A;
	text-decoration: none;
	height: 21px;	
}

#avatar .subusername
{
	display: block;
	color: white;
	height: 10px;
	font-size: 10px;
	text-decoration: none;
}

#avatar a:hover
{
	text-decoration: underline;
}

/* Content */

#contentbar
{

}

/* hides dotted outlines to movies with wmode=transparent in firefox 3 */
object { outline:none; }

#content
{
	padding: 0px 30px;
	width: 740px;
}

body.info #content
{
	padding: 2px 65px;
	width: 670px;
}

body.fixed #content
{
	padding: 0;
	width: 800px;
}

/* Footer */

#footer
{
	clear: both;
	height: 120px;
	padding-top: 120px;
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
}			

#footer div.dawg
{
	display: none;
	height: 80px;
	margin: 0 auto;	
	width: 395px;
}

body.home #footer div.dawg, body.fixed #footer div.dawg
{
	background-image: none;
}

body.fixed #footer
{
	padding-top: 0;			
}

body.fixed #footer div.dawg
{
	height: 40px;
}

#footer ul
{
	list-style: none;
	margin: 0; 
	padding: 30px 0 5px 0;
	background-color: black;
}			

#footer ul li
{
	display: inline;
	margin: 0; 
	padding: 0;		
	border-right: 1px solid #656565;
	padding: 0 5px 0 5px;		
}		

#footer ul li.last
{
	border: 0;	
}

#footer ul li a, #footer ul li a:visited
{
	font-weight: bold;			
	color: #FFF600;			
	text-decoration: underline;
}

#copyright, #copyright a, #copyright a:visited
{
	color: #7A7A7B;
}

/* Widgets */

.gametile
{
	width: 352px;
	height: 161px;
	float: left;
	margin: 10px 8px;
}

.gametile-r
{
	background: transparent url(../graphics/game-tile-r.jpg) top center no-repeat; 
}

.gametile-g
{
	background: transparent url(../graphics/game-tile-g.jpg) top center no-repeat; 
}

.gametile-b
{
	background: transparent url(../graphics/game-tile-b.jpg) top center no-repeat; 
}

.gametile .tn
{
	margin: 33px 0 0 17px;
}

.gametile .info
{
	float: right;
	width: 160px;
	margin: 28px 0 0 0;
	padding: 0 20px 0 0;
	color: white;	
	font-size: 80%;
}

.gametile .info .title
{
	font-style: italic;
	font-size: 140%;
	margin: 0 0 0.5em 0;
}

.gametile .info p
{
	margin: 0 0 0.5em 0;
}

.gametile .info .link
{
	text-align: right;
}

.gametile .info .link a
{
	color: #FFF600;
	font-weight: bold;
	font-size: 110%;
}

.gametile .info .link a:hover
{
	color: white;
}

/* General Layout */

div.columns
{
}

div.column50
{
	width: 50%;
	float: left;
}

.clear
{
	clear: both;
	font-size: 0;
}

.blockclear
{
	clear: both;
}

.clearbl
{
	clear: both;
}

.hidden
{
	display: none;
}

/* Text */

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 16px 0;
}

p, ul
{
	margin: 0 0 16px 0;
}

ul li
{
	margin: 0 0 0.5em 0;
}

a
{
	color: #F16A01;
	font-weight: bold;
	font-size: 95%;
}

.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.centerblock
{
	margin: 0 auto;
}

.smaller
{
	font-size: smaller;
}

/* Accessibility */

.offscreen
{
	position: absolute; 
	left: -999em;
}

/* Forms */

.wwgrp br
{
	display: none;
}

.wwlbl
{
	font-weight: bold;
}

.wwgrp
{
	zoom: 1;
}

.pageintro
{
	font-weight: bold;
	font-size: 85%;
}

.check
{
	width: 100%; /* IE6 */
}

.check .wwlbl, .check .wwctrl
{
	float: left;
}

/* Pages - Wall */

#wallcont
{
	text-align: center;
	font-size: 1px;
}

#wall
{
	margin: 0 auto;
}

div.errorbox
{
	background-color: #FDF9DF;
	border: 1px solid #F3F0EC; 	
	margin: 0 0 1em 0;
	padding: 0.5em 0.75em;
	font-size: 85%;
}

div.errorbox p
{
	background: transparent url(../graphics/icons/error.png) top left no-repeat;
	padding-left: 22px;
	margin: 0;
}

/* Icons */

ul.icons
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 0.5em;
}

ul.icons li
{
	margin: 0 0 0.5em 0;
}

.btn
{
	text-decoration: none;
	padding-left: 12px;	
	line-height: 16px;	
	background-color: transparent;
	background-position: center left;
	background-repeat: no-repeat;	
	cursor: pointer;
}

.ico
{
	text-decoration: none;
	padding-left: 20px;
	padding-right: 10px;	
	line-height: 16px;	
	background-color: transparent;
	background-position: center left;
	background-repeat: no-repeat;
}

.ico:hover
{
	text-decoration: underline;
}

.ico-excel
{
	background-image: url(../graphics/icons/page_excel.png);
}

.ico-print
{
	background-image: url(../graphics/icons/printer.png);
}

.ico-class
{
	background-image: url(../graphics/icons/application_side_list.png);
}

.ico-editclass
{
	background-image: url(../graphics/icons/group_edit.png);
}

.ico-addstudents
{
	background-image: url(../graphics/icons/group_add.png);
}
	
.ico-logout
{
	background-image: url(../graphics/icons/door_out.png);
}

.ico-reports
{
	background-image: url(../graphics/icons/chart_bar.png);
}

.ico-markbook
{
	background-image: url(../graphics/icons/timeline_marker.png);
}

.ico-addschool
{
	background-image: url(../graphics/icons/chart_organisation_add.png);
}

.ico-restrictions
{
	background-image: url(../graphics/icons/page_delete.png);
}

.ico-invite
{
	background-image: url(../graphics/icons/user_add.png);	
}


.ico-resultprev
{
	background-image: url(../graphics/icons/resultset_previous.png);	
}

.ico-resultnext
{
	background-image: url(../graphics/icons/resultset_next.png);	
}

.ico-competition
{
	background-image: url(../graphics/icons/award_star_gold_2.png);	
}

.ico-competition-add
{
	background-image: url(../graphics/icons/award_star_add.png);	
}

.ico-refresh
{
	background-image: url(../graphics/icons/arrow_refresh.png);	
}

.ico-back
{
	background-image: url(../graphics/icons/bullet-arrowback.gif);
}

.ico-switch
{
	background-image: url(../graphics/icons/arrow_switch.png);
}

.ico-error
{
	background-image: url(../graphics/icons/error.png);
}

.ico-errorbullet
{
	background-image: url(../graphics/icons/bullet_error.png);
}

.ico-exclamation
{
	background-image: url(../graphics/icons/exclamation.png);
}

.ico-lockedit
{
	background-image: url(../graphics/icons/lock_edit.png);
}

.ico-bulletcross
{
	background-image: url(../graphics/icons/bullet_cross.png);
}

.ico-userdelete
{
	background-image: url(../graphics/icons/cross.png);
}