/***GENERAL STRUCTURE*****/

html, body { border:0px; margin:auto auto; padding:0px; width:905px; height:605px;}
h1, h2, h3, h4, h5, h6, form, div{ margin:0px; padding:0px; }
p, ul, ol, marquee { margin:0px; padding:0px; }
blockquote { margin:22px 40px; padding:0px; }
img { border:0px; }
form { margin:0px; padding:0px; display:inline; }
table { border:0px; margin:0px; padding:0px; }
table tr td { padding:0px; }

#main {	height:605px; width: 905px; border:solid 1px #666666;}

.rightPanel {	margin: 0px; width: 275px;	height: 555px;	}
.sideHeading {	display: block;	width: 234px; padding: 175px 20px 5px 20px; font-size:17px; font-weight: bold; line-height:19px;}
.sideText {	display: block;	padding: 0px 20px; margin: 0px;	/*height: 95%;*/ width: 234px; line-height:15px;}
.sideText p {	margin: 0px; padding-bottom: 5px;}
.sideText ul{	padding:5px 20px;	font-size:13px; list-style:square;}
.sideText li{ line-height:16px;	padding:3px 0px;}
.sideText .comic_button{text-align:center; padding-top:5px;}
.sideText .comic_button a{display:block; padding-top:5px;}
#sideText #header {	font-size: 20px;	font-weight: bold;}
#leftPanel {	margin: 0px; height: 466px;	width: 630px; background-color:#000000;}
#leftImage {	display: block;	margin: 0px; height: 466px; width:630px;	background-repeat: no-repeat; background-position:247px 0px;}

#newsTicker {	margin: 0px;	height: 45px;	width: 785px;	padding: 0px 60px;}
#newsTicker marquee { font-family: Arial; color:#000000; font-size: 16px; border: 0px none; display: block; margin:6px 30px;}

/****links*****/
.sideText ul a:link, .sideText ul a:visited, .sideText ul a:hover, .sideText ul a:active { font-size: 12px; display: inline; margin:0px; padding:0px;}


/****CHOOSE YOUR LANGUAGE PAGE*****/
#welcomeButtons{ height:91px; margin:0px;	display: block;	width: 380px;	padding-top: 20px;}
#welcomeButtons a:link, #welcomeButtons a:visited, #welcomeButtons a:hover, #welcomeButtons a:active {	float: left;	padding: 0px 1px;	margin: 0px;}
#welcomeEN {background-image: url(../sharedImages/welcomeEN.gif); }
#welcomeFR {background-image: url(../sharedImages/welcomeFR.gif);}
#welcomePOR {background-image: url(../sharedImages/welcomePOR.gif);}
#welcomeSWE {background-image: url(../sharedImages/welcomeSWE.gif);}
#welcomeTUR {background-image: url(../sharedImages/welcomeTUR.gif)}

/******** navigation *************/
#navigation {	background-repeat: no-repeat;	margin: 0px;	height: 94px;	width: 630px; color:#000000}
#navPadding {display: block;margin: 0px;padding-top:65px; text-align: center;}
#navPadding a:link, #navPadding a:visited, #navPadding a:hover, #navPadding a:active {	margin:0px;	color:#000000;	font-weight: bold;}
#navPadding a:hover { color:#FF0000;}
#switchFlags {	display: block;	margin: 0px; float: right;	width: 110px;	padding-top: 63px;}

/****HOME PAGE*****/
#flashMovie {	margin: 0px 16px;	height: 184px;	width: 229px;}
#flashMovie object {	margin: 0px;}
#playFlags {	margin: 0px; width:280px;}
#homeLearn {	background-repeat: no-repeat;	text-indent: -5000px; margin: 0px;	height: 76px;}

/****ABOUT PAGE*****/
#aboutImage {	margin: 0px;	height:466px;	width:630px; background-repeat: no-repeat;}

/****FAN PAGE*****/
#fanMain {	margin: 0px; height: 371px; padding-left: 15px;}
#fanMain img, #fanMain object {	border: 2px solid #000000; display:block;}
#fanHeader {	margin: 0px;	height: 95px;	width: 630px; text-indent:-5000px;background-repeat: no-repeat;	background-position: 0px 32px;}



/****GAME ZONE****/
#gameMain {	margin: 0px; height: 460px;	width: 600px;	padding: 0px 15px 0px 15px;}
#gameZoneHome {	margin: 0px; height: 450px;	width: 600px; padding-top: 10px; background-image: url(../sharedImages/gameZone_bgd.gif); background-repeat: no-repeat;	text-align: left;}
#gameZoneHome h1 { text-indent: -5000px;}
#keepUppy {	margin: 15px 0px 0px 17px; width: 186px; height: 168px;}
#keepUppy a:link, #keepUppy a:visited, #keepUppy a:active {	background-repeat: no-repeat;	margin: 0px;	height: 168px;	width: 186px;	display: block;}
#matchKit {	margin: 0px 0px 0px 17px;	width: 186px;	height: 201px;}
#matchKit a:link, #matchKit a:visited, #matchKit a:active {	background-repeat: no-repeat;	margin: 0px;	height: 201px;	width: 186px;	display: block;}
#posterButton {	margin: 85px 0px 0px;	width: 194px;	height: 195px;}
#posterButton a:link, #posterButton a:visited, #posterButton a:active {	background-repeat: no-repeat; margin: 0px;	height: 195px;	width: 194px; display: block;}
#faceOff {	margin: 15px 0px 0px;	width: 169px;	height: 168px;	padding-right: 33px;}
#faceOff a:link, #faceOff a:visited, #faceOff a:active { background-repeat: no-repeat;	margin: 0px; height: 168px;	width: 169px;	display: block;}
#shootOut {	margin: 0px;	width: 190px;	height: 196px;}
#shootOut a:link, #shootOut a:visited, #shootOut a:active {	background-repeat: no-repeat; margin: 0px; height: 196px; width: 190px;	display: block;}
.sideGirl {	background-repeat: no-repeat;width: 275px;	height: 554px;}

/****Teacher Zone*****/
#teacherMain {	margin: 0px; height: 466px;	width: 630px;}
#teacherMain h1 {margin:0px; height: 466px;	text-indent: -5000px;background-repeat: no-repeat; width: 630px;}
#teacherMain h2 {margin:0px; height:45px; width:540px; text-indent:-5000px; padding-top:21px; padding-left:15px;}
#teacherBtn-container {	display: block;	margin: 24px 0px 0px 0px; width: 345px; background-repeat: no-repeat;}
#teacherBtn-container a {display:block; height:89px; width: 345px;}
#teacherNav {	height:17px; width:630px; text-align: center;	padding-top: 2px;}
#feedbackForm {	margin: 0px; height: 466px; width: 630px;   background-position: 15px 25px;}
#feedbackForm #form {	width: 560px;	height: 330px;	overflow: scroll;	margin: 90px 35px 0px; overflow-x:hidden; overflow-y:scroll; padding:0px;}
#sheetsMain #sheetsTitle{width:630px; height:50px; margin:2px 0px; text-indent:-5000px; background-repeat:no-repeat;} 
#sheetsMain p{ margin:5px 20px 0px 30px;}
#sheetsMain ul { margin-top:6px;padding:0px;}
#sheetsMain li { list-style:none; padding-left:44px; }
#sheetsMain li p{width:250px; padding:0px 0px 3px 28px; display:block;}

/***********REGISTRATION********/
#registrationForm {	margin: 0px; height: 346px; width: 595px; background-position: 15px 0px; padding:80px 0px  0px 35px;}
#registrationForm #form {width: 560px; height: 335px; overflow-y:scroll; padding:0px;}


/***********SHOP********/
#shopHome {	height: 425px;	width: 590px;	padding: 20px;	background-repeat: no-repeat;}
.shopThumb {	margin: 0px 0px 0px 14px;	height: 257px; width: 180px; border: 1px solid #000000;	text-align: center;}
.shopThumb h1 {	font-size: 12px; font-weight: bold;	line-height: 18px; color:#000000;}
.shopThumb h2 {	font-size: 12px; font-weight: normal; color: #333333;}
.shopThumb p {	margin:0px; height:25px; display:block;  border-top-width:1px; border-top-style:solid; border-top-color:#000000; text-align:left;}
.shopThumb p a:link, .shopThumb p a:visited, .shopThumb p a:hover, .shopThumb p a:active { background-repeat:no-repeat; height:25px;  display: block; text-indent:-5000px;}
#shopItem {	background-color: #FFFFFF;	border: 1px solid #000000;	margin: 0px;	padding: 10px 5px;	display: block;	white-space: normal;}
#shopItem p {	color: #000000;}
#shopItem h1 {	padding-bottom: 5px; color:#000000}
#itemButtons {	display: block;	height: 51px;}
#itemButtons #backButton {	background-image: url(../sharedImages/backButton.gif);	background-repeat: no-repeat; display: block; margin:0px; height:36px; width:60px; padding-left: 50px;	float: left; font-size: 20px;	font-weight: bold;	text-decoration: none;	padding-top: 15px;}
#itemButtons a:link, #itemButtons a:visited, #itemButtons a:active{color:#000000;}
#itemButtons a:hover{color:#FF0000;}
#itemButtons #submitButton {	background-image: url(../sharedImages/submitButton.gif); background-repeat: no-repeat; display: block; margin:0px; height:36px; width:150px; padding-top: 15px; padding-left: 50px;	float: right;	font-size: 20px;	font-weight: bold;	text-decoration: none;	}

/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.vertical-middle{ vertical-align:middle}
.vertical-top{  vertical-align:top}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0px; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.top-padding5 {	padding-top: 5px;}
.padding10 {
	padding: 10px;
}
.bottom-pad10 {	padding-bottom: 10px;}
.red {	color: #FF0000;}
.yellow { color:#FFFF99;}
.message {color:#FF0000;}
.copyright {text-align:center; color:#666666; font-size:11px; margin-top:8px;}
.copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active{color:#D00064;}

/* TYPEFACES */

body, html {	font-family:Arial, Verdana, Helvetica, sans-serif;	font-weight:normal; font-size:12px;}
h1 {font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:normal; font-size:18px;}
h2 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px;}
h3 {font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:normal; font-size:14px;}
p {font-family:Arial, verdana, helvetica, sans-serif; font-size:12px; line-height:16px}
a, a:visited { text-decoration:none; }
