/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #ffffff;
	color: #252525;
	font: .75em Helvetica,Arial,Verdana,Sans-Serif;
	padding: 20px 0 0
}
a{
         color: #00BFFE;
         text-decorate: none;
        }
        td.calendarCell a{
 color: #FFF100;
}

td.calendarCell a:hover{
 color: #FF0084;
}
a:hover{
	color: #ff0084
}
input,select,textarea{
	border: #c9c9c9 1px solid;
	font-size: 1em;
	padding: 2px
}
input:hover,textarea:hover{
	background-color: #ffffe4
}
input:focus,textarea:focus{
	background-color: #ffffe4
}
input:focus:hover,textarea:focus:hover{
	background-color: #ffffcc
}
li{
	list-style: none
}
h2{
	font-size: 2.9em;
	letter-spacing: -1px;
	margin: 0 0 .3em
}
h2 a{
	color: #000000
}
h2 a:hover{
	color: #000000;
	text-decoration: underline
}
h3{
	color: #222222;
	font-size: 2em;
	letter-spacing: -1px;
	margin: 0 0 .5em;
	text-transform: uppercase
}
h4{
	color: #222222;
	font-size: 1.3em;
	margin: 1.1em 0 .7em;
	text-transform: uppercase
}
h4 a{
	color: #000000
}
h4 a:hover{
	color: #000000;
	text-decoration: underline
}
h5{
	color: #000000;
	font-size: 1.1em;
	margin: 0 0 .6em;
	text-transform: uppercase
}
h6{
	font-size: 1.1em;
	margin: 0 0 .2em
}
h6 a{
	color: #00bffe
}
h6 a:hover{
	color: #ff0084;
	text-decoration: none
}
p{
	line-height: 1.5em;
	padding: 0 0 1.2em
}
q{
	font: 1.5em Georgia,Times,Serif;
}
/*=== Layout ===*/
.page{
	background: #ffffff;
	margin: 0 auto 10px;
	padding: 25px;
	width: 900px;
	position: relative;
}
/*=== Header ===*/

.indigenous {
        font-size:10px;
        line-height:15px;
        position:absolute;
        right:26px;
        text-align:right;
        top:52px;
        width:380px;
}


#header{
	height: 90px
}
#header .spacer{
	float: right;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase
}
#header .spacer a{
	color: #00bffe;
	padding: 0 1px
}
#header .spacer a:hover{
	color: #252525;
	padding: 0 1px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 234px
}
#header h1 a{
	display: block;
	height: 90px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	font-size: 12px;
	height: 30px;
	margin: 0 auto 3px;
	width: 900px
}
#nav1 li{
	float: left;
	line-height: 25px
}
#nav1 li a{
	color: #000000;
	display: block;
	float: left;
	height: 30px;
	padding: 0 15px
}
#nav1 li a:hover,
#nav1 li.active a{
	background: url(../images/nav1-hover.gif) no-repeat top left;
	color: #ff0084;
	text-decoration: none
}
#Nav3 #NavList{segment_4} {
       background-color: #eee;
       color: #ff0084;
}
/*- Path -*/
.path{
	color: #464646;
	font-size: .9em;
	margin: 0 0 35px;
	padding: 10px 0 0;
	text-transform: uppercase
}
.path li{
	background: url(../images/ico-arrow.gif) no-repeat right;
	display: inline;
	margin: 0 2px 0 0;
	padding: 0 15px 0 0;
}
.path li.last{
	background: none
}
.path li a{
	color: #00bffe
}
.path li a:hover{
	color: #ff0084
}
/*- Paging -*/
.paging {
	float: left;
	font-size: .9em;
	font-weight: bold
}
.paging a, b{
	border: 1px solid #dddddd;
	color: #10c3fe;
	display: block;
	float: left;
	margin: 0 1px;
	padding: 2px 5px
}
.paging a:hover, .paging .active a, b{
	border: 1px solid #999999;
	color: #ff0084;
	text-decoration: none
}
.paging .arr a{
	border: 0;
	color: #00bffe
}
.paging .arr a:hover{
	border: 0;
	color: #ff0084
}
/*- Article Paging -*/
.next {
    background: url(../images/ico-arrow.gif) no-repeat right;
	float: left;
	font-size: .9em;
	font-weight: bold;
	padding: 1px 16px 1px 2px;
	margin: 10px 0 12px 0
}
.previous {
    background: url(../images/ico-arrow-left.gif) no-repeat left;
	float: left;
	font-size: .9em;
	font-weight: bold;
	padding: 1px 2px 1px 16px;
	margin: 10px 0 12px 0
}
/*=== Title ===*/
#title{
	background: url(../images/banner-school.jpg) repeat-x top left;
	height: 336px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 25px 12px 0 0
}
#title .spacer{
	background: #ffffff;
	float: right;
	padding: 25px 15px;
	width: 408px
}
#title h2{
	font-size: 53px;
	letter-spacing: -3px;
	line-height: 50px
}
#title h2 a{
	color: #000000
}
#title h2 a:hover{
	color: #ff0084
}
#title p{
	color: #252525;
	font-size: 14px
}
/*=== All Columns ===*/
#columns{
	clear: both;
	height: 1%;
	margin: 15px 0 0;
	padding: 0 0 15px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	margin: 10px 0 0;
	width: 505px
}
.col2{
	float: right;
	margin: 10px 0 0;
	width: 340px
}
.col2 h6{
	float: right;
	font-size: .75em;
	font-weight: normal;
	margin: 5px 0 30px;
	text-transform: uppercase
}
.col3{
	float: left;
	width: 580px
}
.col4{
	float: right;
	margin-bottom: 50px;
	width: 240px
}
.col5{
	float: left;
	margin: 0 11px 0 0;
	width: 292px
}
.col6{
	float: left;
	font-size: .9em;
	margin: 0 0 25px;
	padding: 0 53px 0 0;
	line-height: 1.3em;
	text-transform: uppercase
}
.col6.last{
	padding: 0
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: url(../images/box-bgr-grey.gif) repeat top;
	float: left;
	height: 285px;
	margin: 0 10px 10px 0;
	padding: 15px 10px 0;
	width: 272px
}
.box.bg1{
	background: url(../images/box-bg1.jpg) no-repeat top
}

.box.bgpink{
	background: url(../images/pink_box.gif)
}

.box.bg2{
	background: url(../images/box-bg2.jpg) top left no-repeat;
}

.box.bgred{
	background: url(../images/red_box.gif)
}

.box.bg3{
	background: url(../images/box-bgr-grey.gif) repeat top;
}
.box.bg4{
	background: url(../images/box-bgr.gif)
}
.box.bg5{
	background: url(../images/box-bg-5.jpg)
}

.box.bgorange{
	background: url(../images/orange_box.gif)
}

.box.bggreen{
	background: url(../images/green_box.gif)
}

.box.bg6{
	background: #FFF;
	padding: 0;
	width: 292px;
}
.box.bg7{
	background: url(../images/box-bg-7.jpg)
}

.box.last{
	margin: 10px 10px 10px 0;
}
.box.rowone_last{
	margin: 0
}
.box h4{
	color: #222222;
	font-size: 12px;
	margin: 0 0 10px;
	text-transform: uppercase
}
.box h4 span{
	background: #fff100;
	padding: 3px 10px
}
.box dl{
	background: #ffffff;
	height: 35px;
	line-height: 35px;
	margin: 0 0 2px;
	padding: 0 6px
}
.box dt{
	float: left;
	font-size: 12px;
	font-weight: bold;
	/*width: 190px*/
}
.box dd{
	color: #777777;
	font-size: 11px;
	float: right
}
.box dl a{
	color: #00bffe
}
.box dl a:hover{
	color: #252525
}
.box.bg1 dl a{
	color: #ff0084
}
.box.bg1 dl a:hover{
	color: #00bffe
}
.box.bg2 dl a{
	color: #252525
}
.box.bg2 dl a:hover{
	color: #ff0084
}
/*- Bookings -*/
.bookings{
	font-size: .9em
}
.bookings h6{
	font-size: 1.3em;
	color: #000000;
	margin: 0 0 6px
}
/*- News -*/
.news h6{
	font-size: 1em;
	color: #000000
}
/*=== Styling Lists ===*/

/*- List1 -*/
.list1 ul{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1.8em
}
.list1 li{
	margin: 0 0 .2em;
	text-transform: uppercase;
	padding: 1px 0 1px 15px;
	background: url(../images/ico-arrow.gif) no-repeat center left
}
.list1 li a:hover{
	color: #ff0084;
	text-decoration: none
}
.current{
	color: #ff0084;
	text-decoration: none
}
/*- List2 -*/
.list2{
	font-weight: bold;
	color: #00bffe
	
}
.list2 li{
	margin: 0 0 .3em;
}
.list2 h6{
	font-size: 1.2em;
	color: #000000;
	text-transform: uppercase;
	margin: 0 0 7px
}
/*- List3 -*/
.list3 li {
	line-height: 1.65em;
	list-style: outside;
}

.list3 ul {
	margin-left: 20px;
	padding: 0 0 1.2em
}
/*- List4 -*/
#news ul  {
	margin-bottom: 0px;
}

#news ul li  {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 25px;

	background: url(../images/greenarrow.png) no-repeat center left;
}

#news ul li span.date  {
	margin-left: 10px;
}

#news ul li a  {
	font-weight: bold;
	text-decoration: none;
}

#news p.more a  {
	font-weight: bold;
	padding-top: 10px;
}
/*=== Styling Forms ===*/
.btn input{
	border: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Form1 Setup -*/
.form1{
	margin: 0 0 .8em
}
.form1 h5{
	margin: 0 0 2.5em;
	text-transform: none
}
.form1 div{
	margin: 0 0 5px
}
.form1 label{
	float: left;
	font-size: 12px;
	margin: 3px 15px 0 0;
	text-align: right;
	width: 95px
}
.form1 input{
	width: 220px
}
.form1 .checkbox input{
	width: 20px
}
.form1 .btn input{
	margin: 5px 0 0 110px;
	padding: 0 0 0 px;
	width: auto
}
/* Form1 Textarea */
.form1 textarea{
	height: 185px;
	overflow: auto;
	width: 380px
}
/*=== Styling Buttons ===*/
/*- More, Comments -*/
.more{
	height: 20px;
	text-transform: uppercase
}
.more .fl, .more .fl a{
	color: #10c3fe
}
.fl a:hover{
	color: #10c3fe;
	text-decoration: underline
}
.more .fr a{
	background: url(../images/ico-arrow.gif) #fff100 no-repeat right;
	color: #ff0084;
	font-size: .9em;
	padding: 1px 14px 1px 2px
}
.more .fr a:hover{
	background: url(../images/ico-arrow.gif) #000000 no-repeat right;
	color: #ff0084
}
.more .fr.norm a{
	background: none;
	color: #10c3fe;
	padding: 0 0 0 10px
}
.box .more{
	margin: 10px 0 0;
	text-transform: none
}
.box .more .fl a{
	color: #ff0084;
	text-transform: uppercase
}
.box .more .fl a:hover{
	color: #fff100;
	text-transform: uppercase
}
.box .more .fr a{
	color: #ff0084
}
a.more2{
	background: url(../images/ico-arrow2.gif) #fff100 no-repeat right;
	color: #00bffe;
	font-size: .9em;
	padding: 1px 18px 1px 2px
}
a.more2:hover {
	background: url(../images/ico-arrow2.gif) #000000 no-repeat right;
	color: #00bffe;
	font-size: .9em;
	padding: 1px 18px 1px 2px
}
a.more3{
	background: url(../images/ico-arrow.gif) no-repeat right;
	color: #00bffe;
	font-size: .9em;
	padding: 1px 14px 1px 2px
}
a.more3:hover{
	background: url(../images/ico-arrow.gif) no-repeat right;
	color: #ff0084;
	font-size: .9em;
	padding: 1px 14px 1px 2px
}
a.more4{
	background: url(../images/ico-arrow2.gif) no-repeat right;
	color: #000000;
	font-size: 12px;
	padding: 0 18px 0 0
}
.more5 {
	float: left;
	background: url(../images/ico-arrow.gif) no-repeat right;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1px 16px 2px 2px;
	margin: 5px 0 10px 0
}
a.rss{
	background: url(../images/ico-rss2.gif) no-repeat left;
	font-size: .9em;
	padding: 0 0 0 14px
}
	a.rss:hover{
		color: #FF0084 !important;
	}
	
a.rss2{
	background: url(../images/ico-rss2.gif) no-repeat left;
	color: #00bffe;
	font-size: .9em;
	padding: 0 0 0 14px
}
a.rss2:hover{
	background: url(../images/ico-rss2.gif) no-repeat left;
	color: #252525;
	font-size: .9em;
	padding: 0 0 0 14px
}
.facebook{
	background: url(../images/facebook.png) no-repeat left;
	color: #00bffe;
	font-size: .9em;
	padding: 0 0 0 14px
}
/*- Comments -*/
.comments{
	font-size: 1em;
	line-height: 1.5em;
}
.comments h4{
	font-size: 1.2em;
	color: #000000;
	text-transform: uppercase;
	margin: 20px 0;
	clear: both
}
.comments h6{
	font-size: 1em;
	color: #000000;
	margin: 20px 0 12px 0;
}
.one{
	color: #000000;
}
.two{
	color: #ff0084
}
.three{
	color: #00bffe
}
/*- Adss -*/
.ad_240{
	margin: 0px 0 12px 0
}
/*=== Footer ===*/
#footer{
	border-top: 4px solid #000000;
	clear: both;
	color: #252525;
	font-size: 11px;
	height: 1%;
	padding: 17px 0 0;
	margin: 0 0 20px 0;
}
#footer a{
	color: #00bffe
}
#footer a:hover{
	color: #252525
}
#footer .fl{
	padding: 0 10px 0 0;
	width: 185px
}
#footer .fltop{
	padding: 0 10px 0 0;
	width: 110px
}
#footer .copy{
	color: #00bffe;
	float: left;
	width: 250px
}
#aboriginal {
	border-top: 1px dotted #cccccc;
	clear: both;
	color: #00bffe;
	font-size: 10px;
	height: 1%;
	padding: 17px 0 0;
	margin: 0 0 30px 0;
}
#aboriginal .fl{
	padding: 0 10px 0 0;
	width: 600px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr{
	border-top: 1px dotted #cccccc;
	clear: both;
	height: 1px;
	margin: .5em 0 .7em;
	width: 100%
}
.hl{
	border-top: 4px solid #000000;
	clear: both;
	height: 4px;
	margin: .5em 0 1.5em;
	overflow: hidden;
	width: 100%
}
.fl{
	float: left
}
.fr{
	float: right
}
.ar{
	text-align: right
}
.dt{
	font-size: .9em;
	margin: 0 0 1em
}
.dt2{
	font-size: .9em;
	margin: 0 0 .5em;
	padding: 0 0 .4em 0;
	border-bottom: 1px dotted #cccccc
}
.dt big{
	font-size: 1.4em;
	font-weight: bold
}
.credits{
	color: #000000;
	font-size: .8em;
	font-style: italic;
	line-height: .em;
	margin: 12px 0 15px
}
.position{
	color: #000000;
	font-size: .9em;
	font-weight: normal;
	margin: 12px 0 15px;
	text-transform: capitalize
}
.pic img{
	display: block;
	margin: 0 0 20px
}
.pic.fl img{
	margin-right: 20px
}

/*
	HOME PAGE
*/

.jcarousel{
	width: 595px;
	height: 275px;
	float: left;
	margin: 0 10px 10px 0;
}

#fp_video{

	float: left;
	overflow: hidden;
	
	z-index: 1;
	position: relative;
}

	#fp_video object,
	#fp_video object embed{
		z-index: 1;	
		position: relative;
	}

.fp_featureArticle{
	position: relative;
	margin: 0 0 8px;
	width: 270px;
	height: 134px;
	overflow: hidden;
	border: 2px solid #000;
	z-index: 1;
	position: relative;
}

	.fp_featureArticle img{
		position: relative;
		z-index: 1;
	}

	.fp_featureArticle .ftp_featureTitle{
		background: transparent url(../images/fp_artitleTitle.png) top left repeat;
		padding: 8px 5px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 260px;
		height: 14px;
		z-index: 10;
	}
	
		.fp_featureArticle .ftp_featureTitle a{
			color: #fff;	
			font-weight: bold;
			display: block;
			float: left;
		}
		
			.fp_featureArticle .ftp_featureTitle a:hover{
				color: #00BFFE;
			}
	
		.fp_featureArticle .ftp_featureTitle span{
			text-align: right;
			float: right;
			color: #FFF;
		}
		
/* Calander */
.box_calendar{
	
}

	.box_calendar h4{
		float: left;
		margin: 0;
	}

.calendarMonth{
	padding: 3px;
	background: #fff;
	overflow: hidden;
	float: right;
	margin: -3px 0 0;
}

	.calendarMonth div.month_current{
		float: left;
		font-weight: bold;
		padding: 0 5px;
	}

	.calendarMonth div.month_arrow{
		float: left;
		padding: 2px 0;
	}
	
		.calendarMonth div.month_arrow a{
			width: 10px;
			height: 10px;
			display: block;
			background:url(../images/cal_arrows.png) no-repeat
		}
	
			.calendarMonth div.month_arrow a span{
				display: none;	
			}
		
			.calendarMonth div.month_arrow a.cal_previous{
				background-position: 0 0;
			}
			
			.calendarMonth div.month_arrow a.cal_next{
				background-position: -10px 0;
			}

.calendarBG{
}

	.calendarBG tr.calendarHeader td{
		margin: 0;
		padding: 0;
	}

	.calendarBG tr td{
		padding: 3px 0;
		margin: 3px;
		background: #FFF;
		border: 1px solid #6696ba;
		text-align: center;
		width: 31px;
		font-weight: bold;
	}

		.calendarBG tr td.calendarDayHeading{
			background: transparent url(../images/calendar-day-background.png) top left repeat;
			border: 0;
		}

		.calendarBG tr td.calendarToday{
			border: 1px solid #00d8ff;
			background: #ccf7ff;
		}
		
		.calendarBG tr td.calendarEvent{
			border: 1px solid #fff100;
			background: #fffccc;
		}
		
		.calendarBG tr td.calendarWorkshop{
			border: 1px solid #20ff25;
			background: #d2ffd3;
		}
		
		.calendarBG tr td.calendarBlank{
			border: 1px solid #b2cadc;
			color:#999;
			background: transparent url(../images/white-transparent.png) top left repeat;
		}
		
/* Legend */
.cal_legend{
	overflow: hidden;
	background: #fff;
	padding: 3px 5px;
	margin: 15px 6px 0;
}
	
	.cal_legend .legend_type{
		
	}
	
		.cal_legend .legend_type div{
			width: 10px;
			height: 10px;
			display: block;
			float: left;
			margin: 2px 0;
		}
	
			.cal_legend .legend_type div.leg_event{
				background: #fff100;
			}
			
			.cal_legend .legend_type div.leg_workshop{
				background: #20ff25;
			}
			
			.cal_legend .legend_type div.leg_today{
				background: #00d8ff;
			}
			
		.cal_legend .legend_type span{
			float: left;
			display: block;
			padding: 0 15px 0 5px;
			font-weight: bold;
		}
/* Contact Form */
.newsletter_form{
	overflow: hidden;
}

	.newsletter_form input{
		background: #ebebeb;
		border: 0;
		padding: 8px 5px;
		font-size: 18px;
		color: #474646;
	}
	
		.newsletter_form input#mb-name{
			width: 282px;
			margin: 0 0 5px;
		}
		
		.newsletter_form input#mb-ttijy-ttijy{
			width: 182px;
			float: left;
			margin: 0 5px 0 0;
		}
	
		.newsletter_form input.submit{
			background: #22c8fe;
			width: 95px;
			color: #fff;
			font-size: 12px;
			padding: 11px 0 12px;
			margin: 0;
			float: left;
			text-align: center;
		}
		
/* Find us on */
.find_us{
	padding: 10px 10px 0;
}

	.find_us a{
		color: #000;
		font-weight: bold;
		font-size: 52px;
		padding: 5px 10px;
		line-height: 52px;
		width: 252px;
		/*display: block;*/
	}
	
		.find_us a:hover{
			color: #fff;
			background: #ff0084;
		}


		body {
			color:#252525;
			font-family:Helvetica,Arial,Verdana,Sans-Serif;
			font-size:0.75em;
			font-size-adjust:none;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:normal;
			}	
	
			.box_calendar h4 {
			float:left;
			margin:0;
			}

			.box h4 {
			color:#222222;
			font-size:12px;
			margin:0 0 10px;
			text-transform:uppercase;
			}

			h4 {
			color:#222222;
			font-size:1.3em;
			margin:1.1em 0 0.7em;
			text-transform:uppercase;
			}
		
		.box h4 span {
			background:#FFF100 none repeat scroll 0 0;
			padding:3px 10px;
		}	
		
		a {
			color:#00BFFE;
		}
		
		/*From here down*/
		
		.twitter { 
			background:url(../images/box-bgr-grey.gif) repeat top left;
			float:left;
			height:285px;
			margin:0 10px 10px 0;
			padding:15px 10px 0;
			width:272px;
			}
			
		.twitter.box {
			position:relative;
			margin:0 10px 10px 0;
		}
		
		.twitterBird {
			position:absolute;
			top:10px;
			right:20px;
		}
		
		.tweet {
			color:#383838;
			font-family:Helvetica,Arial,Sans-serif;
			font-size:12px;
			line-height:15px;
			overflow:hidden;
			padding-top:15px;
		}
		
		.tweet .status .date {
			color:#00bffe;
		}
		
		.twitter p {
			font-size:10px;
		}
		
		.uppercase {
			text-transform:uppercase;
		}