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

Project:			Sugarcane
Version:			1.0.3
Last change:		20/10/2011
Author:				Claire Perrin
------------------------------------------------------------------*/

/*General*/

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

body{
	font-family: Calibri,"Trebuchet MS",Verdana;
	color: #333;
	font-size: 15px;
	text-align: justify;
	line-height: 18px;
	background: #EAEAEA;
	}

#wrapper{
	margin: 0 auto;
	width: 835px;
	}
	
a{ color: #E40086; text-decoration: none;}
a:hover{ text-decoration: underline }

a img{ border: none; }

.content img{
	padding: 1px;
	border: 1px solid #BDD72E;
	margin: 20px;
	}
	
.content img.left{
	float: left;
	padding: 1px;
	margin: 0 20px 20px 0;
	border: 1px solid #BDD72E;
	}

.content img.right{
	float: right;
	padding: 1px;
	margin: 0 0 20px 20px;
	border: 1px solid #BDD72E;
	}
	
.content img.noborder{ border: none; }

.content .block-left{
	float: left;
	width: 340px;
	padding: 10px;
	margin: 0 10px 10px 0;
	border: 2px solid #BDD72E;
	-moz-border-radius: 14px;
	border-radius: 14px;
	}

/*Headings*/

#header h1{ display: none; }

.content h1, .content h2.heading, #news-events h2.heading{
	font-size:32px;
	color: #E40086;
	margin-bottom: 20px;
	line-height: 32px;
	text-align: left;
	}

.content h2{
	font-size: 23px;
	color: #E40086;
	margin-bottom: 20px;
	line-height: 23px;
	text-align: left;
	}
	
.content h3{
	font-size: 20px;
	color: #0186CD;
	margin-bottom: 15px;
	line-height: 20px;
	text-align: left;
	}

.content h4{
	font-size: 18px;
	color: #6BB448;
	margin-bottom: 10px;
	line-height: 18px;
	text-align: left;
	}
		
.content h5{
	font-size: 16px;
	color: #E40086;
	margin-bottom: 10px;
	line-height: 16px;
	text-align: left;
	}
	
.content h6{
	font-size: 15px;
	color: #E40086;
	margin-bottom: 10px;
	}

/*Head*/	
	
#header{
	height: 130px;
	background: url(/assets/img/header-bkg.jpg) no-repeat;
	}
	
#header .logo{
	float: left;
	width: 488px;
	height: 123px;
	}
	
#header #right{
	float: right;
	width: 327px;
	height: 122px;
	background: url(/assets/img/header-box.png) no-repeat;
	}
	
#header #right p {
	font-size:20px;
	height:98px;
	line-height:22px;
	padding-top:28px;
	text-align:center;
	}
		
/*Menu*/

#menu{
	height: 30px;
	padding: 5px 0 20px 0;
	width: 852px;
	margin: 0 auto;
	}
	
/*Home Page*/

#finalists, #winner{
	width: 760px;
	margin: 0 auto;
	}
	
#finalists{
	clear: both;
	height: 315px;
	margin-bottom: 30px;
	}

#finalists div{ position: relative; }
	
.home #winner{
	background: url(/assets/img/orange.png) no-repeat;
	height: 90px;
	margin-top:20px;
	margin-bottom: 30px;
	}

.home #winner h2{
	padding:14px 0 10px 10px;
	color: #fff;
	font-size: 34px;
	line-height: 32px;
	margin: 0;
	}
	
#winner h2{
	padding: 9px 0 10px 10px;
	color: #fff;
	font-size: 34px;
	line-height: 32px;
	margin: 0;
	}
	
#winner p{
	padding: 10px 30px 0 0;
	color: #fff;
	text-align: center;
	font-size: 18px;
	float: right;
	}
	
#winner .left{ float: left; width: 350px; }
	
#winner .left p{ padding: 0; }
	
#winner a{ color: #fff; text-decoration: underline; }
	#winner a:hover{ text-decoration: none; }

#red, #blue, #yellow, #green, #pink{
	float: left;
	width: 365px;
	height: 143px;
	}
	
#red{
	margin: 0 30px 30px 0;
	background: url(/assets/img/red.png) no-repeat;
	}
	
#blue{
	margin: 0 0 30px 0;
	background: url(/assets/img/blue.png) no-repeat ;
	}
	
#yellow{
	margin: 0 30px 30px 0;
	background: url(/assets/img/yellow.png) no-repeat ;
	}
	
#green{
	margin: 0 0 30px 0;
	background: url(/assets/img/green.png) no-repeat ;
	}
	
#pink{
	margin: 0 0 30px 0;
	background: url(/assets/img/pink.png) no-repeat ;
	}
	
#red h2, #blue h2, #yellow h2, #pink h2{
	padding:15px 10px 20px 10px;
	color: #fff;
	font-size: 32px;
	margin: 0;
	}
	
#green h2{
	line-height: 33px;
	padding:7px 10px 15px 10px;
	color: #fff;
	font-size: 32px;
	margin: 0;
	}
	
#red p, #blue p, #yellow p, #green p, #pink p{
	padding: 0 10px 0 10px;
	color: #fff;
	font-size: 16px;
	}
	
.judges-right{
	position: absolute;
	bottom: 8px;
	right: 5px;
	}
	
.judges-right a{ color: #fff; text-decoration: underline; }
	.judgesright a:hover{	text-decoration: none;	}
			
/*Content*/

#middle{
	background: url(/assets/img/middle-bkg.jpg) repeat-y;
	padding: 20px 40px 5px 40px;
	}
	
.content p{ padding-bottom: 15px; }

.content ol{
	margin-left: 40px;
	padding: 0 0 10px 20px;
	width: 680px;
	}

.content ul{
	margin-left: 40px;
	padding: 0 0 10px 20px;
	width: 680px;
	}

.content ol li{
	list-style: decimal; 
	list-style-position: outside;
	}

.content ul li{
	list-style: disc;
	list-style-position: outside;
	}
	
.content ul li, .content ol li{	padding-bottom: 5px;	}

.content hr{
	border: none;
	border-bottom: 1px solid #BDD72E;
	margin-bottom: 20px;
	padding-top: 10px;
	}

/*News and Events*/
	
ul.home-events{	
	margin: 0;
	width: 450px;
	height: 132px;
	float: left;
	padding: 0 0 10px 0;
	}
	
ul.home-events li{
	list-style: none;
	}
	
#news-events{
	width: 448px;
	float: left;
	}
	
#news-events ul li, ul.home-events li{
	background:url("/assets/img/news-box.png") no-repeat scroll 0 0 transparent;
	height:92px;
	width:368px;
	margin-bottom: 20px;
	padding: 20px 40px 10px 40px;
	}
	
#news-events ul li.last{	margin-bottom: 0;	}
	
#news-events .title, ul.home-events .title{
	float: left;
	font-size: 18px;
	margin-bottom: 10px;
	border-right: 1px solid #ccc;
	padding-right: 5px;
	margin-right: 5px;
	font-weight: bold;
	}
	
#news-events p.date, ul.home-events p.date{
	color: #666;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: bold;
	}
	
#news-events .preview, ul.home-events .preview{
	clear: both;
	}
	
.news-events-archive{
	width: 232px;
	float: right;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	
	font-weight: bold;
	}

.news-events-archive ul .year{
	clear: both;
	font-size: 23px;
	}
	
.news-events-archive ul .year ul{
	position: relative;
	height: 150px;
	width: 220px;
	margin: 20px 0;	
	background: url(/assets/img/archive.png) no-repeat;
	}
	
.news-events-archive ul li ul li{
	float: left;
	width: 25px;
	height: 20px;
	margin: 0 10px 10px 0;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	}
	
.news-events-archive ul li ul li:hover a{ text-decoration: underline;}
	
.news-events-archive ul li ul li a{ color: #fff; }	
	.news-events-archive ul li ul li a:hover{ text-decoration: none; }	

.news-events-archive ul li ul li.m01{ top: 0; left: 0; }
.news-events-archive ul li ul li.m02{ top: 0; left: 55px; }
.news-events-archive ul li ul li.m03{ top: 0; left: 110px; }
.news-events-archive ul li ul li.m04{ top: 0; right: 0; }
.news-events-archive ul li ul li.m05{ top: 50px; left: 0; }
.news-events-archive ul li ul li.m06{ top: 50px; left: 55px; }
.news-events-archive ul li ul li.m07{ top: 50px; left: 110px; }
.news-events-archive ul li ul li.m08{ top: 50px; right: 0; }
.news-events-archive ul li ul li.m09{ bottom: 0; left: 0; }
.news-events-archive ul li ul li.m10{ bottom: 0; left: 55px; }
.news-events-archive ul li ul li.m11{ bottom: 0; left: 110px; }
.news-events-archive ul li ul li.m12{ bottom: 0; right: 0; }

.content .news-date{
	text-align: right;
	color:#666;
	font-size:12px;
	letter-spacing:1px;
	}
	
/*Footer*/

#footer{
	background: url(/assets/img/footer-bkg.jpg) no-repeat bottom left;
	height: 70px;
	margin-bottom: 20px;
	}
	
#footer a.fbook{
	float: right;
	margin-right: 40px;
	}
	
#footer a.fbook img{	border: none;	}
	
#footer p{
	text-align: right;
	padding: 30px 40px 0 0;
	font-size: 11px;
	color: #999;
	clear: both;
	}
	
#footer p a{ color: #999; }
	#footer p a:hover{ color: #E40086; text-decoration: none; }

/*Logos*/

#logos{ 
	padding-bottom: 20px;
	height: 116px;
	}

#logos ul{
	width: 835px;
	clear: both;
	}

#logos ul li{
	float: left;
	margin-right: 39px;
	}
	
#logos a {
	display:block;
	height:0;
	padding-top:58px;
	}
	
#logos a span {	display:none;	}
	
/*logos top*/
#logos ul.top{ height: 65px; }

#logos ul.top li{ margin-right: 46px; }

#logos ul li.besa {	background:url("/assets/img/besa.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:89px;	}
	#logos ul li.besa:hover { background:url("/assets/img/besa.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.affi{	background:url("/assets/img/affi.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:55px;	}
	#logos ul li.affi:hover { background:url("/assets/img/affi.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.bril{	background:url("/assets/img/bril.jpg") no-repeat scroll 0 -62px transparent; height:62px; width:55px;	}
	#logos ul li.bril:hover { background:url("/assets/img/bril.jpg") no-repeat scroll 0 0 transparent;	}	

#logos ul li.manic {	background:url("/assets/img/manic.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:94px;	}
	#logos ul li.manic:hover { background:url("/assets/img/manic.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.emas {	background:url("/assets/img/emas.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:97px;	}
	#logos ul li.emas:hover { background:url("/assets/img/emas.jpg") no-repeat scroll 0 0 transparent;	}
		
#logos ul li.gold {	background:url("/assets/img/gold.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:67px;	}
	#logos ul li.gold:hover { background:url("/assets/img/gold.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.kido {	background:url("/assets/img/kido.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:64px;	}
	#logos ul li.kido:hover { background:url("/assets/img/kido.jpg") no-repeat scroll 0 0 transparent;	}

/*logos bottom*/

#logos ul.bottom{ width: 835px; margin: 0 auto; }

#logos ul li.all {	background:url("/assets/img/all.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:80px;	}
	#logos ul li.all:hover { background:url("/assets/img/all.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.inst {	background:url("/assets/img/inst.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:118px;	}
	#logos ul li.inst:hover { background:url("/assets/img/inst.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.litt {	background:url("/assets/img/litt.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:114px;	}
	#logos ul li.litt:hover { background:url("/assets/img/litt.jpg") no-repeat scroll 0 0 transparent	;}
	
#logos ul li.goet {	background:url("/assets/img/goet.jpg") no-repeat scroll 0 -58px transparent; height:59px; width:92px; margin: 0;	}
	#logos ul li.goet:hover { background:url("/assets/img/goet.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.ssat {	background:url("/assets/img/ssat.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:115px;	}
	#logos ul li.ssat:hover { background:url("/assets/img/ssat.jpg") no-repeat scroll 0 0 transparent;	}

#logos ul li.inet {	background:url("/assets/img/inet.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:59px;	}
	#logos ul li.inet:hover { background:url("/assets/img/inet.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.bril2 {	background:url("/assets/img/bril2.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:96px; }
	#logos ul li.bril2:hover { background:url("/assets/img/bril2.jpg") no-repeat scroll 0 0 transparent;	}
	
#logos ul li.edshow {	background:url("/assets/img/edshow.jpg") no-repeat scroll 0 -58px transparent; height:58px; width:115px; margin: 0;	}
	#logos ul li.edshow:hover { background:url("/assets/img/edshow.jpg") no-repeat scroll 0 0 transparent;	}
	
/*Contact*/

iframe{
	border: 1px solid #BDD72E;
	float: right;
	width: 278px;
	}
	
#contact-form{
	color: #E40086;
	width:448px;
	float: left;
	}
	
#contact-form div{ float: left; margin-bottom: 5px;}
	
#contact-form label{
	float: left;
	width: 80px;
	height:20px;
	margin: 8px 0 15px 5px;
	font-weight: bold;
	}
	
#contact-form .name label, #contact-form .name input{ color: #E41D1F;}
#contact-form .school label, #contact-form .school input{color: #FF6633; }
#contact-form .phone label, #contact-form .phone input{ color: #0099CC;}
#contact-form .email label, #contact-form .email input{ color: #6CBA3C;}
#contact-form .message label, #contact-form .message textarea{ color: #E40086;}

#contact-form .name input{ border: 2px solid #E41D1F;}
#contact-form .school input{ border: 2px solid #FF6633;}
#contact-form .phone input{ border: 2px solid #0099CC;}
#contact-form .email input{ border: 2px solid #6CBA3C;}

#contact-form input{
	border: none;
	width: 327px;
	height: 20px;
	padding: 5px;
	font-family:  Calibri, "Trebuchet MS", Verdana;
	font-size: 15px;
	font-weight: bold;
	background: url(/assets/img/fade.jpg) repeat-x bottom left;
	}

#contact-form .message textarea{ border: 2px solid #E40086; }	

#contact-form textarea{
	height: 113px;
	width: 327px;	
	padding: 5px;
	font-family: Calibri, "Trebuchet MS", Verdana;
	font-size: 15px;
	font-weight: bold;
	background: url(/assets/img/fade.jpg) repeat-x bottom left
	}

#contact-form .submitbutton{
	float: right;
	margin: 5px 20px 0 0 ;
	}

#contact-form .submitbutton input{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	width: 87px;
	padding: 5px 10px;
	height: 42px;
	border: none;
	background: url(/assets/img/send.jpg) no-repeat;
	}
	
#contact-form .submitbutton input:hover{ background: url(/assets/img/send-hover.jpg) no-repeat; color: #FBB40E; cursor: pointer; }
	
/*Misc*/

.clear{	clear: both;	}

span.pink{	color: #E40086;	}