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


body{font:Arial, Helvetica, sans-serif; font-size: .8em; color:#222; background:url(images/bodyoption.jpg) repeat-x;}

	#bluebarbday{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/bluebday.jpg)}
	#bluebar{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/blueabout.jpg)}
	#bluebaradv{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/blueadv.jpg)}
	#bluebarfaasilasilaga{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/bluefaasilasilaga.jpg)}
	#bluebarprog{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/blueprogram.jpg)}
	#bluebarstaff{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/bluestaff.jpg)}
	#bluebarnews{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/bluenews.jpg)}
	#inerfade{float:left; display:inline; width:100%; height:194px; margin-bottom:20px; overflow:hidden}
	#bluebarcontact{ float:left; display:inline; width:100%; height:194px; margin-bottom:20px; background:url(images/bluecontact.jpg)}
	
	#midContainerContent{float:left; display:inline; padding:0px 170px; width:620px; min-height:350px;  margin-bottom:10px; }
	#midContainerProgramme{float:left; display:inline; width:620px; min-height:350px;  margin-bottom:10px; }
	#midContainerContact{float:left; display:inline; width:510px; padding-left:450px; padding-top:30px; min-height:200px;  margin-bottom:10px; }


#leftContentContainer{float:left; display:inline; width:620px;}
#rightContentContainer{float:left; display:inline; width:340px;}

/* ADVERTISING PAGE */
#adverbox{float:left; width:630px; min-height:400px}
#adverttext{float:left; margin-left:10px; width:620px;}

#midContainer ul{ list-style:none}
#midContainer li{ display:inline}



#advert{float:left; margin-left:10px; width:620px; height:180px;}
.package{float:left; margin-bottom:20px; margin-left:8px; width:284px; height:100px; background-color:#33FF66;}
.banner600 a{color:#F00; }


/* ABOUT PAGE */
.heading{float:left; display:block; background-color:#02416d;  font-size:1.8em; padding:10px; color:#fff; width:600px; height:20px; }
.headingContact{float:left; display:block; font-size:1.8em;color:#fff; width:300px; height:20px; }
		
#abouttext{float:left; margin-left:10px; width:620px;}
.entry{float:left; display:block; width:100%;}
.entry p{margin-bottom:1em}
.entry h3{margin-bottom:1em}
.entry li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em; line-height:1.5em; }

/* CONTACT PAGE */
.contactDescription{ float:left; display:inline; width:100%; margin-top:10px; font-size:1em; color:#fff}
.contactDescription a{ text-decoration:none; color:#fff}

/* STAFF PAGE */
	.progtitle{ margin-bottom:8px;}
	
	.staff3, .staff{float:left; display:inline; width:200px; min-height:100px; margin-top:6px; margin-bottom:20px; border-bottom:1px solid #CCC; background-color:#D1E8F4  }
	.staff{margin-right:10px;}
	.staff3{margin-right:0px;}
	.staffName{float:left; text-align:center; width:180px; padding:10px; min-height:10px; color:#333; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:1.2em; background-color:#CEDFF0}
	.staffPhoto{float:left; display:inline; margin-left:55px;width:90px; height:100px;}
	.staffDescription{float:left; display:inline; margin-top:4px;text-align:center; margin-left:0px; width:200px; font-weight:bold; color:#666}
	
/*NEWS */	
	.newshead{ width:600px; background-color:#CCC; color:#02416d; margin-bottom:10px; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; padding:10px}
	.newshead a:visited { color:#000}
	.newsbody{ width:600; color:#222; margin-bottom:10px; font-size:1.3em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif;}
	
	.idTabs {float:left; display:inline; list-style:none; padding:0px; width:320px ; margin:0px; height:30px; border-bottom:1px solid #999}
	.idTabs li a{float:left; display:inline; font-size:2em; text-decoration:none; margin-right:10px; width:10px; color:#666}
	.idTabs li .selected {color:#F00}
	#idTab1{ float:left; display:block; width:320px;}
	#idTab2{ float:left; display:block; width:320px; }
	#idTab3{ float:left; display:block; width:320px; }

/* PROGRAMME PAGE SLIDER */

#promo{float:left; display:inline; width:300px; padding:0 10px; min-height:500px; margin-right:20px}
#programmebox{float:left; display:inline; width:620px;}

	.progdescription{float:left; display:inline; width:400px;}
	
	.accordion_toggle { display: block; height: 136px; width: 300px; line-height: 30px; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; cursor: pointer;margin: 0 0 0 0; }
		.accordion_toggle_active { 		}
		.accordion_content {  background-color:#F5F5F5; color: #444444;  padding:0px 6px 10px; overflow: hidden; border-bottom:2px solid #999 		}
			.accordion_content h2 {  margin: 15px 0 5px 10px; font-size:1.6em;  color:#092D86; }
			.accordion_content p, .accordion_content ul { font-family:Arial, Helvetica, sans-serif;  line-height: 1.4em; font-size:1.1em;  padding: 5px; }
		.vertical_accordion_toggle { display: block; height: 30px; width: 600px; background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px;  color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer;  margin: 0 0 0 0; }
		.vertical_accordion_toggle_active {background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;color: #ffffff;border-bottom: 1px solid #f68263;}
		.vertical_accordion_content {background-color: #ffffff;color: #444444;overflow: hidden;}
			.vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}
			.vertical_accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}

/* FORM PAGE */

/* Advertising form */
#promo label{float:left; display:block; font-size: .9em;}
	.blockred {float:left; display:inline; padding:10px 4px; width:248px; color:#FFF; margin-bottom:10px; border-bottom:1px dotted #999}
.blockred h3{color:#039; font-size:1.2em; font-weight:bold}
	#promo p {float:left; display:block; margin-bottom:6px; color:#000}
	.input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 16px/20px Helvetiva, Arial, sans-serif; }
#firstname, #lastname, #email, #enquiry, #enquiry, #company, #phone{width:250px; display:block; height:16px; margin-top:4px; margin-bottom:4px;}	
#enquiry{height:64px;}

#formadv{float:left; display:inline; padding:10px 0px 20px; border-bottom:1px solid #999; margin-bottom:20px; width:250px;}
	
	#formID, #formID h4{color:#FFF;}
	#formID{float:left; display:inline; padding:8px 74px;}
	.modul3{float:left; display:inline; width:250px; margin-right:20px;}
	.formwrap, .formwrap table{float:left; display:inline; width:100%}
	/*.idTabs { list-style:none}
	.idTabs li{float:left; display:inline; margin-left:10px; padding:4px; width:100%; height:24px; margin:0px;  background-color:#F00; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #900; text-decoration:none}
		.idTabs li a{float:left; display:inline;color:#900;  font-family:Arial, Helvetica, sans-serif; }
		.idTabs li a:hover{ color:#fff; text-decoration:blink}
		.idTabs li a.selected{ color:#fff; text-decoration:none;}*/
		
	


	
	.formError { position:absolute; top:300px; left:240px; width:150px; padding-bottom:15px; display:block; z-index:5000; }
	.formError .formErrorContent { width:100%; background:#000; color:#fff; font-family:tahoma; font-size:10px; box-shadow: 0px 0px 6px #000; 				-moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	.formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; }
	.formError .formErrorArrow div{ box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; font-size:0px; }
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 
				
	#firstname, #lastname, #email, #firstname2, #lastname2, #email2,#firstname3, #lastname3, #email3,#telephone, #birthday_person,#email{width:250px; height:25px; margin-top:4px; margin-bottom:10px;}
	#comments, #comments2, #comments3 {width:250px; min-height:60px; margin-top:4px; margin-bottom:10px;}
/* COMMENT */
#commentBox{float:left; display:inline; width:590px; min-height:10px; border:1px solid #999}
#author,  #url, #birthday_person {width:250px; margin-bottom:4px; margin-top:2px}
#comment {width:200px; margin-left:0px;}
#respond a {color:#666666}