@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	color: #000000;
}

#home-bg {
	background-image: url(../images/omd_schools-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}

#educational_stimulus-bg {
	background-image: url(../images/omd_schools-bg-educational_stimulus.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}

#buy_online-bg {
	background-image: url(../images/omd_schools-bg-buy_online.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}

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

img {
	border: none;
}



/* LEFT COLUMN */

#wrapper-left_column {
	float: left;
	padding: 0;
	margin: 0;
	width: 235px;
}


#omd_school-logo {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	width: 235px;
	height: 220px;
}



/* NAVIGATION */

#wrapper-sidenav {
	float: left;
	padding: 0;
	margin: 0;
	width: 235px;
	height: 230px;
}

#sidenav {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	display: block;
}

#sidenav li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: inline;
}

#sidenav a {
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block;
}

#sidenav a:hover {
	
}
	
#sidenav a:active, #sidenav a.selected {
	
}

li#link1  {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 31px;
}

li#link2  {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 27px;
}

li#link3, li#link4, li#link5, li#link7  {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 28px;
}

li#link6  {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 29px;
}

li#link8  {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 32px;
}


#sidenav #link1 a:hover {
	background-position: 0 -31px;
}
	
#sidenav #link1 a.selected {
	background-position: 0 -31px;
}

#sidenav #link2 a:hover {
	background-position: 0 -27px;
}
	
#sidenav #link2 a.selected {
	background-position: 0 -27px;
}

#sidenav #link3 a:hover, #sidenav #link4 a:hover, #sidenav #link5 a:hover, #sidenav #link7 a:hover {
	background-position: 0 -28px;
}
	
#sidenav #link3 a.selected, #sidenav #link4 a.selected, #sidenav #link5 a.selected, #sidenav #link7 a.selected {
	background-position: 0 -28px;
}

#sidenav #link6 a:hover {
	background-position: 0 -29px;
}
	
#sidenav #link6 a.selected {
	background-position: 0 -29px;
}

#sidenav #link8 a:hover {
	background-position: 0 -32px;
}
	
#sidenav #link8 a.selected {
	background-position: 0 -32px;
}


#link1 a {
	width: 190px;
	background-image: url(../images/nav-our_aim.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 31px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :31px; /* for IE5/Win */
}

#link2 a {
	width: 190px;
	background-image: url(../images/nav-educational_stimulus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 27px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :27px; /* for IE5/Win */
}

#link3 a {
	width: 190px;
	background-image: url(../images/nav-facilities.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 28px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :28px; /* for IE5/Win */
}

#link4 a {
	width: 190px;
	background-image: url(../images/nav-safety_rules.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 28px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :28px; /* for IE5/Win */
}

#link5 a {
	width: 190px;
	background-image: url(../images/nav-risk_assessment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 28px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :28px; /* for IE5/Win */
}

#link6 a {
	width: 190px;
	background-image: url(../images/nav-book_online.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 29px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :29px; /* for IE5/Win */
}

#link7 a {
	width: 190px;
	background-image: url(../images/nav-blog.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 28px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :28px; /* for IE5/Win */
}

#link8 a {
	width: 190px;
	background-image: url(../images/nav-main_site.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding: 32px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px; !important; /* for most browsers */
	height: /**/ :32px; /* for IE5/Win */
}


#wrapper-contact_details {
	float: left;
	padding: 260px 0 0 15px;
	margin: 0;
	height: 330px; /* FOR IE5 */
	width: 235px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px; /* proper value */
	width: 220px; /* proper value */
}





/* RIGHT COLUMN */

#wrapper-right_column {
	float: left;
	padding: 0;
	width: 765px;
}

#wrapper-flash_slideshow {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	width: 765px;
	height: 365px;
}


#wrapper-content-left {
	float: left;
	padding: 15px 0px 20px 40px;
	margin: 0;
	width: 390px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 350px; /* proper value */
	}

#wrapper-content-right {
	float: left;
	padding: 0 0 0 0;
/*	padding: 15px 0 0 0;*/
	margin: 0;
	width: 375px;
}

.bg_images-meerkat_video {
	background-image: url(../images/images-meerkats_video.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 635px;
	width: 375px;
}

.bg_images-educational_stimulus {
	background-image: url(../images/images-educational_stimulus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1125px;
	width: 375px;
}

.bg_images-buy_online {
	background-image: url(../images/images-buy_online.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 525px;
	width: 375px;
}



h1 {
	display: block;
	margin: 0;
	padding: 0;
	color: #E1001E;
	font-size: 2.0em;
	line-height: 1.0;
	font-weight: bold;
}

h2 {
	display: block;
	margin: 0;
	padding: 0 0 6px 0;
	color: #EC008C;
	font-size: 1.6em;
	line-height: 1.2;
	font-weight: bold;
}

h3 {
	display: block;
	margin: 0;
	padding: 0 0 0px 0;
	color: #EC008C;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: bold;
}

h4 {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffde00;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: bold;
}

h2 a, h2 a:hover {
	text-decoration: underline;
}

.colour-orange {
	color: #F37023;
}

.colour-midblue, h2.colour-midblue a, h2.colour-midblue a:hover {
	color: #0071BC;
}

.colour-green {
	color: #8CC63F ;
}

.colour-lightblue {
	color: #00AEEE;
}

.colour-black {
	color: #000000;
}

.colour-red {
	color: #FF0000;
}




p {
	display: block;
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 1.1em;
	line-height: 1.4;
	color: #000000;
}

p a, p a:hover {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

ul {
	display: block;
	margin: 0;
	padding: 0 0 12px 20px;
}

li {
	margin: 0;
	padding: 3px 0;
	font-size: 1.1em;
	line-height: 1.0;
	font-weight: bold;
}



#meerkat_video {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	height: 225px;
	width: 300px;
}

#video_window {
	float: left;
	display: block;
	padding: 55px 15px 9px 60px;
	height: 289px; /* FOR IE5 */
	width: 375px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 225px; /* proper value */
	width: 300px; /* proper value */
}

#video_text_panel {
	float: left;
	display: block;
	padding: 0px 45px 18px 90px;
	height: 83px; /* FOR IE5 */
	width: 375px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 65px; /* proper value */
	width: 240px; /* proper value */
}

#youtube_text_panel {
	float: left;
	display: block;
	padding: 0px 45px 0px 90px;
	height: 20px; /* FOR IE5 */
	width: 375px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px; /* proper value */
	width: 240px; /* proper value */
}

#video_text_panel p {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	line-height: 1.4em;
}

#youtube_text_panel p {
	display: inline;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	line-height: 1.0;
}

#youtube_text_panel img {
	padding: 0 0 6px 0;
}

#subscribe_text_panel {
	float: left;
	display: block;
	padding: 60px 30px 0px 75px;
	height: 233px; /* FOR IE5 */
	width: 375px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 173px; /* proper value */
	width: 270px; /* proper value */
}

#subscribe_text_panel td {
	padding: 4px;
}

#subscribe_text_panel p {
	padding: 0 0 8px 0;
	margin: 0;
	color: #FFFFFF;
	line-height: 1.3em;
}

form {
	font-size: 1.1em;
	padding: 0;
	margin: 0;

}

input {
	padding: 0;
	margin: 0;
}

label {
	color: #ffde00;
}



/* FOOTER LOGO BLOCK */

#wrapper-footer_logo_block {
	clear: both;
	float: left;
	padding: 0;
	height: 120px;
	width: 1000px;
	background-color: #FFFFFF;
	display: block;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}

#footer_logo_block-omd_logo {
	float: left;
	padding: 0;
	height: 120px;
	width: 150px;
	background-color: #FFFFFF;
	display: block;
}

#footer_logo_block-text_copy {
	float: left;
	background-color: #FFFFFF;
	display: block;
	padding: 18px 0 10px 0;
	width: 225px;
	height: 120px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 92px; /* proper value */
}

#footer_logo_block-text_copy p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.3;
	color: #646464;
}

#footer_logo_block-award_logos {
	float: right;
	background-color: #FFFFFF;
	display: block;
	padding: 0;
	height: 120px;
	width: 550px;
}




/* FOOTER */

#wrapper-footer {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 5px 15px 5px 15px;
	background: #000000;
	width: 1000px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 970px; /* proper value */
}

#wrapper-footer_left {
	float: left;
	display: block;
	padding: 7px 0 4px 0;
	background: #000000;
	width: 730px;
	line-height: 1.0;
}

#wrapper-footer_right {
	float: right;
	display: block;
	padding: 0;
	height: 30px;
	line-height: 30px;
	width: 230px;
	background: #000000;
}

#wrapper-footer p {
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}


#wrapper-footer_right p {
	text-align: right;
}

#wrapper-footer p a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#wrapper-footer p a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}