/*-----------------------------------------------------header-----------------------------------------------------*/
body {
	/*background-color: #f0f0f0;*/
	background-color:#b3b2b2;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666;
}
p a {
	color: #000099;
	text-decoration: none;
}
p a:hover {
	color: #000099;
	text-decoration: underline;
	}
.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid #4d4d4d;*/
	background-color: #FFFFFF;
}
.header {
	padding-top: 10px;
	padding-right: 10px;
	padding-left:10px;
	height:175px;
}
.header #logo {
margin-left:10px;
margin-top:10px;
position:absolute;
}
.header #tel {
float:right;
margin-right:5px;
margin-top:40px;
}

.menu {
padding-top:100px;
padding-left:540px;

}

.menu li{
line-height:20px;
display:inline; 
text-align: right;
}
.menu li a{
padding-left: 80px;
text-decoration:none;
color:#333333;
font-size:130%;}

.menu li a:hover{
height:15px; 
color:#808285;
}
.menu li.bullet{
width:3px; 
background:url(../images/spacer_m.gif) 0  no-repeat}


.clear {
clear:both;
width:100%;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
.header #schoolzone {
float:left;
position:absolute;
margin-left:330px;
margin-top:60px;
}

.strap{
	color:#da2030;
	font-size:xx-large;
	float:right;
	padding-right:16px;
	
	}
/*-----------------------------------------------------search box-----------------------------------------------------*/




.header .himg {
	
	margin-top: 60px;
	margin-left: 200px;
	font-size: 0px;
	width:440px;
	text-align:right;
	float:right;
	position:absolute;
}


.header #headersearch {
	float: right;
	margin-top: 60px;
	margin-left: 650px;
	font-size: 0px;
	position:absolute;
}
.header #headersearch form {
	width: 318px;
	height: 47px;
	padding-left: 15px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-image: url(../../images/search.gif);
	background-repeat: no-repeat;
	background-position:left top;
	position:absolute;
}
.header #headersearch form label {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	font-size: small;
}
.headersearchtext {
	border: 1px solid #ffffff;
	border: none;
	width: 215px;
	line-height: 16px;
	height: 16px;
	color: #5a5a5a;
	margin: 0px;
	padding: 0px;
	margin-top: 1px;
	font-size: small;
	padding-left:5px;
}
.headersearchsubmit {
	vertical-align: top;
}
.headersearch img {
	margin-top: -20px;

}

/*-----------------------------------------------------menu-----------------------------------------------------*/
.mainmenu {
float:right;
width:100%;
text-align: center;
font: "Arial Narrow";
border:1px solid #cccccc;
}
.mainmenu ul {
	float:right;
	padding-right:15px;
}

.mainmenu li{
display:inline; 
text-align: right;
}
.mainmenu li a{
margin: 15px 10px;
text-decoration:none;
color:#333333;
text-transform: uppercase;
font-size:18px; /*25px if normal case*/
font-weight: bold;
}

.mainmenu li a:hover{
	background-color:#fff7d1;
	padding:0px;

}


.mainmenu li #gap{
width:3px;
height: 27px; 
background:url(../images/gap.gif);
}

/*-----------------------------------------------------left menu-----------------------------------------------------*/
.submenu {
width: 20%;
float:left;
padding-top:20px;
text-transform: none;
}
.submenu ul {
text-decoration:none;
}
.submenu li {
padding-left:3px;
padding-top:8px;
padding-bottom:8px;
list-style-type:none;
font-size:120%;
border-bottom: 1px solid #CCC;
}

.submenu li a {
font-weight: 500;
color:#333333;
text-decoration:none;
}
.submenu li a:hover {
color: #808285;
background-color: #f0f0f0;
}


.reddonate {
width: 20%;
float:left;
text-transform: none;
}
.reddonate ul {
text-decoration:none;
}

.reddonate li {
padding-left:3px;
padding-top:8px;
padding-bottom:8px;
list-style-type:none;
font-size:120%;
border-bottom: 1px solid #CCC;
}

.reddonate li a {
font-weight: bold;
color:#ff0000;
text-decoration:none;
}
.reddonate li a:hover {
color: #ff0000;
background-color: #f0f0f0;
}

/*-----------------------------------------------------right menu-----------------------------------------------------*/

.farrightmenu {
width: 15%;
padding-top:20px;
vertical-align:top;
float:right;
padding-right:3px;
}
.farrightmenu h1{
	font-size:16px;
}
.farrightmenu img {
	padding-top:10px;
}
.farrightmenu ul {
text-decoration:none;
}
.farrightmenu li {
padding-right:3px;
padding-top:3px;
padding-bottom:8px;
list-style-type:none;
font-size:120%;
}
.farrightmenu li a {
font-weight: 500;
color:#333333;
text-decoration:none;
}
.farrightmenu li a:hover {
color: #808285;
}
.rightnewsarchive {

	background-color: #e6f4fa;
	padding-bottom:5px;
		border:1px solid #00adef;
		width:130px;
}
.rightnewsarchive h1 {
		color: #000000;
}
.rightnewsarchive h2 a{
	font-size:16px;
	text-decoration:none;
		color: #000099;
	font-weight: bold;
}
.rightnewsarchive h2 a:hover{
	text-decoration:underline;
}

/*-----------------------------------------------------tables-----------------------------------------------------*/
.datatable {
	width: 99%;
	margin-bottom: 10px;
	background-color: #fffadd;
/*	
	border: 1px solid #4d4d4d;
	border-collapse: collapse;
	text-align: justify;
*/
}
.datatable td {
	padding: 2px;
/*	border: 1px solid #cccccc;*/

}
.td30 td{
	width: 33%;
}
.td50 td{
	width: 50%;
}
.datatable th {
	background-image:url(../images/bgyellow.gif);
	background-repeat:repeat-x;
	line-height:20px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
/*	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;*/
	text-align: left;
	vertical-align: top;}
	
	.pdfs {
	list-style-image: url(../images/pdf_icon.gif);
}

/*-----------------------------------------------------shop-----------------------------------------------------*/
.shoptable {
	width: 99%;
	margin-bottom: 10px;
	background-color: #bae7d0;
	color:#FFF;
/*	
	border: 1px solid #4d4d4d;
	border-collapse: collapse;
	text-align: justify;
*/
}
.shoptable a {
	color:#000000;
}
.shoptable td {
	padding: 2px;
	color:#000000;
	
/*	border: 1px solid #cccccc;*/

}
.shoptable th {
	background-image: url(../images/bgdarkgreen.gif);
	background-repeat:repeat-x;
	line-height:20px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	color:#FFF;
/*	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;*/
	text-align: left;
	vertical-align: top;}
	
	.shopnavbar {
	list-style-type: none;
	background-color: #00a650;
	height: 25px;
	line-height: 25px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 5px;
	border-bottom: 3px solid #4d4d4d;
	border-top: 3px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
}
.shopnavbar li {
	display: inline;
	padding-left: 1px;
	padding-right: 1px;
}
.shopnavbar li a {
	color: #ffffff;
	text-decoration:none;
}
.shopnavbar li a:hover {
	color: #ffffff;
}
/*-----------------------------------------------------content-----------------------------------------------------*/

.contacttable {
width:70%;
	margin-bottom: 10px;
	background-color: #fffadd;
		border:1px solid #ffe23a;
/*	
	border: 1px solid #4d4d4d;
	border-collapse: collapse;
	text-align: justify;
*/
}
.contacttable td {
	padding: 2px;
/*	border: 1px solid #cccccc;*/

}
.contacttable th {
	background-image:url(../images/bgyellow.gif);
	background-repeat:repeat-x;
	line-height:20px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
/*	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;*/
	text-align: left;
	vertical-align: top;}
	
/*-----------------------------------------------------content-----------------------------------------------------*/

.rightcontent {
margin-left:210px;
padding-left:10px;
text-align:left;
/*border-left:5px dotted #ffd400;
border-right:5px dotted #ffd400;*/
border-left:5px dotted #ffd400;
border-right:5px dotted #ffd400;
padding-right:5px;
padding-left:10px;
width:60%;
}

.rightcontent li a{
	color: #000099;
	text-decoration: none;	
}
.rightcontent a:hover {
	color: #000099;
	text-decoration: underline;
}
.rightcontent img {
	border: 1px solid #CCC;
	padding:5px;	
}


.main {
padding-top:10px;
padding-left:10px;
padding-right:10px;
}

.float {
padding-left:10px;
padding-right:10px;
}

hr {
	color: #ececec;
}
h1 {
	font-size: 150%;
	}
h2 {
	font-size: 120%;
	}
h3 {
	font-size: 120%;
	padding-top: 0px;
	}

.homeimages {
float:left;
padding-bottom:10px;

}
.homeimages a img{
border: 0;
border-collapse:collapse;
}
.homeintro {
font-size:160%;

}
.homeintro p {
text-align:justify;	
}
.diskdownload ul li{
list-style-image:url(../images/disk.gif);
height:50px;
margin-left:15px;
vertical-align: top;
}
.diskdownload ul li a{
font-size:140%;
font-weight:bold;
vertical-align:top;
}
/*-----------------------------------------------------footer-----------------------------------------------------*/
.footercontainer {
	padding-top:20px;
}
.footer {
	font-size: x-small;
	text-align: center;
	height:80px;
	color:#808285;
	vertical-align: text-bottom;
	padding-left:5px;
	padding-right:5px;
	padding-top:25px;

}
.footer img{
	padding-right:5px;
	padding-left:5px;
	vertical-align:bottom;
	}

.footer a {
	color: #808285;
	font-weight: bold;
	text-decoration: none;
}

	
/*----------------------------------------------------------------------------------------------------------*/

.navbar {
	list-style-type: none;
	background-color: #FFD900;
	height: 25px;
	line-height: 25px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 5px;
	border-bottom: 3px solid #4d4d4d;
	border-top: 3px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
}
.navbar li {
	display: inline;
	padding-left: 1px;
	padding-right: 1px;
}
.navbar a {
	color: #4d4d4d;
}
.navbar a:hover {
	color: #4d4d4d;
}
.productfeature {
	text-align: center;
}
.productfeature a {
	color: #000099;
	text-decoration: none;
}
.productfeature a:hover {
	color: #000099;
	text-decoration: underline;
}
/*-------------------------------------------------navtable---------------------------------------------------------*/
.navtable {
	width:100%;
}

.navtable tr {
	vertical-align:top;

}
.navtable td {
	text-align:left;
	vertical-align:top;

}
.navtable td img {
	border: 1px solid #CCC;
	width:120px;
	height:100px;
	padding:5px;
}

.navtable td a {
	text-decoration:none;
	color: #666;
}
.navtable td:hover {
	background-color:#fff7d1;
	text-decoration:none;
	color: #666;
	
}
.navtable td a:hover {
	text-decoration:none;
	font-weight:normal;
}

.newslettertable {
	width:100%;
}

.newslettertable tr {
	vertical-align:top;

}
.newslettertable td {
	text-align:left;
	vertical-align:top;

}
.newslettertable td img {
	border: 1px solid #CCC;
	width:300px;
	height:260px;
	padding:5px;
}

.newslettertable td a {
	text-decoration:none;
	color: #666;
}
.newslettertable td:hover {
	background-color:#fff7d1;
	text-decoration:none;
	color: #666;
	
}
.newslettertable td a:hover {
	text-decoration:none;
	font-weight:normal;
}
/*-------------------------------------------------People---------------------------------------------------------*/
.people table {
	
}

.people td {
	border-bottom:10px;
}

.people tr {
	vertical-align:text-top;
}
/*-------------------------------------------------People---------------------------------------------------------*/
.shopnav td a{
	border: none;
	text-decoration:none;
}
/*-------------------------------------------------home bottom---------------------------------------------------------*/
.homebottom {
	width:100%;
}

.homebottomdigibg {
	width:450px;
	background-color:#ffd401;
	padding:10px;
}
/*-------------------------------------------------people---------------------------------------------------------*/
.people tr {

}

.people td {
	vertical-align:top;
	padding-bottom:20px;
}

/*-------------------------------------------------menu colours---------------------------------------------------------*/
.darkblue h1 {
color:#2b3795;
}

.darkblue h2 {
color:#2b3795;
}

.darkblue h3 {
color:#2b3795;
}
.darkblue h4 {
	background-image:url(../images/bgh3dblue.gif);
	background-position:left;
	padding-left:10px;
	background-repeat:no-repeat;
	color:#000;
	line-height:35px;
	font-size:14px;
	}
.darkblue h5 {
	color: #666;
}



.purple h1 {
color:#9c00ff;
}
.purple h2 {
color:#9c00ff;
}
.purple h3 {
color:#9c00ff;
}
.purple h4 {
	background-image:url(../images/bgh3purple.gif);
	background-position:left;
	padding-left:10px;
	background-repeat:no-repeat;
	color:#000;
	line-height:35px;
	font-size:14px;
	}
.purple h5 {
	color: #666;
}

.lightgreen h1 {
color:#8cc63f;
}
.lightgreen h2 {
color:#8cc63f;
}
.lightgreen h3 {
color:#8cc63f;
}
.lightgreen h4 {
	background-image:url(../images/bgh3lgreen.gif);
	background-position:left;
	padding-left:10px;
	background-repeat:no-repeat;
	color:#000;
	line-height:35px;
	font-size:14px;
	}
.lightgreen h5 {
	color: #666;
}


.yellow h1 {
color:#ffae00;
}
.yellow h2 {
color:#ffae00;
}
.yellow h3 {
color:#ffae00;
}
.yellow h4 {
	background-image:url(../images/bgh3yellow.gif);
	background-position:left;
	padding-left:10px;
	background-repeat:no-repeat;
	color:#000;
	line-height:35px;
	font-size:14px;
	}
.yellow h5 {
	color: #666;
}

.lightblue h1 {
color:#00adef;
}
.lightblue h2 {
color:#00adef;
}
.lightblue h3 {
color:#00adef;
}
.lightblue h4 {
	background-image:url(../images/bgh3lblue.gif);
	background-position:left;
	padding-left:10px;
	background-repeat:no-repeat;
	color:#000;
	line-height:35px;
	font-size:14px;
	}
.lightblue h5 {
	color: #666;
}

.darkgreen h1 {
color:#00a650;
}
.darkgreen h2 {
color:#00a650;
}
.darkgreen h3 {
color:#00a650;
}
.darkgreen h4 {
	background-image:url(../images/bgh3dgreen.gif);
	background-position:left;
	padding-left:10px;
	background-repeat:no-repeat;
	color:#000;
	line-height:35px;
	font-size:14px;
	}
.darkgreen h5 {
	color: #666;
}	


.rightdownloads {
	background-image:url(../images/bggreen.gif);
	background-repeat:repeat-x;
	background-color: #deefc8;
	padding-bottom:5px;
	border:1px solid #8cc63f;
}


.rightdownloads a{
	font-size:14px;
	text-decoration:none;
	color: #000099;
	font-weight: bold;
	text-align:left;
}
.rightdownloads h2 a:hover{
	text-decoration:underline;
}



.rightevaluations {
	background-image:url(../images/bgpurple.gif);
	background-repeat:repeat-x;
	background-color: #efd7ff;
	padding-bottom:5px;
	border:1px solid #8cc63f;
}


.rightevaluations a{
	font-size:12px;
	text-decoration:none;
	color: #000099;
	font-weight: bold;
	text-align:left;
}
.rightevaluations h2 a:hover{
	text-decoration:underline;
}


.rightnewsletter {
	padding-bottom:10px;
	
}
.rightnewsletter h1 {
color:#9c00ff;
	
}
.rightnewsletter h3 {
	padding:0;
	
}
.rightnewsletter h3 a {
	text-decoration:none;
	color:#000000;
	
}
.rightnewsletter img {
	border: none;
	
}
/*-------------------------------------------------Right buttons purple---------------------------------------------------------*/
.purplebutton{
width:128px;
border-collapse:collapse;
color:#FFF;
}
.purplebutton th{
background-image:url(../images/home/header-purple.gif);
background-repeat: no-repeat;
background-color:#9d00ff;
color:#FFFFFF;
font-weight:bold;
font-size:140%;
padding-top:8px;
}
.purplebutton td{
background-color:#9d00ff;
text-align:left;
padding:8px;
}
.purplebutton a{
font-weight:normal;
color:#FFFFFF;}
.purplebutton a:hover{
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

.purplebuttonfooter{
background-image: url(../images/home/footer-purple.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:bottom;
height:16px;
}
/*-------------------------------------------------End Right buttons purple---------------------------------------------------------*/
/*-------------------------------------------------Right buttons green---------------------------------------------------------*/
.greenbutton{
width:128px;
border-collapse:collapse;
font-size:90%;
color:#000000;
}
.greenbutton th{
background-image:url(../images/home/header-green.gif);
background-repeat: no-repeat;
background-color:#81c100;
color:#FFFFFF;
font-weight:bold;
font-size:140%;
padding-top:8px;
}
.greenbutton td{
background-color:#81c100;
text-align:left;
padding:8px;
}
.greenbutton a{
font-weight:normal;
color:#FFFFFF;
font-size:110%;}
.greenbutton a:hover{
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

.greenbuttonfooter{
background-image: url(../images/home/footer-green.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:bottom;
height:16px;
}
/*-------------------------------------------------End Right buttons green---------------------------------------------------------*/
/*-------------------------------------------------Right buttons lblue---------------------------------------------------------*/
.lbluebutton{
width:128px;
border-collapse:collapse;
}
.lbluebutton th{
background-image:url(../images/home/header-lblue.gif);
background-repeat: no-repeat;
background-color:#009ee0;
color:#FFFFFF;
font-weight:bold;
font-size:140%;
padding-top:8px;
}
.lbluebutton td{
background-color:#009ee0;
text-align:left;
padding:8px;
}
.lbluebutton a{
font-weight:normal;
color:#FFFFFF;}
.lbluebutton a:hover{
font-weight:normal;
color:#FFFFFF;
text-decoration:none;}

.lbluebuttonfooter{
background-image: url(../images/home/footer-lbluegif.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:bottom;
height:16px;
}
/*-------------------------------------------------End Right buttons lblue---------------------------------------------------------*/
/*-------------------------------------------------Online Safety Education Page-----------------------------------------------------*/
.ose td img {
	border:none;
}
/*-------------------------------------------------Please Help Page-----------------------------------------------------*/
.helppage img {
float:left;
}


/*------------------------------------------------- Ticker Styling -----------------------------------------------------*/
.ticker-wrapper.has-js {
	margin: 0px 8px 10px 0px;
	padding: 0px 0px;
	width: 440px;
	height: 24px;
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #ffffff;
	font-size: 100%;
	float:right;
}
.ticker {
	width:360px;
	height: 24px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}
.ticker-title {
	padding-top: 9px;
	color: #990000;
	font-weight: bold;
	background-color: #ffffff;
	text-transform: uppercase;
}
.ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
.ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #ffffff;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #f8f0db;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 14px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}
