/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;  /*Verdana preferred, but pushes text too wide for footer at 800x600*/
	font-size: .8em;
}

p {
	font-size: .9em;
	color: #333;
	margin: 0px;
	padding-bottom: 15px;
}
ul {
	margin: 0;
	margin-right: 0;
	padding-bottom: 10px;
}
li {

	color: #333;
	list-style-type: circle;
	padding: 0;
	margin: 5px;
	margin-left: 0;
	margin-right: 0;
}
h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}
h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	
}
h3 {
	font-size: 1em;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #666;
	margin: 0px;
	text-transform: uppercase;
}
h4 {
	font-size: .9em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #666;
margin: 0px;
}
a {
	color: #6D4D03;
}
a:hover{
	color: #FFBA19;
}
.mainWrapper {
	padding-left: 15px;
	background-image: none;
	padding-bottom: 20px;
	min-width: 760px;
	max-width: 1024px;
	width:expression(documentElement.clientWidth > 1024? "1024px": "auto" );
	width:expression(documentElement.clientWidth < 760? "760px": "auto" );
	margin: auto;	
}
/* ++++++++++++++ TOP NAVIGATION / BANNER  ++++++++++++++ */
.logo {
	border-top: 40px solid #fff;
	border-bottom: 29px solid #fff;
	border-right: 20px solid #fff;
}
.rightArrow {
	position: absolute;
	top: 0px;
	right: 0px;
}
.topBanner {
	background-color: #FFB200;
	height: 113px;
	border-right:4px solid #FFB200;
	background-image: url(../gfx/topillustration.gif);
	background-repeat: no-repeat;
	background-position: 175px 0px;
	margin-right: 15px;
}
.topNav {
	height: 60px;
	margin-bottom: 10px;
}
.topNav ul {
	margin: 0;
	padding: 0;
}
.topNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #fff;
	font-size: 1em;
}
.topNav li a{	
	display: block;
	padding: 10px;
	text-decoration: none;
}
.topNav a:hover{
	color: #000;
	text-decoration: none;
}
.home {
	background-color: #FFE099;
	border-bottom: 4px solid #FFB200;
	border-left: none;
}
.whyTeachIt {
	background-color: #FFE099;
	border-bottom: 4px solid #91C92C;
}
.startNow {
	background-color: #FFE099;
	border-bottom: 4px solid #FF4103;
}
.effectiveTeaching {
	background-color: #FFE099;
	border-bottom: 4px solid #B21AFF;
}
.updatesEvents {
	background-color: #FFE099;
	border-bottom: 4px solid #CB0166;
}
.resources {
	background-color: #FFE099;
	border-bottom: 4px solid #54A7C2;
}
.contactUs {
	background-color: #FFE099;
	border-bottom: 4px solid #CC0000;
}
.search {
	background-color: #FFE099;
	border-bottom: 4px solid #354AE9;
}
.breadCrumbs {
	padding-bottom: 20px;
	color: #333333;
}
.breadCrumbs a{
	text-decoration: none;
	color: #CC6600;
}
.breadCrumbs a:hover{
	text-decoration: underline;
}
/* ++++++++++++++ MAIN CONTENT  ++++++++++++++ */
.mainContent {
	margin-left: 200px;
	margin-right: 225px;
}
.mainContent p{
	font-size: 1em;
}
.yellowText {
	color: #FFB200;
}
/* ++++++++++++++ RIGHT CONTENT  ++++++++++++++ */
.rightContent {
	border: 0px solid green;
	width: 180px;
	float: right;
	padding: 0px;
	padding-top: 0;
	padding-right: 0;
	margin-right: 15px;
}
.rightContent h2 {
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	color: #000;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}
.rightContent p {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 1.4em;
}
.rightContent a {
	font-weight: bold;
	color: #694D0E;
}
.rightContent a:hover {
	color:#694D0E;
	text-decoration:none;
}
.rightContent ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rightContent li {
	font-size: .85em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rightOrange  {
	background-image: url(../gfx/right-nav-orange-bg.gif);
}
.rightOrange h2 {
	background-image: url(../gfx/orange-stripe.gif);
	color: #000;
}
.orangeBottom {
	background-image: url(../gfx/right-nav-orange-bot.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.blueBottom {
	background-image: url(../gfx/right-nav-blue-bot.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.rightBlue{
	margin-top: 10px;
	background-image: url(../gfx/right-nav-blue-bg.gif);
}
.rightBlue h2 {
	background-image: url(../gfx/blue-stripe.gif);
	color: #000;
}
.rightBtn {
	height: 64px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-left: 80px;
	padding-right: 3px;
}
.rightBtn a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
}
.rightBtn a:hover{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
.schoolsPromo {
	background-image: url(../gfx/rightarea/schools-btn-bg.gif);
	background-repeat: no-repeat;
}
.eventsCalendarPromo {
	background-image: url(../gfx/rightarea/events-calendar-btn-bg.gif);
	background-repeat: no-repeat;
}
/* ++++++++++++++ BODY BOXES CONTENT  ++++++++++++++ */
.bodyBox {
	padding: 10px;
	margin: 0;
	border: 1px solid #FFE099;
	float: left;
	margin-right: 10px;
	background-color: #FFF;
	font-size: .9em;
	width: 230px;
}
.bodyBox ul{
	padding: 0;
	margin: 0;
}
.bodyBox li{
	padding: 0;
	margin: 0;	
	list-style: none;
	padding-bottom: 10px;
	font-weight: bold;
}
li .doc {
	background-image: url(../gfx/doc.gif);
	background-repeat: no-repeat;
	display: block;
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
}
/* ++++++++++++++ FOOTER  ++++++++++++++ */
.footer {
	clear:both;
	_float:left;   
	padding:10px;
	font-size: .9em;
	margin: auto;
	margin-top:10px;
	min-width: 760px;
	max-width: 1024px;
	width:expression(documentElement.clientWidth > 1024? "1024px": "auto" );
	width:expression(documentElement.clientWidth < 760? "760px": "auto" );
}
.footer ul {
	margin: 0;
	padding: 0;	display: inline;
}
.footer li {
	list-style-type:none;
	float: left;
	margin: 0;
	padding: 0;
}
.footer img {
	padding-top: 5px;
	padding-right: 10px;
}

.footerOutline {
	float:left;
	border: 1px solid #ccc;
	padding:10px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.orgLogo {
	float:left;
	margin-bottom:15px;
}

.nzGovtLogo {
	padding-left: 280px;
	float:right;
}
/* ++++++++++++++ LEFT NAV  ++++++++++++++ */
.leftNav {
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
	margin-right: 20px;
	font-size: .9em;
}
.leftNav h2 {
	margin: 0;
	padding: 0;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FFE099;
	background-image: url(../gfx/orange-stripe.gif);
}
.leftNav p {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 1.4em;
}
.leftNav ul {
	margin: 0;
	padding: 0;

}
.leftNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 180px;
}
.leftNav li a{
	margin: 0;
	padding-left: 10px;
	display: block;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #666;
}
.leftNav li a:hover{
	text-decoration: underline;
	color: #666;
}
.selected{
	background-color: #FFE099;
	font-weight: bold;
}
.floatRight {
	float: right;
}
.floatLeft {
	float:left;
}
.backToTop {
	display: block;
	background-image: url(../gfx/kid-bike.gif);
	background-repeat: no-repeat;
	height: 60px;
	padding: 20px 20px 10px 45px;
	font-size: .6em;
	text-decoration: none;
}
.clear {
	clear:both;
}