@charset "utf-8";
/* 	---------------------------------------
	Azzabee.com.au
	screen.css
	Design and Code by Spectle.com
	Last Modified: 10-03-08
	-------------------------------------*/

@import url('/styles/screen_reset.css');

body{background:#DBD7D0;color:#484848;word-spacing:normal;letter-spacing:0;font-size:62.5%; font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
#core{margin-left:auto;margin-right:auto;max-width:1000px;padding-left:20px;padding-right:20px;position:relative}
#core #content{background:#FFF;padding:20px;margin-top:-40px;z-index:1;position:relative;padding-bottom:20px}
a:link, a:visited{color:#FF8A00; }
a:hover, a:active{text-decoration:none}
#core #content #text{padding:40px;padding-top:0}
p{color:#484848;font:1.3em/200% Lucida Sans Unicode;margin-top:10pt;margin-bottom:10pt}
em{color:#868686;text-align:right;font-size:0.9em}
#strip{background:#34a6be;height:55px;width:100%}
strong{font-weight:bold}
/*---- Footer ---*/
#footer{padding-top:25px;position:relative;width:100%;font-size:1.1em;clear:both;margin-top:20px;margin-bottom:10px;border-top:1px dotted #bababa}
#footer a:link,#footer a:visited{color:#FF8A00}
#footer a:hover,#footer a:active{text-decoration:none}
#footer p{font-size:1.1em;line-height:normal;color:#999}
#footer:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#footer .left{float:left;margin-left:20px}
#footer .left p{margin:0;margin-left:130px;margin-bottom:10px}
#footer .left h6{float:left;clear:left;margin:0;font-size:1.1em;font-weight:bold;color:#666}
#footer .right{float:right;text-align:right;margin-right:20px}
#footer .right #edit{background-image:url(/images/interface/icon_edit.png);width:16px;height:16px;position:absolute;bottom:0;right:20px;display:block}
#footer .right #newsletter{background-image:url(/images/interface/icon_newsletter.png);width:16px;height:16px;position:absolute;bottom:0;right:40px;display:block}
.sitemap,.sitemap li ul,.sitemap li ul li ul{list-style:none}
.sitemap li ul{margin-top:30px}
.sitemap li{margin-left:0;margin-bottom:40px;clear:both;border:2px solid #aec94e}
.sitemap li ul li{margin-left:60px;margin-right:60px;clear:both;margin-top:40px;border:none;border:2px solid #FF8A00}
.sitemap li ul li ul li{margin-left:60px;margin-right:60px;clear:both;position:relative;padding-bottom:40px;border:none}
.sitemap li ul li ul li p{margin-left:120px;margin-right:100px;margin-top:0;font-size:1.2em;line-height:normal}
.sitemap li ul li ul li strong{margin-left:120px;font-size:1.1em}
.sitemap{margin-top:50px}
.sitemap li strong,.sitemap li a.more{color:#FFF;text-transform:uppercase;background-color:#aec94e;font-size:1.1em;padding:10px;text-transform:uppercase;position:relative;top:10px}
.sitemap li strong img{vertical-align:middle}
.sitemap li ul li strong{background-color:#FF8A00;color:#FFF;font-size:0.9em;padding:5px;text-transform:uppercase;position:relative;top:4px}
.sitemap li ul li ul li strong{top:0;padding:0}
.sitemap li p,.sitemap li ul li p{margin-top:40px;margin-bottom:40px;margin-left:30px;margin-right:30px;line-height:180%}
.sitemap li ul li ul li strong{color:#35A7BF;display:block;margin-bottom:5px;text-transform:none;background:none}
.sitemap li ul li ul li a{position:absolute;top:0;left:0;margin-bottom:10px;background-color:#35a7bf;text-decoration:none}
.sitemap li ul li ul li a:link,.sitemap li ul li ul li a:visited{background-color:#35a7bf}
.sitemap li ul li ul li a:hover,.sitemap li ul li ul li a:active{background-color:#ff8a00}
.sitemap li ul li ul li a p{margin:0;text-align:center;padding-top:3px;padding-bottom:3px;color:#FFF;text-decoration:none;font-size:1em}
.sitemap p{margin:0;line-height:normal}
/*---- Menu ---*/
#menu{background:#ff8a00;border-bottom:4px solid #e98005;height:84px;width:100%;position:relative;z-index:3}
#menu.home{background:none;border:none}
#menu #logo{height:61px;left:25px;position:absolute;top:8px}
#menu ul#items{left:230px;position:absolute;top:15px;list-style:none;display:block}
#menu a{display:block;height:57px;background-repeat:no-repeat;background-position:left top;float:left}
#menu a:hover,#menu a:active,#menu a.current{background-position:left bottom}
#menu a#story{background-image:url(/images/interface/menu_our_story.png);width:89px}
#menu a#schools{background-image:url(/images/interface/menu_for_schools.png);width:109px}
#menu a#students{background-image:url(/images/interface/menu_for_students.png);width:113px}
#menu a#everyone{background-image:url(/images/interface/menu_for_everyone.png);width:119px}
#menu a#contact_us{background-image:url(/images/interface/menu_contact_us.png);width:158px}
#menu ul#items li{background-image:url(/images/interface/menu_separator.png);background-position:right;background-repeat:no-repeat;display:block;float:left}
#menu ul#items li.last{background:none}
#menu ul#sub_items{position:absolute;right:20px;top:15px;padding-right:30px}
#menu ul#sub_items #bee{position:absolute;top:10px;right:0}
#menu ul#sub_items li.home{display:none}
/*---- Section ---*/
.header{background-image:url(/images/interface/activity_bg.png);background-repeat:repeat-x;margin-left:-40px;margin-right:-40px;margin-top:2px;padding:20px}
.home{background:none}
.home p{line-height:300%;font-size:1.4em}
.header .graphics{display:block;width:485px;float:left;margin-right:30px;margin-bottom:50px}
.header .graphics img{float:left;margin-right:10px; display: block;}
.header .summary{display:block;text-align:left;clear:none;margin-right:20px}
.header .summary p{font-size:1.5em}
.details{clear:both;text-align:center}
.details p{clear:both;font-size:1.3em}
#flashcontent{height:370px;margin:0;margin-top:-84px;z-index:2;position:relative}
#flashcontent .noflash{background:url(/images/interface/home_noflash.gif);background-repeat:no-repeat;display:block;height:370px}
#hand{float:right;margin-top:-60px;margin-left:50px;margin-right:30px;position:relative;z-index:4}
.details ul, #summary ul{display:block;margin-top:30px;margin-bottom:30px;margin-left:auto; margin-right: auto; width: 90%}
.details ul:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#text .details ul li, #text #summary ul li{font-size:1.2em;text-align:left;margin-bottom:10px; margin-right: 10px;color:#35a7bf;border:1px dotted #bababa;padding:10px;display:block;}
#text .details ul li img, #text #summary ul li img{margin-right:10px;vertical-align:middle}
.header ul{list-style:square;list-style-position:inside}
.header ul li{font-size:1.3em;margin:1px;margin-bottom:30px;margin-left:50px;margin-right:50px}
#summary ul li{text-align:left}
.activity{width:350px;margin:50px 20px 20px;display:block;float:left}
#core #content #text .details .activities .activity a:link, #core #content #text .details .activities .activity a:visited {color:#484848; text-decoration:none; line-height: 150%;}
.activity .summary{padding:20px;margin:0;font-size:1.2em;background-repeat:repeat-x;min-height:60px; display: block; color:#484848; margin-top: -6px;line-height: 150%; position:relative;z-index:7; text-align:justify; margin-top: -100px;}
.activities .activity img {position: relative; z-index: 5; border:none; margin: 0; padding: 0; margin-bottom: -14px;}
.activity img.reflection { margin-top: -5px;}
.activities{display:block;clear:both;margin-left:auto;margin-right:auto;text-align:center;width:780px}
/*---- Header styling ---*/
h1, h2, h3, h4, .button, .title {text-transform: uppercase;font-family:"Trebuchet MS", Arial, Verdana, sans-serif; line-height:100%; font-weight:bold;}
h1{font-size:7em;color:#aec94e;display:block;letter-spacing:-4px;margin-top:-10px;margin-bottom:5px;position:relative;left:-3px}
h2{font-size:3.3em;color:#34A6BE;display:block;letter-spacing:-2px}
h3{clear:both;color:#FFF;font-size:1.3em;border-bottom:2px solid #FF8A00;padding-bottom:.3em;padding-top:80px}
h3 span{background:#FF8A00;padding:3px 7px}
a.button{font-size:1.3em;padding:3px 7px 3px 27px;border:none;color:#FFF;text-decoration:none;background-color:#FF8A00;background-image:url(/images/interface/icon_page.png);background-repeat:no-repeat;background-position:5px center;}
.graphics a:link,graphics a:visited{color:#FFF}
.graphics a:hover,graphics a:active{background-color:#34A6BE}
h4{position:relative;z-index:6;margin-top:-30px;margin-bottom:30px}
h4 span{padding:3px 7px;background:#34A6BE;color:#FFF;font-size:2em}
.activity .title{position:relative;z-index:6;display:block;}
.activity .title span{background:#34A6BE;color:#FFF;font-size:1.3em;padding:3px 7px}
.activity a:link .summary,.activity a:visited .summary{text-decoration:none}
.activity a:hover .title span{background:#FF8A00}
/*---- Featured ---*/
#feature{height:250px;margin-left:-40px;margin-right:-40px;overflow:hidden;background-image:url(/images/interface/loading.gif);background-position:center center;background-repeat:no-repeat;margin-top:2px; position: relative; z-index: 5;}
#feature img{display:block;margin-left:auto;margin-right:auto}
/*---- Activities ---*/
#summary{margin-left:-40px;margin-right:-40px;background-repeat:repeat-x;background-image:url(/images/interface/activity_bg.png);padding:20px;text-align:center;min-height:60px;margin-top:1px}
#summary.contact_us .details{display:block;float:left;clear:none;margin-top:50px}
#summary.privacy p{line-height:normal;margin-right:60px;margin-left:60px;margin-top:20px;text-align:justify}
#summary.contact_us .details p{text-align:left;clear:none;line-height:normal;margin:0;margin-left:200px;margin-bottom:20px}
#summary.contact_us .details h6{float:left;clear:left;margin:0}
#summary h6{font-size:1.2em;font-weight:bold;text-align:left;margin-bottom:20px;margin-top:20px}
.activity_extended{margin-top:-40px}
.activity_extended h3{text-align:center;font-size:1.3em}
.activity_extended ul li{list-style:square;list-style-position:inside;color:#484848;position:relative;font-size:1.2em}
h5{font-size:1.3em;background:#FFF;padding:10px;margin-top:-10px;margin-left:-10px;color:#34a6be;position:absolute;top:0;left:0}
/*---- Footer ---*/
#spacer{height:50px;width:100%;clear:both}
#enquiry{background:#FFF;position:relative;clear:both;margin:2px;border:1px dotted #bababa;margin-bottom:40px}
#enquiry img{position:absolute;right:5px;top:-24px}
#enquiry a.slide:link,#enquiry a.slide:visited{background:#FFF;padding:10px;font-size:1.2em;display:block;text-decoration:none;color:#484848}
#enquiry a.slide:hover,#enquiry a.slide:active{background:#FF8A00;color:#FFF}
#enquiry a strong{color:#FF8A00}
#enquiry a.slide:hover strong,#enquiry a.slide:active strong{color:#FFF}
#panel{width:100%;background:#dbd7cf;border:none;padding-bottom:20px;display:none}
#panel input:focus,#panel textarea:focus{background-color:#fff5c7}
#panel #contact input,#panel textarea{border:none;padding:5px;font:1.3em Lucida Sans Unicode;margin:0}
#panel:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#panel p{font-size:1.1em;margin:0;padding-top:20px}
#panel #contact{display:block;float:left;margin-right:20px;margin-left:20px;width:180px;clear:none}
#panel #comment{display:block;margin-right:30px;clear:none;margin-left:220px}
#panel #comment textarea{height:200px;width:100%; float: left;}
#panel #comment input{clear:both;float:right;margin:0;margin-top:20px;padding-left:10px;padding-right:10px}
#panel #comment input.button{clear:both;display:block; float:none; position:relative; top:10px}
.success{padding:20px;text-align:center}
.success h1{font-size:1.5em;font-weight:bold}
#contact_us_form{float:right;clear:none;width:30%;margin-top:30px}
#contact_us_form p{text-align:left;font-size:1.1em;line-height:normal;margin:0}
#contact_us_form input,#contact_us_form textarea{width:100%;display:block;margin-bottom:20px}
#contact_us_form textarea{height:130px}
#contact_us_form input.checkbox,#contact_us_form input.button{width:auto;text-align:left}
#contact_us_form input.button{text-align:right;float:right;clear:both;display:block}
#error_form p { text-align: left; margin:0;}
#error_form textarea, #error_form input { width: 80%; margin-bottom: 30px; padding: 10px; margin-right: 10px; float: left; border:solid 1px #666666;}
#error_form input.button { width: auto; padding: 10px; clear:both;}
#error_form input:focus,#error_form textarea:focus{background-color:#fff5c7; border:solid 1px #666666;}