@import url("reset.css");


/*---------------------------
main styles
---------------------------*/

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

* {margin: 0;padding: 0;}
body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;margin:0;background:#999;text-align:left;color:#333;}
h1 {margin:12px 0 12px 0;font-size:1.4em;color:#333;}
h1.home {float:left;width:552px;height:75px;background:url(../images/language-teachers.gif) no-repeat;position:relative;padding:0 0 10px 0;}
h2.resources {float:left;position:relative;padding:0 0 10px 101px;margin:12px 0 0 0;}
h2.resources a {display:block;width:167px;height:75px;background:url(../images/free-resources.gif) left no-repeat;}
h2.resources a:hover {display:block;width:167px;height:75px;background:url(../images/free-resources.gif) right no-repeat;}
h1.home span {position:absolute;left:-3000px;}
h2.resources span {position:absolute;left:-3000px;}

h2 {margin:10px 0 8px 0;font-size:1.3em;line-height:110%;color:#333;}
h3 {margin:6px 0 6px 0;font-size:1.2em;line-height:110%;color:#333;}
h4 {margin:4px 0 4px 0;font-size:1.2em;line-height:110%;color:#333;}

.red {color:#E60682;}

p {margin:0px 0 12px 0;}
input, textarea {font-family:Arial, Helvetica, sans-serif;}
a {text-decoration:none;color:#E60682;}
ul {margin-left: 25px;}
img {border: none;}

.imgfloatleft {margin:0 12px 12px 0;float:left;background:#FFF;padding:0;display:block;}

#wrapper {width:100%;background:#FFF;padding-bottom:20px;position:relative;}
#topband {width:100%;height:60px;background:#E60682;position:absolute;top:0;left:0;z-index:1;}

#container {position:relative;margin:0 auto 0 auto;font-size:1.2em;line-height:1.2;z-index:10;width:1030px;	background:url(../images/header_img.jpg) no-repeat top right;}
#container2 {position:relative;margin:0 auto 0 auto;font-size:1.2em;line-height:1.2;z-index:10;width:1030px;}
#header {
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	height:200px;
	margin:0 15px 0 15px;
}
#header2 {position:absolute;left:0;top:0;width:1000px;height:150px;margin:0 15px 0 15px;}
#main {margin:0 15px 10px 15px;padding-top:210px;clear:both;height:auto;overflow:auto;}
#main2 {margin:0 15px 10px 15px;padding-top:160px;}
.mainleft {width:822px;clear:left;float:left;padding-top:10px;}
.mainleft ul {list-style-type:none;margin-left:0;}
.downloadpdfs li {margin:0;background:url(../images/download-back.png) no-repeat;padding:0;border-bottom:#FFF solid 4px;}
.downloadpdfs li a {color:#000;display:block;background:url(../images/pdf-file.png) 8px 10px no-repeat;padding:8px 9px 8px 30px;}
.downloadpdfs li a:hover {background-color:#EDEDED;color:#000;}
.mainleft h2 {margin-top:0;padding-top:0;}

.download a {display:block;background:url(../images/pdf-file.png) 0 6px no-repeat;padding:6px 5px 5px 25px;border-top:#999 dashed 1px;margin-top:4px;}
.download a:hover {color:#000;}

.rightcolumn {float:right;width:164px;height:auto;}
.resources {float:left;}
.toplinks2 {float:left;margin:36px 0 0 200px;width:350px;height:26px;color:#FFF;}
.toplinks {margin-top:36px;width:350px;height:26px;color:#FFF;}
.toplinks #form {display:hidden;}
.toplinks a, .toplinks2 a {text-decoration:none;color:#FFF;}
.toplinks a:hover, .toplinks2 a:hover {color:#333;}

.logo {padding-top:41px;}
.logo2 {float:left;padding-top:20px;}


a.btn1 {display:block;width:164px;height:140px;background:url(../images/y7-order-btn.gif) left top no-repeat;}
a.btn2 {display:block;margin-top:5px;width:164px;height:140px;background:url(../images/nvq-info-btn.gif) left top no-repeat;}
a.btn3 {display:block;margin-top:5px;width:164px;height:140px;background:url(../images/y7-sow-btn.gif) left top no-repeat;}
a.btn4 {display:block;margin-top:5px;width:164px;height:140px;background:url(../images/y8-sow-btn.gif) left top no-repeat;}
a:hover.btn1 {background:url(../images/y7-order-btn.gif) left bottom no-repeat;}
a:hover.btn2 {background:url(../images/nvq-info-btn.gif) left bottom no-repeat;}
a:hover.btn3 {background:url(../images/y7-sow-btn.gif) left bottom no-repeat;}
a:hover.btn4 {background:url(../images/y8-sow-btn.gif) left bottom no-repeat;}
a.btn1 span, a.btn2 span, a.btn3 span, a.btn4 span {position:absolute;left:-3000px;}

a.appbtn {margin:6px 0 6px 0;display:block;background:#CCC url(../images/greyblend.gif) repeat-x;padding:5px;border:#CCC solid 1px;position:relative;}
a:hover.appbtn {background:#F0F0F0;}

#leftcol {position:relative;width:406px;float:left;}
#leftcol a.link, #leftcol .link {padding:8px 10px 8px 10px;color:#333;display:block;background:url(../images/navback.gif) no-repeat;}
#leftcol a:hover.link  {background:url(../images/navback_over.gif) no-repeat #E60682;color:#FFF;}
.link {margin-top:1px;}
.innerlinks {position:absolute;right:0;}
.innerlinks img {float:left;}
.innerlinks a {padding:8px 10px 8px 10px;color:#E60682;float:left;background:url(../images/navback.gif) top right no-repeat;text-decoration:underline;}
.innerlinks a:hover {background:url(../images/navback_over.gif) top right no-repeat #E60682;color:#FFF;}

.video {width:320px;height:280px;float:left;margin:0 30px 30px 0;}
.video1 {width:480px;height:360px;float:left;margin:0 30px 30px 0;}

.video h2 {width:320px;height:40px;clear:both;padding:0;margin:0;}
.video1 h2 {width:480px;height:40px;clear:both;padding:0;margin:0;}

#rightcol {position:relative;margin-left:456px;min-width: 350px;max-width: 500px;
	width:expression(document.body.clientWidth < 802? "350px" : document.body.clientWidth > 1002? "500px" : "auto");
}
.leftcol1 {float:left;width:272px;height:auto;margin:0 20px 0 0;position:relative;}
.leftcol1 ul.dropmenu {background:#E60682;display:block;clear:both;list-style-type:none;margin:0 0 15px 0;padding:0;}
.leftcol1 ul ul {display:none;clear:both;list-style-type:none;margin:0;padding:0 0 22px 0;background:url(../images/box272base.gif) left bottom no-repeat;}
.leftcol1 .dropmenu li {background:#EDEDED;border-bottom:#FFF solid 1px;}
.dropmenu li a {height:24px;color:#FFF;display:block;clear:both;padding:5px 8px 5px 8px;margin: 0;background:#E60682 url(../images/arrow-down.png) 250px 10px no-repeat;}
.dropmenu.active li a {background:#E60682 url(../images/arrow-up.png) 250px 8px no-repeat;}
.dropmenu ul li {background:#EDEDED;clear:both;padding:0px;margin:0;}
.dropmenu ul li a, .dropmenu.active ul li a {height:auto;border-bottom:#FFF solid 1px;color:#333;display:block;padding:7px 8px 5px 8px;background:url(../images/download-back.png) no-repeat;}
.dropmenu ul li a:hover {background:#EDEDED;color:#000;}
.leftcolfloat {position:relative;float:left;width: 495px;margin-right:30px;}
.leftcolfloat a {color:#E60682;}
.leftcolfloat, .rightcolfloat {position:relative;float:left;width: 430px;}
.middlecolumn {float:left;width:530px;padding-bottom:70px;}
.rightcolfloat a, .leftcolfloat a {text-decoration:none;color:#E60682;}
.boxed500 {background:url(../images/box520base.gif) no-repeat left bottom #EDEDED;position:relative;margin-bottom:20px;}
.boxed500-top {position:absolute;top:0;left:0;background:url(../images/box520top.gif) no-repeat 0 0;width:100%;height:36px;}
.boxed272 {background:url(../images/box272base.gif) no-repeat left bottom #EDEDED;position:relative;margin-bottom:20px;float:left;width:272px;}
.boxed272 ul {margin:10px 0 6px 0;}

.boxed272-top {position:absolute;top:0;left:0;background:url(../images/box272top.gif) no-repeat 0 0;width:100%;height:36px;}
.space {padding:36px 36px 20px 36px;}
.boxed272 .space {padding:36px 27px 10px 30px;}

.rightinfo {float:left;width:208px;}
.rightinfo h2 {color:#E60682;}

.unusual {position:absolute;right:0;bottom:0;background:url(../images/teaching-the-unusual.png) 0 0 no-repeat;width:343px;height:40px;}

.clr {clear:both;height:0px;}

#base {position:relative;margin:0 auto 0 auto;font-size:1.2em;line-height:1.2;z-index:10;width:1030px;}
.footer {margin:15px;background:#999;}
.footer, .footer a {color:#FFF;}
.footer .design {font-size:90%;}
.copyright {float:right;top:0;right:0;margin:5px 15px 15px 0;}