/*---------- Presentation Stylesheet ---------- */
/*               Discovery1 School              */
/*       Created By Ben Stewart - Feb 2008      */
/*              Goldfish Solutions              */
/*         www.goldfishsolutions.co.nz          */

body {
	width:557px;
	font-family: Arial, Helvetica, Verdana;
	color:#eee;
	background: #070707;
	font-size:12px;
	line-height:140%;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px; /* keeps a vertical scrollbar on all pages */
}
h1, h2, h3 {
	font-weight:bold;
	color: #1fd11f;
	margin: 0;
	text-transform:uppercase;
	padding:0 0 15px 0;
}
h1 {
	font-size:34px;
line-height:38px;
}
h2 {
	font-size:16px;
	padding:0 0 10px 0;
}
h3 {
	font-size:12px;
}
ul {
	margin: 0 0 10px 10px;
}
li {
	margin:0px;
	list-style:none;
	padding:0 0 5px 20px; 
	background: url(assets/menu_bullet.gif) no-repeat 0 .5em;
} 
p {
	margin: 0 0 10px 0;
}
a {
	border:none;
	color: #1fd11f;
	text-decoration:none;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
hr {
	height:1px;
	background-color: #1fd11f;
	border: 1px solid #1fd11f;
	margin-bottom: 10px;
}
img.Image_left {
	float: left;
	margin: 0px 5px 10px 0px;
}
img.Image_right {
	float: right;
	margin: 0px 0px 10px 5px;
}
img.Image_centre {
	margin: 0 auto 15px auto;
}
/*------------- Layout Stylesheet ------------- */
/*               Discovery1 School              */
/*       Created By Ben Stewart - Feb 2008      */
/*              Goldfish Solutions              */
/*         www.goldfishsolutions.co.nz          */
body {
	width:100%;
	text-align:center;
	background: #000000;
}
#header {
	height:130px;
	width:850px;
}
#logo {
	position:absolute;
	z-index:99999;
	height:150px;
	width:165px;
	background: url("assets/discovery_logo.png");
	behavior: url("templates/iepngfix.htc");
}
img {
	border:none;
}
#core_values {
	height:45px;
}
#container {
	text-align:left;
	width:850px;
	margin:0 auto;
	background: #070707;
}
#wrapper {
	float:left;
	width:100%;
}
#content {
	margin: 30px 40px 0 240px;
font-size:13px;
line-height:140%;
}
#left_column {
	float:left;
	width:200px;
	margin-left:-850px;
}
.contact {
	background:#161616 url(assets/menu_bg_top.gif) no-repeat top;
	padding:15px;
	margin:0 0 0 15px;
	font-weight:bold;
}
.contact p {
	margin:0;
}
.contact h2 {
	color:#ff3303;
	background:#161616;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	margin:0;
	padding:0 0 5px 0;
}
#right_column {
	float:left;
	width:150px;
	margin: 20px 0 0 -150px;
}
#right_column img {
	margin:50px 0 100px 0;
}
#footer {
	clear:left;
	width:100%;
	background: #161616 url(assets/discovery_footer.jpg) repeat-x;
	color: #4a4a4a;
	height:30px;
	padding:10px 0;
	text-align:center;
}
#footer p {
	margin:0;
	padding:10px;
}
/******** Menu ********/

.menu {
	z-index:1000;
	margin:25px 0 0 0; /* this page only */
}
.menu_bottom {
	width:185px;
	background:#161616 url(assets/menu_bg_bot.gif) no-repeat bottom;
	margin:0 0 15px 15px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:15px 0 0 0;
	margin:0 0 0 15px;
	list-style-type:none;
	width:185px;
	background:#161616 url(assets/menu_bg_top.gif) no-repeat top;
}
/* hack for IE5.5 */
* html .menu ul {
	margin-left:-16px;
	ma\rgin-left:0;
}
/* position relative so that you can position the sub levels */
.menu li {
	position:relative;
	padding:0;
	background:none;
}
/* get rid of the table */
.menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}
/* style the links */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	line-height:25px;
	width:135px;
	color:#eee;
	font-weight:bold;
	margin: 0 0 0 15px;
	padding:4px 0 5px 20px;
	background: url(assets/menu_bullet.gif) no-repeat .5em 1em;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {
	width:160px;
	w\idth:159px;
}
/* style the link hover */
* html .menu a:hover {
	color:#ff3303;
	background:#353535 url(assets/menu_bullet.gif) no-repeat .5em 1em;
	text-decoration:none;
}
.menu :hover > a {
	color:#ff3303;
	background:#353535 url(assets/menu_bullet.gif) no-repeat .5em 1em;
	text-decoration:none;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:169px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	padding:0;
	visibility:visible;
	background:#353535;
	margin: 0;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/*------------- Contact Form --------------*/

div.contactForm {
	width:300px;
	padding: 0px;
	margin: 20px 0 20px 10px ;
padding: 0 0 0 20px;
border-left:1px solid #fff;
float:right;
}
div.contactFormWide {
	width:400px;
	padding: 0px;
	margin: 20px 0 20px 10px ;
padding: 0 0 0 20px;
border-left:0;
float:left;
}
div.row {
	clear: both;
	padding-top: 5px;
	vertical-align: middle;
}
div.row span.label {
	float: left;
	width: 80px;
	text-align: left;
	padding:0px 10px 0px 0px;
}
div.contactFormWide div.row span.label {
	float: left;
	width: 160px;
	text-align: left;
	padding:0px 10px 0px 0px;
}
div.row span.formw {
	float: right;
	width: 250px;
	text-align: left;
}
div.row span.formw input.text, div.row span.formw textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 250px;
	border: 1px solid #000000;
	background: none !important;
	padding-left: 3px;
}
div.row span.formw input.text, div.row span.formw textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 250px;
	border: 1px solid #000000;
	background: none !important;
	padding-left: 3px;
}
div.row span.formw textarea {
	height:50px;
}
div.spacer {
	clear: both;
}