﻿
/*------------------------------------------------
    fonts & headers
------------------------------------------------*/
body, html 
{
    font-family:arial, sans-serif;
    background:#d2e184 url(../img/background.jpg) repeat-x fixed;
    font-size:14px;
}
h1,h2,h3,h4,h5
{
    font-size:20px;
    color:#b2c825;
    padding-bottom:10px;
}
h1
{
    padding:0 0 14px 0;
    margin:0 0 14px 0;
    color:#ffffff;
    font-size:40px;
}
/*------------------------------------------------------------------------
	minimal reset
------------------------------------------------------------------------*/
*
{
	margin:0;
	padding:0;
}
article, aside, footer, header, nav, section
{
	display:block;
}
.clear:after, .container2:after
{
    content:'|';
    clear:both;
    visibility:hidden;
    display:block;
    font-size:1px;
}
/* stop auto text resizing in some places */
nav, footer, ul.breadcrumbs
{
	-webkit-text-size-adjust:none;
}
/*------------------------------------------------------------------------
	general styles
------------------------------------------------------------------------*/
html
{
	font-size:14px;
	line-height:1.2;
	color:#b2c825;
}
a
{
	color:#939598;
	text-decoration:none;
	font-weight:bold;
}
a:hover
{
	color:#939598;
	text-decoration:underline;
}
a *
{
	cursor:pointer;
}
a img
{
	border:none;
}
img
{
	-ms-interpolation-mode:bicubic;
}
p
{
    padding:0 0 14px 0;
    color:#b2c825;
}
ul, ul li, ol, ol li
{
    margin:0;
	padding:0;
	list-style-type:none;
}
/*------------------------------------------------------------------------
	content area
------------------------------------------------------------------------*/
.container1
{
	width:100%;
	text-align:center;
}
.content
{
	width:960px;
	margin:20px auto 0 auto;
	position:relative;
	text-align:left;
	background:#231f20 url(../img/accreditation.gif) bottom left no-repeat; 
	padding-bottom:55px;
	border-bottom:solid 5px #ffffff;
}
/*------------------------------------------------------------------------
	header
------------------------------------------------------------------------*/
#header
{
	height:68px;
	width:800px;
	padding:0 0 0 160px;
	overflow:hidden;
	background:#231f20 url(../img/logo.gif) no-repeat;
	position:relative;
}
#header ul
{
	width:500px;
	position:absolute;
	left:160px;
	bottom:-1px;
	margin:0;
	overflow:hidden;
}
#header ul li
{
	float:left;
	padding:0;
	margin:0;
	overflow:hidden;
}
#header ul li a
{
	padding:8px 12px 4px 12px;
	display:block;
	color:#ffffff;
	background:#231f20;
}
#header ul li.active a
{
	color:#b2c825;
	background:#ffffff;
}
#header p
{
	width:294px;
	position:absolute;
	padding-right:20px;
	right:0;
	top:10px;
	color:#ffffff;
	font-size:30px;
	text-align:right;
}
#header p strong
{
    display:block;
    font-size:12px;
}
#header p strong em
{
    color:#b2c825;
    font-style:normal;
}
/*------------------------------------------------------------------------
	hero
------------------------------------------------------------------------*/
#hero
{
	width:960px;
	height:366px;
	border-bottom:solid 30px #b2c825;
	background:#ffffff;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
#hero #heroWrapper, #hero #heroWrapper ol
{
	position:absolute;
	top:0;
	left:0;
	width:3880px;
	height:366px;
}
#hero #heroWrapper ol
{
	list-style-type:none;
	padding:0;
	margin:0;
}
#hero .slide
{
    position:absolute;
    top:0;
    left:0;
    width:960px;
	height:366px;	
}
#hero .slide img, #hero .slide .img
{
    position:absolute;
    top:0;
    left:0;
}
#hero .slide .img img
{
	position:relative;
	top:auto;
	left:auto;
	display:block;
}
#hero .slide .img a
{
	display:block;
	margin:20px 10px 10px 10px;
}
#hero #slide2
{
    left:960px;
    background:#ffffff;
}
#hero #slide3
{
    left:1920px;
    background:#ffffff;
}
#hero #slide4
{
    left:2860px;
    background:#ffffff;
}
#hero .slide .text
{
	color:#000000;
	width:400px;
	position:absolute;
	top:30px;
	right:20px;
	font-size:12px;
}
#hero .slide .text p
{
	color:#000000;
}
#hero .slide .text ul
{
	list-style-type:disc;
	margin:0 0 14px 20px;
}
#hero .slide .text ul li
{
	list-style-type:disc;
	padding:4px 0 0 0;
}
/*------------------------------------------------------------------------
	contact us form
------------------------------------------------------------------------*/
#contactUs
{
    padding:20px;
}
#contactUs h2
{
    color:#b2c825;
    padding-bottom:20px;
}
#contactUs .left
{
    width:460px;
    padding-right:20px;
    float:left;
}
#contactUs .right
{
    width:300px;
    padding-left:50px;
    float:left;
}
#contactUs .right p
{
    color:#ffffff;
}
ul.form label
{
    width:80px;
    padding-right:10px;
    float:left;
    color:#ffffff;
    text-align:right;
}
ul.form li
{
    padding:4px 0;
}
ul.form li input,
ul.form li textarea
{
    padding:2px 0;
    width:330px;
}
ul.form li.btn
{
    padding:10px 0 10px 90px;
}
ul.form li.btn input
{
    color:#000000;
    background:#b2c825;
    border:solid 1px #b2c825;
    padding:2px 10px;
    width:120px;
}