/* STYLESHEET FOR Ballarat South Community Hub */

body {font-family:Arial, Helvetica, sans-serif;
	  font-size:90%;
	  color:#0D568D;
	  background-image:url(images/layout/body_bg.jpg);
	  background-repeat:repeat;
	  padding:0;
	  margin: 0;	}

/* secure correct behavior of html5 elements in older browsers */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

h1, h2, h3, h4 {text-align: center;
				margin:0 0;	}

p {	}

/* ================== default styles ================= */
a {width:auto;
   color:#0C5892;
   text-align:center;
   text-decoration: none;
   padding:0;
   margin:0;	}
   
a:visited {text-decoration: underline;}  /* visited link */
a:hover {background-color:#DCF6B8;	}  /* mouse over link */
a:active {color:#083455;}  /* selected link */

a.mailto:link {color:#0D568D;
   			   text-decoration: none;	}
					  
a.mailto:visited {color:#0D568D;
				  text-decoration:underline;}  /* visited link */
						 
a.mailto:hover {font-weight:bolder;}  /* mouse over link */ 

input, submit	{color:#0C5892; background-color:#FFF;
   			     font-weight: bolder;
   				 text-decoration: none;
   	             padding:0.25em 0.5em;
  				 border-radius: 5px;
  				 box-shadow:0 2px 2px 1px #333;
  				 border:outset 1px #CCC;	}
				 
input:hover {	}
input:active {color:#083455;}

button {color:#0C5892; background-color:#FFF;
   		font-weight: bolder;
   		text-decoration: none;
   	    padding:0.25em 0.5em;
  		border-radius: 5px;
  		box-shadow:0 2px 2px 1px #333;
  		border:outset 1px #CCC;	}
				 
button:hover {color: #96CA4C;}
button:active {color:#083455;}

table {padding:0.3em; margin:1em auto;
	   border:outset 0.2em #FFF;
	   border-radius: 1em;	}
	   
td {padding:0.3em;	}

img {padding:0; border:none;	}

header {width:75%;
		height:auto;
		background:none;
		padding:0;
	   	margin:0 auto;
		border:solid 0px #FF9900;	}
			 
.logo {float:left;
	   width:20%;
	   height:auto;
	   padding:1% 0;
	   margin:0;
	   border:dashed 0px #FF0000;
	   box-shadow:none;	}	
			
.main_head	{float:left;
			 width:65%;
			 font-style:italic;
			 font-weight:bolder;
			 text-align:center;
			 color:#0DB4BA;
			 text-shadow: 2px 2px #666;
			 padding:0.5em 2em;
			 margin:0;
			 border:dashed 0px #FF0000;	}

.top_contact {float:left;
			  width:65%;
			  height:auto;
			  color:#0D568D;
			  background-color:#DCF6B8;
			  padding:0 5%;
			  margin: 0 auto;
			  border-radius:0 2em 0 2em;
			  border:dashed 0px #FF0000;	}
			  
.top_contact_phone {float:left;
					width:40%;
					padding:0 0 0.5em 0;
					margin:0;	}
					
.top_contact_email {float:left;
					width:60%;
					padding:0 0 0.5em 0;
					margin:0;	}
				  
.top_contact a {color:#96CA4C;	}
			 
nav {float:left;
	 width:auto;
	 padding:0;
	 margin:0;
	 border:dashed 0px #FF0000;	}
	 
nav a {display:block;
	   float:left;
	   width:auto;
	   text-align:center;
	   padding:1em 2.5em;
	   margin:0;
	   border:dashed 0px #FF0000;	}
		  
.underline	{text-decoration: underline;	}

.email-box {text-align:center; 	}

label {font-weight:bolder;	}

figure {width: 100%;
		padding: 0;
		margin: 0 auto;	}

section {width: 100%;	}

.key_content {float:left;
			  clear:both;
			  width:80%;
			  padding:0;
			  margin:0 10%;
			  border-bottom:solid 0.2em #0D568D;	}
			  
.key_content form {text-align:center;	}
			  
.hub_info_container {float:left;
					 width:100%;
					 padding:0;
					 margin:0;
					 border:dashed 0px #FF0000;	}
					 
main,
footer {float:left;
		padding:0;
		margin:0 auto;	}

main {width:80%;
	  padding:1em 10%;
	  margin:0;	}
	  
.img_banner,
.email_banner {float:left;
			   width:100%;
			   background-color:#96CA4C;
		       text-align:center;
			   padding:0;
			   margin:0;
			   border-bottom:solid 0.2em #0D568D;
			   box-shadow:0 0.3em 0.5em #999;	}
	  
.img_banner img,
.function_banner img,
.meet_train_banner img,
.kitchen_banner img,
.img_banner iframe {max-width:100%!important}
			
.home_text,
.function_text,
.meettrain_text,
.kitchen_text,
.renthire_text,
.neighborhood_text,
.contact_text,
.address	{color:#0D568D;
			 padding:0;
			 min-height:20em; height:auto;
			 margin:0;	}
			 
footer {width:100%;
		color:#96CA4C;
		background-color:#082C47;
		border-radius:0 0 2em 2em;	}
		
footer h3 {text-align:left;	}
		
footer a {color:#96CA4C;
		  padding:0.2em;	}

footer a:hover {color:#0D568D;	}

.contact_info_foot {float:left;
					width:30%;
					height:auto;
					text-align:left;
					padding:1% 10%;
					margin:0;
					border:solid 0px #FFF;	}
					
.quick_links_foot {float:left;
				   width:30%;
				   height:auto;
				   text-align:left;
				   padding:1% 10%;
				   margin:0;
				   border:solid 0px #FFF;	}
				   
.alert1 {color:#FF0000;	}	

/* ============================= HOME PAGE ======================================== */

.info_menu1,
.info_menu2,
.info_menu3 {float:left;
			  width:33%;
			  padding:0.5em 0;
			  margin:0;
			  border:dashed 0px #000;
			  cursor:default;	}

.vision_header,
.features_header,
.connect_learn_header {color:#0D568D;	}

.vision_statement,
.hub_features,
.connect_learn_text {float:left;
					 width:30%;
					 height:auto;
					 background-image:url(images/layout/keycontent_bg.jpg);
					 background-repeat:repeat;
					 text-align:left;
					 color:#0D568D;
					 padding:0;
					 margin:0;
					 display:none;
					 position:relative;
					 border:solid 0.1em #96CA4C;	}
					 
.vision_statement,
.hub_features,
.connect_learn_text {width:70%;
				   color:#333333;
				   padding:1% 5%;
				   margin:0 10%;	}


/* =========================== FEATURES (ABOUT) PAGE ================================= */
.function_banner,
.meet_train_banner,
.kitchen_banner {float:left;
			     width:100%;
			     background-color:#96CA4C;
				 text-align:center;
				 padding:0.2em 0 0 0;
				 margin:0 auto;
				 border-bottom:solid 0.2em #0D568D;
				 box-shadow:0 0.3em 0.5em #999;	}
				 
.meet_train_banner,
.kitchen_banner {display:none;
				 position:relative;	}

.about .info_menu1 {background-color:#DCF6B8;	}

.function_text,
.meet_train_text,
.text_kitchen {width:80%;
		   	   text-align:left;
		   	   margin:auto;	}
		   
.meet_train_text,
.kitchen_text {display:none;
			   position:relative;	}
			   
.map {float: right; margin:0 1em 0 auto;	}
.map img {border:none; box-shadow:none;	}

/* =========================== BOOK A SPACE PAGE ===================================== */
.renthirehead {color:#0DB4BA;
			   background-color:#FFF;
			   padding: 0.5em 0;	}
.renthiretext {border-radius:0 0 1em 1em;	}

.hire_rates td {text-align:center;	}

.hire_form input,
.floor_plan input {background-color:#96CA4C;
				   cursor:pointer;	}
				   
th, td {border: solid 1px #FFF;
		border-radius: 0.3em;	}
				   
/* ========================= BOOKING FORM PAGE ================================= */



/* ========================= NEIGHBORHOOD CENTRE PAGE =========================== */

.neighbourhood_centre .info_menu1,
.neighbourhood_centre .info_menu2,
.neighbourhood_centre .info_menu3 {float:left;
								   text-align:center;
								   padding:0;
								   margin:0;	}
								   
.key_content img {background-color: #FFF; padding:0;
				  margin:0;
				  border-radius:0 0.5em;
				  cursor:pointer;	}
					
.contact .img_banner img{cursor:pointer;	}
					 
/* =========================== END MAIN PAGES ======================================== */

/* =========================== MAIN ADMIN PAGE ======================================= */
.uploadFileForm, .edittextform, .uploadimageform {display:none;
												  color:#0D568D;
												  background-color:#C9DAEB;
												  padding:1em 1em;
												  min-height:15em; height:auto;
												  margin:0 0;
												  border-radius:0 0 0.8em 0.8em;	}
												  
.adminButtonHeader {color:#0DB4BA; background-color:#FFF; padding: 0.5em 0;	}

.uploadFileNotes {color:#CC0000;	}
												  
.showHideButtons {text-align:center;
			      background-color:#96CA4C;
		  		  padding: 1em 0 1em 1em;
		  		  margin: 20px auto 0 auto;	}
				  

.adminlogin, .formFileUpload, .formEditText, .formUploadImage {text-align:center; background-color:#C9DAEB; padding:1em 0; border-radius:0 0 0.8em 0.8em; border:solid 0.1em;	}
.formFileUpload input {background-color:#96CA4C;	}
.formEditText input {background-color:#96CA4C;	}
.formUploadImage input {background-color:#96CA4C;	}
.formFileUpload input:hover {color:#0C5892; font-style:italic;	}
.formEditText input:hover {color:#0C5892; font-style:italic;	}
.formUploadImage input:hover {color:#0C5892; font-style:italic;	}
												  
/* =========================== FILE UPLOAD PAGE ======================================= */
.warnFileExists, .overwriteQuestion, .invalidFileAlert {color:#FF0000; background-color:#FFF; padding: 0.5em 0;	}
.alertExamples {font-weight:bolder; text-align:center; color:#FF6600; background-color:#FFF; padding: 0.5em 0; margin:0;	}

.noFileSelected {color:#FF6600; background-color:#FFF; padding: 0.5em 0;	}
.notifyUploadSuccess {color:#0DB4BA; background-color:#FFF; padding: 0.5em 0;	}
.overwritefileform {text-align:center; background-color:#C9DAEB; padding:1em 0;	}
.overwritefileform input {background-color:#96CA4C;	}
.overwritefileform input:hover {color:#0C5892; font-style:italic;	}
.backToAdmin {text-align:center; background-color:#C9DAEB; padding:1em 0; border-radius:0 0 0.8em 0.8em;	}
.backToAdmin input {background-color:#96CA4C;	}
.backToAdmin input:hover {color:#0C5892; font-style:italic;	}

/* =========================== OVERWRITE & DELETE FILE PAGE ======================================= */
.overwiteComplete, .abortUpload {color:#0DB4BA; background-color:#FFF; padding: 0.5em 0;	}

/* =========================== EDIT TEXT PAGE ======================================= */
textarea {color:#0D568D;
		  background-color:#C9DAEB;
		  text-align:left;
		  padding:1em 1em;
		  min-height:15em; height:auto;
		  margin:0 0;	}
		  
.editTextHeader {color:#0DB4BA; background-color:#FFF; padding: 0.5em 0;	}

.updateFile {text-align:center; background-color:#C9DAEB; padding:0.1em 0; margin: 0.5em 0 0.5em 0;	}
.updateFile input {background-color:#96CA4C;	}
.updateFile input:hover {color:#0C5892; font-style:italic;	}

/* =========================== UPDATE FILE PAGE ======================================= */
.updateFileHeader {color:#0DB4BA; background-color:#FFF; padding: 0.5em 0;	}

.pageText {color:#0D568D;
		  background-color:#C9DAEB;
		  padding:1em 1em;
		  min-height:15em; height:auto;
		  margin:0 0;	}
		  

.formEditText {text-align:center; background-color:#C9DAEB; padding:0.1em 0; margin: 0.5em 0 0.5em 0;	}
.formEditText input {background-color:#96CA4C;	}
.formEditText input:hover {color:#0C5892; font-style:italic;	}

/* ======================================== VIRTUAL TOUR PAGE ============================== */

.hub_floor_plan {text-align:center;
				 margin:-20em auto auto auto;
				 border:none;	}
				 
.hire_info_table {color:#330099; margin:auto auto auto 10em; font-weight:bolder;	}
				 


.meeting2, .meeting3, .studio_2, .studio_3, .studio_full {background-color:#F4C50A;	}

.function_half, .function_full {background-color:#6BC04B;	}

.kitchen {background-color:#F28B05;	}

.gym {background-color:#BB8EF8;	}

.meet_room_2_img,
.meet_room_3_img,
.studio_2_img,
.studio_3_img,
.function_half_img,
.function_full_img,
.kitchen_img,
.gym_img {position:absolute; display:none;
			   margin:-30em auto auto 30em;	}
			   
.studio_2_img,
.studio_3_img {margin:-30em auto auto 50em;	}

.function_half_img,
.function_full_img,
.gym_img {margin:-30em auto auto 0em;	}

.kitchen_img {margin:-30em auto auto 65em;	}
				  
.show_image_note {position:absolute;
				  display:none;
				  color:#FF0000;
				  margin:0 auto auto 20em;	}
				  
				  
/* ======================================== EMAIL FORM PAGE ============================== */

.email-box input {background-color:#C9DAEB; }
.asterix {color:#FF0000;	}