/* ************************ Defaults ************************ */

body{
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	background: url("../images/bg2.jpg") bottom left repeat-x;	
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img, ul {
	border: none;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style:none;
}
a{
	color:#330066;
	text-decoration:none;
}
a:hover{
	color:#330066;
	text-decoration:underline;
}

/* ************************ structural ************************ */

#main1{
	background: url("../images/bg1.jpg") top center repeat-x;	
}
#main2{
	background: url("../images/bg3.jpg") top center repeat-y;	
	width:971px;
	margin:0 auto;
	padding:0px;
}
#main3{
	background: url("../images/bg4.jpg") top center no-repeat;	
}
#main4{
	background: url("../images/bg5.jpg") bottom center no-repeat;
}
#page{
	text-align:left;
	padding:0px 10px 80px 0px;
	width:960px;
}

/* ************************ header ************************ */

#header{
	height:60px;
}
.header1{
	width:330px;
	float:left;
}
.header2{
	padding:12px 0px 0px 0px;
	width:250px;
	float:right;
}
.header2 ul li{
	float:left;
	padding:0px 0px 0px 6px;
}
.header2 ul li a span{
	display:none;
}
.header2 ul li a {
	padding:0px;
	background: transparent;
	display: block; 
	width: 33px; 
	height: 39px; 
	text-decoration: none;
	color:#666666;
	text-decoration:none;
}
.header2 ul li a:hover{ 
   background-position: -33px 0; 
	color:#666666;
	text-decoration:underline;
}
.header2 ul li .headerlink1{
   background: url("../images/hlink1.jpg") top left no-repeat;
   font-size:11px;
   padding:12px 0px 0px 0px;
   height:27px;
}
.header2 ul li .headerlink2{
   background: url("../images/hlink2.jpg") top left no-repeat; 
}
.header2 ul li .headerlink3{
   background: url("../images/hlink3.jpg") top left no-repeat; 
}
.header2 ul li .headerlink1{
	width: 158px;
}
.header2 ul li .headerlink1:hover{ 
   background-position: -158px 0; 
}
.clear{
	clear:both;
}

/* ************************ top navigation ************************ */

#navigation{
	height:51px;
}
#topnav{
	width:960px;
	height:70px;
	position:absolute;
	top:41px;
}
#nav{
	width:960px;
	height:70px;
	list-style: none;
}
#nav a {
	display: block;
}
#nav a span{
	display:none;
}
#nav li { 
	float: left;
}
#nav li a {
	height:28px;
	text-decoration:none;
	text-transform:uppercase;
	padding:42px 0px 0px 0px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#nav li a { 
	background:url('../images/topnav.gif') top left no-repeat;
}
#nav li a.toplink1{ width:98px; background-position: 0px top; }
#nav li a.toplink2{ width:119px; background-position: -98px top; }
#nav li a.toplink3{ width:112px; background-position: -217px top; }
#nav li a.toplink4{ width:164px; background-position: -329px top; }
#nav li a.toplink5{ width:160px; background-position: -493px top; }
#nav li a.toplink6{ width:123px; background-position: -653px top; }
#nav li a.toplink7{ width:109px; background-position: -776px top; }
#nav li a.toplink8{ width:75px; background-position: -885px top; }

#nav li a.toplink1:hover, body#toplink1on #nav li a.toplink1{ background-position: 0px -70px; }
#nav li a.toplink2:hover, body#toplink2on #nav li a.toplink2{ background-position: -98px -70px; }
#nav li a.toplink3:hover, body#toplink3on #nav li a.toplink3{ background-position: -217px -70px; }
#nav li a.toplink4:hover, body#toplink4on #nav li a.toplink4{ background-position: -329px -70px; }
#nav li a.toplink5:hover, body#toplink5on #nav li a.toplink5{ background-position: -493px -70px; }
#nav li a.toplink6:hover, body#toplink6on #nav li a.toplink6{ background-position: -653px -70px; }
#nav li a.toplink7:hover, body#toplink7on #nav li a.toplink7{ background-position: -776px -70px; }
#nav li a.toplink8:hover, body#toplink8on #nav li a.toplink8{ background-position: -885px -70px; }

#subnav{
	background:#333333;
	height:32px;
}
#subnav ul{
	padding:8px 0px 0px 0px;
}
#subnav ul li{
	padding:0px 32px 0px 0px;
	float:right;
}
#subnav ul li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;	
}
#subnav ul li a:hover{
	color:#ffcc33;
	text-decoration:none;
}

/* ************************ content ************************ */

#content{
	background:url('../images/cbg1.gif') top left no-repeat;
	padding:10px 0px 20px 0px;
}

/* ************************ home ************************ */

#home #main1{
	background:url('../images/bghome.jpg') top left repeat-x;
}
#homepage{
	padding:22px 0px 80px 0px;
}
#home1{
	background:url('../images/homebg.jpg') #FFCE03 top left repeat-x;
	margin:0 auto;
	border:solid 8px #fff;
	width:960px;
	text-align:left;
}
#home2{
	background:url('../images/homeheader.jpg') top left no-repeat;
}
#logo{
	padding:42px 0px 0px 74px;
	height:83px;
}
#flags{
	height:92px;
	padding:0px 0px 0px 792px;
}
#flags ul li{
	float:left;
}
#flags ul li a{
   display:block;
   width:68px;
   height:92px;
}
#flags ul li a:hover{ 
   background-position: -68px 0; 
}
#flags ul li .usflag{
   background: url("../images/usflag.jpg") top left no-repeat;
}
#flags ul li .ukflag{
   background: url("../images/ukflag.jpg") top left no-repeat;
}
#flags ul li a span{
	display:none;
}

#homeintro{
	padding:0px 0px 0px 30px;
	width:770px;
}
#homeintro h1{
	font:38px Impact, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height:44px;
	color:#330066;
}
#homeintro h1 span{
	color:#66CC33;
}

#homecontent{
	padding:0px 0px 195px 0px;
	width:960px;
}
#homecontent .homet1{
   background: url("../images/homet1.jpg") top left repeat-y;
}
#homecontent .homet2{
   background: url("../images/homet2.jpg") top left no-repeat;
}
#homecontent .homet3{
   background: url("../images/homet3.jpg") bottom left no-repeat;
   padding:86px 0px 20px 40px;
}
#homecontent .homet4{
   min-height:380px;
}
*html #homecontent .homet4{
   height:380px;
}
#homecontent h2{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0px 0px 25px 0px;	
}
#homecontent p{
	padding:0px 0px 8px 0px;
	line-height:16px;
}
#homecontent .intro{
	font-weight:bold;
}
#homecontent ul li{
	padding:0px 0px 8px 16px;
	line-height:16px;
}
.homepanel1{
	float:left;
	width:195px;
	padding:0px 115px 0px 0px;
}
.homepanel1 li{
	background: url("../images/homeli1.jpg") top left no-repeat;	
}
.homepanel2{
	float:left;
	width:220px;
	padding:0px 95px 0px 0px;
}
.homepanel2 .hometext{
	padding:0px 0px 0px 25px;
}
.homepanel2 li{
	background: url("../images/homeli2.jpg") top left no-repeat;	
}
.homepanel3{
	float:left;
	width:195px;
}
.homepanel3 .hometext{
	padding:0px 0px 0px 15px;
}
.homepanel3 li{
	background: url("../images/homeli3.jpg") top left no-repeat;	
}
#homecontent .moreinfo ul li{
	padding:0px;
	float:left;
}
#homecontent .moreinfo ul li a{
	width:130px;
	height:34px;
	display:block;
	padding:5px 0px 0px 0px;
	background: url("../images/homemore.jpg") top left no-repeat;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#homecontent .moreinfo ul .moreinfo1{
	padding:0px 0px 0px 95px;
}
#homecontent .moreinfo ul .moreinfo2{
	padding:0px 0px 0px 190px;
}
#homecontent .moreinfo ul .moreinfo3{
	padding:0px 0px 0px 170px;
}
#homecontent  .moreinfo ul .moreinfo1 a:hover{ 
   background-position: -130px 0; 
}
#homecontent  .moreinfo ul .moreinfo2 a:hover{ 
   background-position: -260px 0; 
}
#homecontent  .moreinfo ul .moreinfo3 a:hover{ 
   background-position: -390px 0; 
}
#hometag{
	border-top:solid 1px #fff;
}
#hometag h1{
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font:34px Impact, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:34px 0px 0px 0px;
}
.homepeople1{
	position:absolute;
	margin:20px 0px 0px 210px;
}
.homepeople2{
	position:absolute;
	margin:30px 0px 0px 580px;
}
.homepeople3{
	position:absolute;
	margin:30px 0px 0px 860px;
}

/* ************************ breadcrumb ************************ */

#breadcrumb{
	color:#666666;
	height:20px;
	font-size:11px;
	padding:0px 0px 0px 20px;
}
#breadcrumb a{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
#breadcrumb a:hover{
	color:#666666;
	text-decoration:underline;
}

/* ************************ left panel ************************ */

#leftpanel{
	width:250px;
	float:left;
}

/* ************************ middle panel ************************ */

#midpanel{
	width:454px;
	float:left;
	padding:0px 0px 0px 5px;
}
#midpanel .phead{
	font:30px impact, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height:34px;
	padding:0px 0px 20px 0px;
	color:#333;
}
#midpanel .intro{
	font-size:12px;
	line-height:18px;
	padding:4px 0px 16px 0px;
	font-weight:bold;
	color:#000;
}
#midpanel h2{
	font-size:18px;
	line-height:20px;
	padding:0px 0px 3px 0px;
	font-weight:normal;
	color:#330066;
}
#midpanel h3{
	font-size:14px;
	line-height:18px;
	padding:0px 0px 3px 0px;
	font-weight:bold;
	color:#ffcc33;
}
#midpanel h4{
	font-size:12px;
	line-height:18px;
	padding:0px 0px 3px 0px;
	font-weight:bold;
	color:#330066;
}
#midpanel ul{
	padding:0px 0px 12px 0px;
}
#midpanel ul li{
	background:url('../images/hli1.gif') top left no-repeat;
	padding:0px 0px 12px 18px;
}
#midpanel p{
	padding:0px 0px 16px 0px;
	line-height:18px;
}
#midpanel blockquote{
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	color:#ffcc33;
	margin:0px;
	padding:0px;
	font-style:italic;
	text-align:center;
}

/* ************************ buy panel ************************ */

#content .buypanel p{
	padding:0px;
	margin:0px;
}
.buy1{
	float:left;
}
.buy2{
	float:left;
	padding:172px 0px 0px 0px;
}
.buythis{
   background: url("../images/buy.gif") top left no-repeat;
   display:block;
   width:140px;
   height:27px;
}
.buythis:hover{ 
   background-position: -140px 0; 
}
.buythis span{
   display:none;
}
#content .buypanel .productname, #content .buypanel .productprice{
	padding:0px 0px 10px 0px;
}
.buypanel .productname a{
	font-size:16px;
	color:#663399;
	text-decoration:underline;
	font-weight:bold;
}
.buypanel .productname a:hover{
	color:#000;
	text-decoration:underline;
}
.buypanel .productprice a{
	font-size:14px;
	font-weight:bold;
	color:#999999;
	text-decoration:underline;
}
.buypanel .productprice a:hover{
	color:#000;
	text-decoration:underline;
}

/* ************************ book search ************************ */

.booksearch form p{
	float:left;
	margin:0px 10px 0px 0px; 
}
.booksearch form select{
	width:126px;
	font:12px Arial, Helvetica, sans-serif;
}
.booksearch form .submit a{
	background:url('../images/go_but.jpg') top left no-repeat;
	display:block;
	width:27px;
	height:27px;
}
.booksearch form .submit a:hover{
   background-position: -27px 0;
}
.booksearch form .submit a span{
	display:none;
}

/* ************************ product listing ************************ */

.improducts{
	float:left;
	width:80px;
}
.productlisting .products{
	padding:0px 0px 40px 0px;
}
.productlisting .products img{
	float:left;
	margin-right:30px;
}
#midpanel .productlisting h2{
	color:#66CC33;
	font:24px impact, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	line-height:34px;
	padding:0px 0px 20px 110px;	
}
#midpanel .productlisting .products h3{
	color:#66CC33;
	text-decoration:underline;	
}
#midpanel .productlisting .products h3 a{
	color:#66CC33;
	text-decoration:underline;
}
#midpanel .productlisting .products h3 a:hover{
	color:#330066;
	text-decoration:underline;
}

#midpanel .productlisting .products h4{
	color:#330066;
	text-decoration:underline;	
}
#midpanel .productlisting .products h4 a{
	color:#330066;
	text-decoration:underline;
}
#midpanel .productlisting .products h4 a:hover{
	color:#66CC33;
	text-decoration:underline;
}

/* ************************ right panel ************************ */

#rightpanel{
	width:230px;
	float:left;
	padding:75px 0px 0px 20px;
}

/* ************************ quote panel ************************ */

.quotepanel{
	width:230px;
	background:url('../images/testi.jpg') top left repeat-y;
	margin:0px 0px 10px 20px;
}
.quotepanel p{
	font-size:14px;
	line-height:18px;
	text-align:center;
	padding:12px 0px 6px 0px;
}
.quotepanel .signoff{
	font-size:11px;
	line-height:14px;
	padding:2px 0px 2px 0px;	
}
.quote1{
	width:230px;
	background:url('../images/testi1.jpg') top left no-repeat;
}
.quote2{
	width:224px;
		background:url('../images/testi2.jpg') bottom left no-repeat;
	padding:5px 3px 80px 3px;
}
.quote3{
	width:190px;
	min-height:338px;
	background:url('../images/testi3.jpg') bottom left repeat-x;
	padding:0px 8px 0px 8px;
	color:#fff;
}
*html .quote3{
	height:338px;
}

/* ************************ download panel ************************ */

.downloadpanel{
	width:230px;
	background:url('../images/cbit.gif') top left repeat-y;
	margin:0px 0px 0px 20px;
}
.downloadpanel h2{
	font:16px impact, Arial, Helvetica, sans-serif;
	line-height:18px;
	text-transform:uppercase;
	color:#330066;
	padding:8px 0px 8px 0px;
}
.downloadpanel p{
	padding:0px 0px 0px 0px;
	line-height:18px;
	color:#000;
	font-size:11px;
}
.downloadpanel a{
	color:#000;
	text-decoration:underline;
}
.downloadpanel a:hover{
	color:#330066;
	text-decoration:underline;
}
.download1{
	width:230px;
	background:url('../images/cbit1.gif') top left no-repeat;
}
.download2{
	width:224px;
	background:url('../images/cbit2.gif') bottom left no-repeat;
	padding:16px 3px 8px 3px;
}
.download3{
	width:186px;
	padding:0px 10px 0px 10px;
}
.downloadpanel .impage img{
	border:solid 2px #663297;
}
.downloadpanel .morelink a{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#330066;
	text-decoration:none;
	text-transform:uppercase;
	background:url('../images/cir1.gif') center right no-repeat;
	padding:12px 35px 12px 0px;
	text-align:right;
}
.downloadpanel .morelink a:hover{
	color:#330066;
	text-decoration:underline;
	background:url('../images/cir2.gif') center right no-repeat;	
}

/* ************************ mail panel ************************ */

.mailpanel{
	width:210px;
	background:url('../images/mail.jpg') top left repeat-y;
	color:#fff;
}
.maillist{
	padding:0px 0px 50px 0px;
}
.mailpanel h2{
	font-size:16px;
	line-height:18px;
	text-align:left;
	padding:0px 0px 8px 0px;
}
.mailpanel p{
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding:0px 0px 8px 0px;
}
.mailpanel a{
	color:#fff;
	text-decoration:underline;
}
.mailpanel a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
.mailpanel form{
	padding:8px 0px 0px 0px;
	color:#fff;
}
.mailpanel form p{
	font-size:11px;
	font-weight:bold;
	padding:0px;
}
.mailpanel form input{
	font:11px Arial, Helvetica, sans-serif;
	width:160px;
	height:18px;
	border-left:solid 2px #cccccc;
	border-top:solid 2px #AEAFAE;
}
.mail1{
	width:210px;
	background:url('../images/mail1.jpg') top left no-repeat;
}
.mail2{
	width:206px;
	background:url('../images/mail2.jpg') bottom left no-repeat;
	padding:15px 2px 15px 2px;
}
.mail3{
	width:176px;
	padding:0px 15px 0px 15px;
	background:url('../images/mail3.jpg') bottom left repeat-x;
	height:182px;
}
.mailmorelink{
	position:absolute;
	margin:-15px 0px 0px 75px;
}
.mailmorelink a{
	display:block;
	background:url('../images/sign_off.jpg') top left no-repeat;
	width:133px;
	height:40px;
}
.mailmorelink a span{
	display:none;
}
.mailmorelink a:hover{
	color:#330066;
	text-decoration:underline;
	background:url('../images/sign_on.jpg') top left no-repeat;	
}

/* ************************ special offer panel ************************ */

.specialinfo{
	padding:0px 0px 50px 0px;
}
.specialpanel{
	width:230px;
	background:url('../images/cbit.gif') top left repeat-y;
}
.specialpanel h2{
	font:16px impact, Arial, Helvetica, sans-serif;
	line-height:18px;
	text-transform:uppercase;
	color:#330066;
	padding:8px 0px 8px 0px;
}
.specialpanel p{
	padding:0px 0px 0px 0px;
	line-height:18px;
	color:#000;
	font-size:11px;
}
.specialpanel a{
	color:#000;
	text-decoration:underline;
}
.specialpanel a:hover{
	color:#330066;
	text-decoration:underline;
}
.special1{
	width:230px;
	background:url('../images/cbit1.gif') top left no-repeat;
}
.special2{
	width:224px;
	background:url('../images/cbit2.gif') bottom left no-repeat;
	padding:16px 3px 8px 3px;
}
.special3{
	width:186px;
	padding:0px 10px 16px 10px;
}
.specialmorelink{
	position:absolute;
	margin:-20px 0px 0px 65px;
}
.specialmorelink a{
	display:block;
	background:url('../images/special_off.jpg') top left no-repeat;
	width:135px;
	height:42px;
}
.specialmorelink a span{
	display:none;
}
.specialmorelink a:hover{
	color:#330066;
	text-decoration:underline;
	background:url('../images/special_on.jpg') top left no-repeat;	
}
	
/* ************************ watch it panel ************************ */

.watchitpanel{
	width:230px;
	background:url('../images/cbit.gif') top left repeat-y;
}
.watchit1{
	width:230px;
	background:url('../images/cbit1.gif') top left no-repeat;
}
.watchit2{
	width:224px;
	background:url('../images/cbit2.gif') bottom left no-repeat;
	padding:16px 3px 8px 3px;
}
.watchitpanel img{
	position:absolute;
	margin:-30px 0px 0px 102px;
}
.watchitpanel h2{
	font:16px impact, Arial, Helvetica, sans-serif;
	line-height:18px;
	text-transform:uppercase;
	color:#330066;
	padding:8px 0px 8px 0px;
}
.watchitpanel p{
	padding:0px 0px 0px 0px;
	line-height:18px;
	color:#000;
	font-size:11px;
}
.watchitpanel a{
	color:#000;
	text-decoration:underline;
}
.watchitpanel a:hover{
	color:#330066;
	text-decoration:underline;
}
.watchit3{
	width:186px;
	padding:0px 10px 0px 10px;
}
.watchitpanel .impage img{
	border:solid 2px #663297;
}
.watchitpanel .morelink a{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#330066;
	text-decoration:none;
	text-transform:uppercase;
	background:url('../images/cir1.gif') center right no-repeat;
	padding:12px 35px 12px 0px;
	text-align:right;
}
.watchitpanel .morelink a:hover{
	color:#330066;
	text-decoration:underline;
	background:url('../images/cir2.gif') center right no-repeat;	
}
	
/* ************************ social media panel ************************ */

#socialmedia{
	background:url('../images/socialbg.gif') top left repeat-x;
	height:92px;
	margin:-45px 0px 10px 0px;
}
#socialmedia ul{
	float:right;
	padding:0px 20px 0px 0px;
}
#socialmedia ul li{
	float:left;
	padding:0px 5px 0px 0px;
}
#socialmedia .sociallink1{
	background:url('../images/sociallink1.gif') top left no-repeat;
}
#socialmedia .sociallink2{
	background:url('../images/sociallink2.gif') top left no-repeat;
}
#socialmedia .sociallink3{
	background:url('../images/sociallink3.gif') top left no-repeat;
}
#socialmedia .sociallink4{
	background:url('../images/sociallink4.gif') top left no-repeat;
}
#socialmedia .sociallink5{
	background:url('../images/sociallink5.gif') top left no-repeat;
}
#socialmedia a{
	display:block;
	height:92px;
	width:55px;
}
#socialmedia a span{
	display:none;
}

/* ************************ footer description panel ************************ */

.footerdec{
	width:692px;
	padding:0px 0px 0px 20px;
}
.footerdec1{
	background:url('../images/footerdecp1.gif') top left repeat-y;
}
.footerdec2{
	background:url('../images/footerdecp2.gif') bottom left no-repeat;
}
.footerdec3{
	background:url('../images/footerdecp3.gif') top left no-repeat;
	padding:30px 15px 15px 15px;
	width:662px;
}
.footerdec h3{
	font-size:14px;
	color:#330066;
}
.footerdec p{
	padding:8px 0px 8px 0px;
	line-height:18px;
}
.footerdech{
	background:url('../images/fbitp2.gif') #663399 top left no-repeat;
	position:absolute;
	margin:-30px 0px 0px 2px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.footerdecht{
	padding:18px 20px 17px 20px;
	background:url('../images/fbitp3.gif') top right no-repeat;
}

/* ************************ footer panel ************************ */

#footer{
	background:url('../images/footerbg.jpg') bottom left no-repeat;
	font-size:11px;
	width:960px;
	min-height:158px;
}
*html #footer{
	height:158px;
}
#footer #footert{
	padding:25px 0px 10px 22px;
}
#footert ul{
	float:left;
	width:105px;
	padding:0px 20px 0px 0px;
}
#footert ul li{
	padding:0px 0px 2px 0px;
}
#footert ul .hbold{
	font-weight:bold;
}
#footert .last{
	width:30px;
	padding:0px;
}
#footert ul li a{
	color:#000;
	text-decoration:none;
}
#footert ul li a:hover{
	color:#330066;
	text-decoration:underline;
}
#homefooter{
	background:url('../images/homefooter.jpg') bottom left no-repeat;
	font-size:11px;
	width:960px;
}
#homefooter #footert{
	padding:100px 0px 35px 22px;
}

/* ************************ copyright panel ************************ */

#copyright{
	background:#330066;
	text-align:right;
	font-size:11px;
	height:30px;
	padding:0px 18px 0px 0px;
}
#copyright p{
	padding:8px 0px 0px 0px;
}
#copyright a{
	color:#fff;
	text-decoration:none;
}
#copyright a:hover{
	color:#ffcc00;
	text-decoration:underline;
}

/* ************************ page customization ************************ */

/* ************************ content ************************ */

#toplink2on #content{
	background:url('../images/cbgteens.gif') top left no-repeat;
}
#toplink3on #content{
	background:url('../images/cbgparents.gif') top left no-repeat;
}
#toplink4on #content{
	background:url('../images/cbgschools.gif') top left no-repeat;
}

/* ************************ sub nav ************************ */

#toplink2on #subnav{
	background:#66CC33;
}
#toplink3on #subnav{
	background:#ff9900;
}
#toplink4on #subnav{
	background:#663399;
}
#toplink4on #subnav ul li{
	padding:0px 10px 0px 0px;
}

/* ************************ middle panel ************************ */

#toplink2on #midpanel .phead{
	color:#66cc33;
}
#toplink3on #midpanel .phead{
	color:#ff9900;
}
#toplink3on #midpanel ul li{
	background:url('../images/hli2.gif') top left no-repeat;
}
#toplink3on #midpanel h3{
	color:#ff9900;
}
#toplink3on #midpanel blockquote{
	color:#ff9900;
}
#toplink4on #midpanel .phead{
	color:#663399;
}
#toplink4on #midpanel{
	padding:40px 0px 0px 5px;
}

/* ************************ quote panel ************************ */

#toplink2on .quotepanel{
	background:url('../images/testiteen.jpg') top left repeat-y;
}
#toplink2on .quote1{
	background:url('../images/testi1teen.jpg') top left no-repeat;
}
#toplink2on .quote2{
	background:url('../images/testi2teen.jpg') bottom left no-repeat;
}
#toplink2on .quote3{
	background:url('../images/testi3teen.jpg') bottom left repeat-x;
}
#toplink3on .quotepanel{
	background:url('../images/testiparents.jpg') top left repeat-y;
}
#toplink3on .quote1{
	background:url('../images/testi1parents.jpg') top left no-repeat;
}
#toplink3on .quote2{
	background:url('../images/testi2parents.jpg') bottom left no-repeat;
}
#toplink3on .quote3{
	background:url('../images/testi3parents.jpg') bottom left repeat-x;
	color:#330066;
}
#toplink4on .quotepanel{
	background:url('../images/testischools.jpg') top left repeat-y;
}
#toplink4on .quote1{
	background:url('../images/testi1schools.jpg') top left no-repeat;
}
#toplink4on .quote2{
	background:url('../images/testi2schools.jpg') bottom left no-repeat;
}
#toplink4on .quote3{
	background:url('../images/testi3schools.jpg') bottom left repeat-x;
}

/* ************************ download panel ************************ */

#toplink3on .downloadpanel{
	background:url('../images/cbitparents.gif') top left repeat-y;
}
#toplink3on .download1{
	background:url('../images/cbit1parents.gif') top left no-repeat;
}
#toplink3on .download2{
	background:url('../images/cbit2parents.gif') bottom left no-repeat;
}
#toplink3on .downloadpanel .impage img{
	border:solid 2px #ff9900;
}
#toplink3on .downloadpanel .morelink a{
	background:url('../images/cir1parents.gif') center right no-repeat;
}
#toplink3on .downloadpanel .morelink a:hover{
	color:#330066;
	text-decoration:underline;
	background:url('../images/cir2.gif') center right no-repeat;	
}

/* ************************ maillist panel ************************ */


#toplink2on .mailpanel{
	background:url('../images/mailteen.jpg') top left repeat-y;
}
#toplink2on .mail1{
	background:url('../images/mail1teen.jpg') top left no-repeat;
}
#toplink2on .mail2{
	background:url('../images/mail2teen.jpg') bottom left no-repeat;
}
#toplink2on .mail3{
	background:url('../images/mail3teen.jpg') bottom left repeat-x;
}
#toplink2on .mailmorelink a{
	background:url('../images/sign_offteen.jpg') top left no-repeat;
}
#toplink2on .mailmorelink a:hover{
	background:url('../images/sign_onteen.jpg') top left no-repeat;	
}

#toplink3on .mailpanel{
	background:url('../images/mailparents.jpg') top left repeat-y;
	color:#330066;
}
#toplink3on .mailpanel a{
	color:#330066;
	text-decoration:underline;
}
#toplink3on .mailpanel a:hover{
	color:#330066;
	text-decoration:underline;
	font-weight:bold;
}
#toplink3on .mail1{
	background:url('../images/mail1parents.jpg') top left no-repeat;
}
#toplink3on .mail2{
	background:url('../images/mail2parents.jpg') bottom left no-repeat;
}
#toplink3on .mail3{
	background:url('../images/mail3parents.jpg') bottom left repeat-x;
}
#toplink3on .mailmorelink a{
	background:url('../images/sign_offparents.jpg') top left no-repeat;
}
#toplink3on .mailmorelink a:hover{
	background:url('../images/sign_onparents.jpg') top left no-repeat;	
}

#toplink4on .mailpanel{
	background:url('../images/mailschools.jpg') top left repeat-y;
}
#toplink4on .mail1{
	background:url('../images/mail1schools.jpg') top left no-repeat;
}
#toplink4on .mail2{
	background:url('../images/mail2schools.jpg') bottom left no-repeat;
}
#toplink4on .mail3{
	background:url('../images/mail3schools.jpg') bottom left repeat-x;
}
#toplink4on .mailmorelink a{
	background:url('../images/sign_offschools.jpg') top left no-repeat;
}
#toplink4on .mailmorelink a:hover{
	background:url('../images/sign_onschools.jpg') top left no-repeat;	
}

/* ************************ special offers panel ************************ */

#toplink2on .specialmorelink a{
	background:url('../images/special_offteen.jpg') top left no-repeat;
}
#toplink2on .specialmorelink a:hover{
	background:url('../images/special_onteen.jpg') top left no-repeat;	
}
#toplink4on .specialmorelink a{
	background:url('../images/special_offschools.jpg') top left no-repeat;
}
#toplink4on .specialmorelink a:hover{
	background:url('../images/special_onschools.jpg') top left no-repeat;	
}

#toplink3on .specialpanel{
	background:url('../images/cbitparents.gif') top left repeat-y;
}
#toplink3on .special1{
	background:url('../images/cbit1parents.gif') top left no-repeat;
}
#toplink3on .special2{
	background:url('../images/cbit2parents.gif') bottom left no-repeat;
}
#toplink3on .specialmorelink a{
	background:url('../images/special_offparents.jpg') top left no-repeat;
}
#toplink3on .specialmorelink a:hover{
	background:url('../images/special_onparents.jpg') top left no-repeat;	
}

/* ************************ watch it panel ************************ */

#toplink2on .watchitpanel h2{
	color:#66CC33;
}
#toplink2on .watchitpanel .morelink a{
	background:url('../images/cir1.gif') center right no-repeat;
	color:#66CC33;
}
#toplink2on .watchitpanel .morelink a:hover{
	color:#66CC33;
	text-decoration:underline;
	background:url('../images/cir2.gif') center right no-repeat;	
}

#toplink3on .watchitpanel h2{
	color:#ff9900;
}
#toplink3on .watchitpanel{
	background:url('../images/cbitparents.gif') top left repeat-y;
}
#toplink3on .watchit1{
	background:url('../images/cbit1parents.gif') top left no-repeat;
}
#toplink3on .watchit2{
	background:url('../images/cbit2parents.gif') bottom left no-repeat;
}

#toplink3on .watchitpanel .morelink a{
	background:url('../images/cir1parents.gif') center right no-repeat;
	color:#ff9900;
}
#toplink3on .watchitpanel .morelink a:hover{
	color:#ff9900;
	text-decoration:underline;
	background:url('../images/cir2.gif') center right no-repeat;	
}


#toplink4on .watchitpanel h2{
	color:#663399;
}
#toplink4on .watchitpanel .morelink a{
	background:url('../images/cir1.gif') center right no-repeat;
	color:#663399;
}
#toplink4on .watchitpanel .morelink a:hover{
	color:#663399;
	text-decoration:underline;
	background:url('../images/cir2.gif') center right no-repeat;	
}