/*------------------------------------------------------------------
[Master Stylesheet]

Project:				EMAS UK - Sugarcane
Version:			1.0.3
Last change:		31/10/2011
Author:				Claire Perrin
------------------------------------------------------------------*/

/*General*/

*{margin:0;padding:0; list-style: none;}

body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #444444;
	background: #F4F4F4;
	font-size: 13px;
	text-align: justify;
	}

#wrapper{
	margin: 0 auto;
	width: 970px;
	padding-top: 48px;
	background: url(/assets/img/middle.png) no-repeat;
	}
	
#header, #middle{
	width: 897px;
	margin: auto;	
	padding-left: 70px;
	}
	
/*Header*/	

#header{	position: relative;	}

#header h1{	display: none;	}

#header .logo{	padding-bottom: 20px;	}

#header a img{	border: none;	}

#header .contact-tel{
	position: absolute;
	top: 24px;
	left: 350px;
	font-family: "Century Gothic", "AvantGarde Bk BT", GeosansLight;	
	font-size: 14px;
	text-align: center;
	color: #266C7D;
	}

#header .contact-tel span{
	font-size: 16px;
	}
	
#header .contact-tel a{
	border-bottom: 1px dotted #266C7D;
    color: #266C7D;
	text-decoration: none;
	}
	
#header .contact-tel a:hover{
	border-bottom: 1px solid #295726;
    color: #295726;
	}
	
/*Birdie*/

.birdie{
	position: absolute;
	top: 36px;
	left: 642px;
	z-index: 100;
	}
	
/*Menu*/

#menu{
	width: 100%;
	background: url(/assets/img/menu.png) repeat-x bottom #266C7D;
	height: 28px;
	font-size: 13px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	font-family: "Century Gothic", "AvantGarde Bk BT", GeosansLight;	
	}

.menu-wrapper{
	width: 897px;
	margin: auto;	
	padding-left: 70px;
	}
	
.menu-wrapper p{
	float: left;
	margin: 5px 0;
	padding-left: 19px;
	background: url(/assets/img/healthcare.png) no-repeat scroll 0 0;
	color: #FFFFFF;
	}
	
.menu-wrapper p a{
	color: #FFFFFF;
	text-decoration: none;
	}
/*-----*/

#main{
	width: 637px;
	float: left;
	}
	
#banner{
	height: 220px;
	width: 637px;
	background: url(/assets/img/banner-bkg.png) no-repeat;
	margin: 0 0 15px 0;
	z-index: 50;
	}

#banner #pictures{
	width: 633px;
	height: 169px;
	overflow: hidden;
	}
	
#banner #pictures img{
	padding: 4px 4px 0 4px;
	display: block;
	}

#banner #testimonials{
	background: url(/assets/img/testimonials.png) no-repeat;
	width: 609px;
	height: 36px;
	margin: 0 4px 4px 4px;
	padding: 5px 10px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Century Gothic;
	}
	
#banner #testimonials ul li span{
	font-weight: bold;
	display: block;
	}

/*Content*/

.content{	line-height: 17px;	}	
	
.content p{	margin-bottom: 10px;	}	
	
.content img{
	padding: 1px;
	margin: 0 15px 15px 15px;
	border: 1px solid #B7DDE8;
	}
	
.content img.left{
	float: left;
	margin: 0 15px 15px 0;
	}

.content img.right{
	float: right;
	margin: 0 0 15px 15px;
	}
	
.content img.no-border{
	border: none;
	padding: 0;
	}
	
.content img.pad-mar{
	margin: 0;
	padding: 0;
	}
	
.content a.remove,
.content a.remove:hover{	border-bottom: none;	}
	
.content a{
	color: #266C7D;
	text-decoration: none;
	border-bottom: 1px dotted #266C7D;
	}
	
.content a:hover{
	color: #295726;
	border-bottom: 1px solid #295726;
	}

.content ul,
.content ol{	margin: 0 15px 15px 15px;	}

.content ul ul{	margin-left: 35px;	}
	
.content ul li{
	background: url(/assets/img/bullet.png) no-repeat scroll 0 4px;
	padding: 0 0 3px 20px;
	}
	
.content ol li{
	list-style: decimal;
	padding-bottom: 3px;
	}
	
.content hr{
	border-top: none;
	border-right: none;
	border-bottom: 2px dotted #B7DDE8;
	border-left: none;
	margin-bottom: 15px;
	}
	
.content p.quote{
	padding-bottom: 10px;
	font-style: italic;
	margin: 0 10px;
	}
	
.content p.author{
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	}
	
/*Headings*/

h1, h2, h3, h4, h5, h6{
	font-family: 'Century Gothic';
	font-weight: normal;
	color: #295726;
	text-align: left;
	}

h1{
	font-size: 23px;
	padding-bottom: 20px;
	}

h2{
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 23px;
	}

h2.heading{	color: #266C7D;	}
	
h3{
	font-size: 18px;
	padding-bottom: 15px;
	}

h4{
	font-size: 16px;
	padding-bottom: 15px;
	}
	
h5{
	font-size: 15px;
	padding-bottom: 10px;
	}
	
h6{
	font-size: 14px;
	padding-bottom: 10px;
	}
		
/*Side*/

#side{
	width: 237px ;
	float: right;	
	}
	
.Hidden #side .side-menu{	display: none;	}

#side .side-menu{	margin-bottom: 20px;	}
	
#side .side-menu li{
	border-bottom: 2px dotted #B7DDE8;
	font-family: 'Century Gothic';
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: left;
	}
	
#side .side-menu li a{
	color: #444444;
	text-decoration: none;
	}
	
#side .side-menu li:hover a,
#side .side-menu li.current a{
	color: #266C7D;
	font-weight: bold;
	}

#side .side-menu li ul{	margin-top: 8px;	}	
	
#side .side-menu li ul li{
	list-style-image: url(/assets/img/bullet.png);
	list-style-position: outside;
	border-bottom: none;
	margin: 2px 5px 0 20px;
	font-size: 13px;
	}
	
#side .side-menu li:hover ul li a,
#side .side-menu li.current ul li a{
	color: #444444;
	font-weight: normal;
	}

#side .side-menu li ul li:hover a{
	color: #266C7D;
	font-weight: bold;
	}
	
#side .events{
	border-bottom: 2px dotted #B7DDE8;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
	
#side .title{
	font-family: 'Century Gothic';
	font-size: 15px;
	color: #444444;
	text-decoration: none;
	margin-right: 10px;
	float: left;
	width: 189px;
	text-align: left;
	}

#side .title:hover{	color: #266C7D;	}
	
.news .date{	background: url(/assets/img/date.png) no-repeat scroll 0 0;	}
.events .date{	background: url(/assets/img/date.png) no-repeat scroll 0 -38px;	}

.date{
	font-weight: bold;
	text-align: center;
	width: 38px;
	height: 38px;
	float: right;
	}
	
.date .month{
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 1px;
	}
	
.date .day{
	font-family: 'Century Gothic';
	font-size: 16px;
	padding-top: 3px;
	}
	
#side .preview{
	clear: both;
	padding: 10px 0 ;
	}
	
#side .preview a{
	color: #266C7D;
	text-decoration: none;
	border-bottom: 1px dotted #266C7D;
	}
	
#side .preview a:hover{
	color: #295726;
	border-bottom: 1px solid #295726;
	}
	
#side .link{
	font-family: 'Century Gothic';
	font-size: 14px;
	text-align: right;
	}
	
#side .link a{
	color: #266C7D;
	text-decoration: none;
	}

#side .link a:hover{	color: #295726;	}

#side #tutor {
	margin-top: 15px;
	border: 1px solid #D2D4D6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 3px;
	width: 231px;
	height:  202px;
	position: relative;
	}
	
#side #tutor object{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	}
	
#side #tutor h3{
	padding: 0 0 5px 7px;
	position: absolute;
	left: 0;
	bottom: 0;
	}
	
/*Buttons*/

.button{
	width: 239px;
	height: 49px;
	margin-bottom: 15px;
	}
	
.button a{
	display: block;
	height: 0;
	padding-top: 49px;
	}
	
.button a span{	display: none;	}

.button.login{
	background: url(/assets/img/buttons.png) no-repeat scroll 0 0;
	margin-bottom: 2px;
	}
.button.login:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -49px;	}

.button.fbook{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -200px;	}
.button.fbook:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -249px;	}

.button.join{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -909px;	}
.button.join:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -959px;	}

/*.button.join{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -300px;	}
.button.join:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -349px;	}*/

.button.shop{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -400px;	}
.button.shop:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -450px;	}

.button.brochure{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -810px;	}
.button.brochure:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -860px;	}

p.little{
	font-size: 10px;
	margin-bottom: 13px;
	text-align: right;
	}
	
p.little a{
	border-bottom: 1px dotted #266C7D;
    color: #266C7D;
    text-decoration: none;
	}
	
p.little a:hover{
	border-bottom: 1px solid #295726;
    color: #295726;
	}

#buttons{	clear: both;	}

#buttons ul li{
	width: 182px;
	height: 49px;
	margin: 15px 15px 0 0;
	float: left;
	}
	
#buttons ul li a{
	display: block;
	height: 0;
	padding-top: 49px;
	}

#buttons ul li a span{	display: none;	}

#buttons .order{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -606px;	}
#buttons  .order:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -656px;	}

#buttons .price{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -708px;	}
#buttons  .price:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -758px;	}

#buttons .info{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -1009px;	width: 400px;}
#buttons  .info:hover{	background: url(/assets/img/buttons.png) no-repeat scroll 0 -1058px;	}

p.anc-button{margin-bottom: 20px;}

p.anc-button a{
    background:  url(/assets/img/buttons.png) repeat-x scroll 0 -508px;
    border: 1px solid #25522F;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
    color: #FFFFFF; 
    padding: 7px;
    text-align: center;
	font-family: Century Gothic;
	font-size: 15px;
	}
	
p.anc-button a:hover{
    background:  url(/assets/img/buttons.png) repeat-x scroll 0 -557px;
	color: #CCCCCC;
	border: 1px solid #7F9787;
	}
	
/*Sections*/

#sections{	margin-top: 15px;	}

#sections ul li{
	width: 148px;
	height: 62px;
	float: left;
	margin-right: 15px;
	}
	
#sections ul li a{
	display: block;
	height: 0;
	padding-top: 62px;
	}

#sections ul li a span{	display: none;	}
	
#sections ul li.school{	background: url(/assets/img/sections.png) scroll 0 0 ;			}
#sections ul li.books{	background: url(/assets/img/sections.png) scroll 0 -62px ;		}
#sections ul li.training{	background: url(/assets/img/sections.png) scroll 0 -124px ;	}
#sections ul li.tutor{		background: url(/assets/img/sections.png) scroll 0 -186px ;	}		

#sections ul li.school:hover{	background: url(/assets/img/sections.png) scroll -148px 0 ;			}
#sections ul li.books:hover{	background: url(/assets/img/sections.png) scroll -148px -62px ;		}
#sections ul li.training:hover{	background: url(/assets/img/sections.png) scroll -148px -124px ;	}
#sections ul li.tutor:hover{		background: url(/assets/img/sections.png) scroll -148px -186px ;	}	
	
#sections ul li.last{ margin: 0;	}

#plca{
	margin: 15px 15px 0 0;
	float: left;
	}
	
#plca img a {	border: none;	}

/*News and Events*/

#main .news ul li,
#main .events ul li{	clear: both;		}

#main .title{
	font-family: 'Century Gothic';
	text-decoration: none;
	font-size: 15px;
	color: #266C7D;
	text-align: left;
	display: inline-block;
	width: 580px;
	margin-bottom: 5px;
	}
	
#main .title:hover{ color: #444444;	}
	
#main .date{
	float: left;
	margin: 5px 15px 10px 0;
	}
	
#main .preview{
	margin-bottom: 15px;
	padding-bottom: 15px;
	display: inline-block;
	width: 580px;
	border-bottom: 2px dotted #B7DDE8;
	}
	
#main .last .preview{
	border-bottom: none;
	padding: 0;
	margin: 0;
	}
	
#main .preview a{
	color: #266C7D;
	text-decoration: none;
	border-bottom: 1px dotted #266C7D;
	}
	
#main .preview a:hover{
	color: #295726;
	border-bottom: 1px solid #295726;
	}

/*Archive*/

#archive ul .year{
	width: 237px;
	height: 92px;
	margin-bottom: 15px;
	font-size: 16px;
	text-align: right;
	padding-top: 6px;
	}
	
#archive ul .year.odd{	background: url(/assets/img/year-odd.png) no-repeat top right;	}
#archive ul .year.even{	background: url(/assets/img/year-even.png) no-repeat;	}

#archive ul .year a{
	color: #266C7D;
	text-decoration: none;
	font-family: 'Century Gothic';
	margin-right: 12px;
	}
	
#archive.news-archive ul .year.current a{	border-bottom: 2px solid #BC3D0F;	}
#archive.events-archive ul .year.current a{	border-bottom: 2px solid #0E61B5;	}

#archive ul li ul{
	position: relative;
	width: 225px;
	height: 73px;
	margin: 5px;
	background: url(/assets/img/months-bkg.png) no-repeat;
	}

#archive ul li ul .month{
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 7px 5px 3px 5px;
	font-size: 16px;
	text-align: center;
	font-family: 'Century Gothic';
	line-height: 16px;
	}

#archive ul li ul .m01{ top: 0; left: 0;}
#archive ul li ul .m02{ top: 0; left: 39px;}
#archive ul li ul .m03{ top: 0; left: 77px;}
#archive ul li ul .m04{ top: 0; left: 115px;}
#archive ul li ul .m05{ top: 0; left: 153px;}
#archive ul li ul .m06{ top:	0; left: 191px;}
#archive ul li ul .m07{ top: 38px; left: 0;}
#archive ul li ul .m08{ top: 38px; left: 38px;}
#archive ul li ul .m09{ top: 38px; left: 76px;}
#archive ul li ul .m10{ top: 38px; left: 114px;}
#archive ul li ul .m11{ top: 38px; left: 152px;}
#archive ul li ul .m12{ top: 38px; left: 190px;}

#archive.news-archive ul li ul .month.current{	background: url(/assets/img/news-current.png) no-repeat;	}
#archive.events-archive ul li ul .month.current{	background: url(/assets/img/events-current.png) no-repeat;	}

#archive ul .year.current ul .month a{	border: none;	}

#archive ul .year ul li a{
	text-decoration: none;
	color: #444444;
	font-weight: bold;
	margin: 0;
	}

/*Footer*/

#footer-wrapper{
	background: url(/assets/img/footer-wrapper.png) repeat-x;
	height: 173px;
	margin-top: 20px;
	}

#footer{
	background: url(/assets/img/footer-bkg.png) no-repeat;
	height: 173px;
	width: 897px;
	margin: auto;	
	padding-left: 70px;
	position: relative;
	}

#footer div{	float: left;	}

#footer .awards{
	border-right: 2px dotted #B7DDE8;
	margin-right: 20px;
	padding-right: 5px;
	}
	
#footer .awards img{	margin-right: 15px;	}

#footer #networks{
	position: absolute;
	bottom: 40px;
	right: 80px;
	}

#footer #networks a {	display: inline-block;	}	
	
#footer #networks a img{
	border: none;
	margin-right: 10px;
	}

#footer .contact{
	clear: both;
    color: #FFFFFF;
    font-size: 10px;
    letter-spacing: 0.04em;
    padding-top: 32px;
	}

#footer .contact a{	color: #FFFFFF;	}

/*Contact*/
	
#contact-form div,
#free-sample-form div{
	float: left;
	margin-bottom: 15px;
	}

#contact-form .nudge{	margin-left: 15px;	}
	
#contact-form label,
#free-sample-form label{
	float: left;
	width: 80px;
	font-family: 'Century Gothic';
	font-size: 16px;
	padding-top: 5px;
	color: #295726;
	text-align: left;
	}
	
#free-sample-form label{	width: 140px;	}

#contact-form input, #contact-form textarea,
#free-sample-form input, #free-sample-form textarea{
	border: 2px dotted #CCCCCC;
	background: #F9F9F9;
	color: #444444;
	font-size: 12px;
	font-family: inherit;
	}
	
#contact-form input{
	width: 217px;
	height: 25px;
	padding: 2px 5px;
	}
	
#free-sample-form input{
	width: 156px;
	height: 25px;
	padding: 2px 5px;
	}
	
#free-sample-form .eal input{
	width: 475px;
	}

#contact-form textarea, #free-sample-form textarea{
	height: 100px;
	width: 475px;	
	padding: 5px;
	}
	
#contact-form .submitbutton, #free-sample-form .submitbutton{
	float: right;
	background: url(/assets/img/buttons.png) no-repeat scroll 0 -99px;
	height: 49px;
	width: 110px;
	}
	
#contact-form .submitbutton:hover, #free-sample-form .submitbutton:hover{
background: url(/assets/img/buttons.png) no-repeat scroll 0 -148px;
}

#contact-form .submitbutton label, #free-sample-form .submitbutton label{	display: none;	}

#contact-form .submitbutton input, #free-sample-form .submitbutton input{
	height: 49px;
	width: 110px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: 'Century Gothic';
	font-size: 20px;
	border: none;
	background: none;
	}

#contact-form .submitbutton:hover input, #free-sample-form .submitbutton:hover input{		cursor: pointer;	}

.contact .numbers{
	margin: 15px 0 0 80px;
	float: left;
	}
	
.contact .numbers p{
	float: left;
	font-family: 'Century Gothic';
    font-size: 21px;
	margin-right: 35px;
	}

.contact .numbers p.last{	margin: 0;	}	

#side .emails{	margin-top: 35px;	}
	
#side .emails h4{
	padding-bottom: 5px;
	font-size: 17px;
	}
	
#side .emails p{	padding-bottom: 15px;	}
	
#side .emails p a{
	color: #266C7D;
	text-decoration: none;
	border-bottom: 1px dotted #266C7D;
	}
	
#side .emails p a:hover{
	color: #295726;
	border-bottom: 1px solid #295726;
	}
	
#social{
	margin-bottom: 10px;
	height: 25px;
	}

#social .fb_edge_widget_with_comment{	width: 170px;	}
	
/*Forms*/

.content label{
	float: left;
	width: 80px;
	font-family: 'Century Gothic';
	font-size: 16px;
	padding-top: 5px;
	color: #295726;
	}

.content input, .content textarea{
	border: 2px dotted #CCCCCC;
	background: #F9F9F9;
	color: #444444;
	font-size: 12px;
	padding: 2px;
	font-family: inherit;
	}
	
.sch_name, .loc-auth, .sch_web, .em_add{	margin-right: 10px;	}
	
/*Misc*/

.clear{	clear: both;	}

/*Tables*/
table{margin-bottom: 15px;	}

table th{	background: #F0F3F4;	}

table td,
table th{
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

table.language{
	float: right;
	margin-left: 20px;
	}
	
table.language th{	width: 100px;	}