/* CSS Document */
*{padding:1; margin:0;font-family:"trebuchet ms",verdana,arial,sans-serif;}
body {font-size:62.5%; }

.back_main{background-image: url(http://www.ict-tutor.com/ocr/main/back.jpg);background-repeat:repeat-x;background-color: #4257C2;background-attachment:fixed }
.back_outdoor{background-image: url(http://www.ict-tutor.com/ocr/outdoor/back.jpg);background-repeat:repeat-x;background-color: #050505;background-attachment:fixed  }
.back_music{background-image: url(http://www.ict-tutor.com/ocr/music/back.jpg);background-repeat:repeat-x;background-color: #FF6600 ;background-attachment:fixed }
.back_animal{background-image: url(http://www.ict-tutor.com/ocr/animal/back.jpg);background-repeat:repeat-x;background-color: #0099CB ;background-attachment:fixed }

.page-container { background: #FFF;width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.footer_main {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(http://www.ict-tutor.com/ocr/main/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer_outdoor {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(http://www.ict-tutor.com/ocr/outdoor/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer_music {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(http://www.ict-tutor.com/ocr/music/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer_animal {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(http://www.ict-tutor.com/ocr/animal/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.clear-contentunit {clear:both; width:893px; height:20px; background:#FFFFFF;}

.header_main {width:900px; height:150px; background:rgb(230,230,230) url(http://www.ict-tutor.com/ocr/main/header.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header_outdoor {width:900px; height:150px; background:rgb(230,230,230) url(http://www.ict-tutor.com/ocr/outdoor/header.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header_music {width:900px; height:150px; background:rgb(230,230,230) url(http://www.ict-tutor.com/ocr/music/header.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header_animal {width:900px; height:150px; background:rgb(230,230,230) url(http://www.ict-tutor.com/ocr/animal/header.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-top {width:900px; height:80px; background:rgb(240,240,240) url(http://www.ict-tutor.com/base/img/top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:30px; background:rgb(255,255,255) url(http://www.ict-tutor.com/base/img/header_bottom.jpg) repeat-y;}

.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(http://www.ict-tutor.com/base/img/logo.gif); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 100px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}
.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(http://www.ict-tutor.com/base/img/navbar.jpg) no-repeat; color:rgb(75,75,75); font-size:100%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none!important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/


.task{width:893px; margin-top:10px; margin-bottom:10px; border:double  #006699!important;}
.instruction {margin-left:20px; background: #AEE63F  url(http://www.ict-tutor.com/base/img/img4.gif) no-repeat left bottom; font-size:1.0em; float:left; width:600px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.files {margin-right:20px;background: #FF6600  url(http://www.ict-tutor.com/base/img/img2.gif) no-repeat right bottom; float:right; width:200px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.pass{
	margin-right:20px;
	background: #FFFFFF  url(http://www.ict-tutor.com/base/img/pass.jpg) no-repeat;
	float:right;
	width:200px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	text-align: left;
}
.merit{
	margin-right:20px;
	background: #FFFFFF  url(http://www.ict-tutor.com/base/img/merit.jpg) no-repeat;
	float:right;
	width:200px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	text-align: left;
}.distinction{
	margin-right:20px;
	background: #FFFFFF  url(http://www.ict-tutor.com/base/img/distinction.jpg) no-repeat;
	float:right;
	width:200px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	text-align: left;
}
.help{margin-left:20px; background: #0099CC; float:left; width:860px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.task h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color: #006699; font-weight:normal; font-size:210%;}
.task h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color: #006699; font-weight:normal; font-size:180%;}
.task h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color: #006699; font-weight:normal; font-size:120%;}
.task h4 {
	font-family:"trebuchet ms",arial,sans-serif;
	color: #006699;
	font-weight:bold;
	font-size:310%;
   border-bottom:1px solid #006699;
}
.task p {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color: #006699; font-weight:normal; font-size:130%;}
.task li {color: #006699; font-weight:normal; font-size:150%; margin: 0.2em 0 0 2.0em;}
.task a {color: #FF6D00;  text-decoration: none; font-weight:bold}
.task a:hover {color: #006699;  text-decoration: none; font-weight:bold}
.files a{color: #006699; text-decoration: none; font-weight:bold}
.files a:hover {color: #FFF;  text-decoration: none; font-weight:bold}


.instruction h1 {background: url(http://www.ict-tutor.com/base/img/img5.gif) repeat-x left center; float:left; width:600px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.instruction p {font-size:1.5em;}

.files h1 {background: url(http://www.ict-tutor.com/base/img/img3.gif) repeat-x left center; float:right; width:200px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.files p {font-size:1.5em;}

.help h1 {background: url(http://www.ict-tutor.com/base/img/img7.gif) repeat-x left center; float:left; width:860px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.help p {font-size:1.5em; color:#FFFFFF;}
.help a {font-size:1.5em;color:#006699;}
.help a:hover {font-size:1.5em;color:#FF6600;}




.instruction img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.instruction img.center {clear:both; float:none; display:block; margin:3px auto; padding:1px; border:0px solid rgb(150,150,150);}
.instruction img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}
.files img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.files img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.files img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}
.help img {clear:both; float:right; margin:3px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.help img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.help img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}