/* EDITOR START */


hr {
	border: 1px solid #333333;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

h1 {
	font-size: 18px;
	color: #cc0000;
	margin-bottom: 0px;
	height: 25px;
}

h2 {
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;

}

h3 {
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;

}

h4 {
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

a {
    color: #333333;
	text-decoration: underline;
}

a:hover {
    color: #cc0000;
	text-decoration: underline;
}

p {
    margin-bottom: 10px;
}

ul {
    padding: 10px 0px 10px 20px;
}

li {
	padding: 0px;	
}


.red {
    color: #ff0000;
}


/* EDITOR END */
body {
	font-size: 12px;
	font-weight: 200;
	line-height: 20px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(assets/main_bg.jpg) repeat-y top center;
}


* {
	margin: 0;
	padding: 0;
}

img {
	border: 1px solid #ffffff;
	margin-bottom: 10px;
}

.red {
    color: #ff0000;
}


/* --------- Main Container --------- */

#wrapper {
	width: 1000px;
	height: 100%;
	padding: 0px;
	margin: 0 auto;
}


#main_container {
	width: 996px;
	padding: 0px;
	margin: 0px;
	float: left;
	margin: 0px;
	background: #ffffff url(assets/main_container_bg.jpg) no-repeat top left;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}



/* --------- Masthead ---------*/

#masthead {
    width: 996px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#masthead img {
	float:left;
}


.masthead_right {
    float:right;
	width:500px; 
	margin:35px 20px 0px 0px;
	padding:0px;
	color:#ffffff;
	text-align:right;
	line-height:20px;
	display:block;
	height:122px;	
}

* html .masthead_right {
	margin-right:10px;
}

.masthead_right h1 {
	font-size: 24px;
	font-weight: 400;
	height: 24px;
	color: #ffffff;
}


.masthead_right h2 {
	font-size: 14px;
	font-weight: 200;
	color: #ffffff;
}

/* --------- Mainarea ---------*/


input {
	border: 1px solid #ff0000!important;	
}

.left_column {
	width:	137px;
	float:	left;
	height: 400px;
	margin: 0px 12px 0px 18px;
	padding: 16px;
	background: url(assets/white_trans.png) repeat top left;
	border: 1px solid #ffffff;
}

* html .left_column {
	margin-left: 9px;
	background: url(assets/white_trans.gif) repeat top left;
}

.centre_column {
	width: 594px;
	height:100%;
	float: left;
}

.flash_gallery {
	width: 560px;
	height:400px;
}

.textarea {
	padding: 16px;
	margin: 0px;
	width:	560px;
       height: 100%;
       min-height: 500px;
	float:	left;
	background: url(assets/white_trans.png) repeat top left;
	border: 1px solid #ffffff;
}

* html .textarea {
	background: url(assets/white_trans.gif) repeat top left;
}
	

.slide_show {
	width: 560px;
	height:184px;
	margin-bottom: 12px;
	padding: 16px;
	float: left;
	background: url(assets/white_trans.png) repeat top left;
	border: 1px solid #ffffff;
}

* html .slide_show {
	padding-bottom: 15px!important;
	background: url(assets/white_trans.gif) repeat top left;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative}

.nivoSlider img {
position:absolute;
top:0px;
left:0px}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none}

/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%}

.nivo-box {
display:block;
position:absolute;
z-index:5}

/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8}

.nivo-caption p {
padding:5px;
margin:0}

.nivo-caption a {
display:inline !important}

.nivo-html-caption {
display:none}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer}

.nivo-prevNav {
left:0px}

.nivo-nextNav {
right:0px}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer}

.nivo-controlNav a.active {
font-weight:bold}

.nivo-controlNav {
position:absolute;
left:220px;
top:182px}

.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(assets/bullets.png) no-repeat;
_background:url(assets/bullets.gif) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left}

.nivo-controlNav a.active {
background-position:0 -22px}

.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(assets/arrows.png) no-repeat;
_background:url(assets/arrows.gif) no-repeat;
text-indent:-9999px;
border:0}

a.nivo-nextNav {
background-position:-30px 0;
right:15px}

a.nivo-prevNav {
left:15px}

.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif}

.nivo-caption a { 
color:#efe9d1;
text-decoration:underline}

.right_column {
	width:	137px;
	height: 100%;
	float:	left;
	margin-left: 12px;
	padding: 16px;
	background: url(assets/white_trans.png) repeat top left;
	border: 1px solid #ffffff;
}

* html .right_column {
	background: url(assets/white_trans.gif) repeat top left;
}

.random{
float:left;
margin:0 0 20px 0;
padding:0;
width:136px;
height:184px}

.random img{
width:136px;
height:184px}


/* --------- Navigation left ---------*/



.navigation_left {
	width: 137px;
	float: left;
	line-height:19px;
	text-align:left; 
	margin-top: -5px;            
}

.navigation_left ul {
	margin:0px;
	padding:0px;
	width:137px;
}

.navigation_left li {
	list-style:none;
	margin:0px;
	width:137px;
}

.navigation_left a {
	text-decoration:none;
	color:#333333;
	margin-bottom: 6px;
	padding:0px;
	display:block;	
}

.navigation_left a:hover {
	text-decoration:none;
	color:#333333;
	margin-bottom: 5px;
	padding:0px;
	display:block;
	border-bottom: 1px solid #333333;
}

.navigation_left #currentpage {
	padding:0px;
	color:#cc0000;
	margin-bottom: 5px;
	text-decoration:none;
	font-weight:bold;	
} 

.navigation_left #currentpage a {
	padding:0px;
	color:#cc0000;
	margin-bottom: 5px;
	text-decoration:none;
	font-weight:bold;
	border-bottom: 1px solid #cc0000;
}

.navigation_left #currentpage a:hover {
	padding:0px;
	color:#cc0000;
	margin-bottom: 5px;
	text-decoration:none;
	font-weight:bold;
	border-bottom: 1px solid #cc0000;
} 


.navigation_left #parent {
	padding:0px;
	color:#333333;
	margin-bottom: 6px;
	text-decoration:none;
	font-weight:bold;
}

.navigation_left #parent a {
	padding:0px;
	color:#333333;
	margin-bottom: 6px;
	text-decoration:none;
	font-weight:bold;
}

.navigation_left #parent a:hover {
	padding:0px;
	color:#333333;
	margin-bottom: 5px;
	text-decoration:none;
	font-weight:bold;
	border-bottom: 1px solid #333333;
}
 
.navigation_left li ul li a {
	color:#333333!important;
	text-decoration:none;
	font-size: 11px!important;
	margin-bottom: 5px!important;
	margin-left: 10px;
	width:127px;
	font-weight:200!important;
	border-bottom:1px solid #ffffff;
}

.navigation_left li ul li a:hover {
	color:#cc0000!important;
	text-decoration:none;
	font-size: 11px!important;
	margin-bottom: 5px!important;
	margin-left:10px;
	width:127px;
	font-weight:200!important;
	border-bottom:1px solid #cc0000!important;
}



/* --------- Footer --------- */

#footer {
	width:782px;
	height:20px;
	font-size:9px;
	color:#333333;
	text-align:left;
	margin: 10px 0px 20px 0px;
	padding-left: 214px;
	clear:both;
        padding-top:10px;
}


#footer a {
	text-decoration:none;
	color:#333333;
}

#footer a:hover {
	text-decoration:underline;
	color:#f333333;
}

#footer p {
	font-size:9px;
	color:#333333;
	padding:0px;
	margin:0px;
}

ul.thumbs li img{
border:3px solid #ffffff!important}

ul.thumbs p{
display:none}/* --------- Contact Form --------- */


div.contactForm, div.PreEnrolmentForm{
  width:365px;
  padding:0px;
  margin:30px;
}
div.PreEnrolmentForm{
  width:465px;
}
div.row {
  clear:both;
  padding-top:5px;
  vertical-align:middle;
  }
div.row span.label {
  float:left;
  width:140px;
  text-align:right;
  padding:0px 10px 0px 0px;
  }
div.PreEnrolmentForm div.row span.label {
  width:240px;
}
div.row span.formw {
  float:right;
  width:210px;
  text-align:left;
  }
div.row span.formw input.text, div.row span.formw textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#86b637;
	width:210px;
	background:none !important;
}

input {
border:1px solid #666666 !important;
width:173px;
}

textarea {
border:1px solid #666666 !important;
}

div.row span.formw textarea{
  height:50px;
}
div.spacer {
  clear:both;
}