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

html{
width:100%;
height:100%;
margin:0;
padding:0;

}
  

body, html{

background-position: 50% 50%;
padding:0;
font-size:80%;
color:;
background-color:#CC0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#page{
position:absolute;
top:50%;
left:50%;
height:610px;
width:900px;
margin:-340px 0 0 -450px;
color:#006; 
overflow:hidden;
text-align:left;
border:none;

/*-moz-border-radius:16px;*/
}

#header{
background-image:url(mooloolah-logo.png) ;
background-repeat:no-repeat;
background-position:center;
position:relative;
width:900px;
height:100px;
background-color:#f60;
border-bottom:2px solid #006;
}

#heading{
float:left;
margin-top:50px;
margin-left:373px;
padding:5px 10px 5px 10px;
width:200px;
height:30px;
border:1px solid #000;
background:#f60;
text-align:center;
}


#search{
margin:10px;
width:500px;
height:500px;
overflow:auto;
}


#footer{
position:absolute;
/*background-color:#fff;*/
bottom:10px;
left:50%;
margin-left:-450px;
height:25px;
width:900px;
}

#footer a, #footer p, #footer a:visited{
color:#f60;
}



/******* Menu **********/




#menu{
float:left;
width:150px;
height:510px;
background:#f60;
color:#006;
overflow:hidden;
text-align:left;
border:none;
border-right:2px solid #006;
}

#menu input{
margin-left:5px;
width:135px;
}

#menu dl {
width: 150px; 
margin: 0 auto; 
padding: 0 0 10px 0; 
background:#f60;
}

#menu dt {
margin:0; 
padding: 10px; 
font-size: 1.4em; 
font-weight:bold; 
color: #006; 
border-bottom:1px solid #006; 
background: #f60;
}

#menu dd:hover{
text-align:right;
padding-right:15px;
}

#menu dd {
margin:0; 
padding:0; 
color: #006; 
font-size: 1.1em;
font-weight:bold; 
border-bottom:1px solid #006; 
background: #f60;
}

#gallery a, #gallery a:visited {
color:#006; 
text-decoration:none; 
display:block;
height:18px; 
padding:5px 0px 5px px;
margin-left:5px;
background: #f60; 
width:140px;
}

#gallery a:hover {
background:#006;
color:#F60;
margin-left:0px;
text-align:left;
}

#gallery{
position:relative;
width:150px;
height:510px;
}

#google_menu{
position:absolute;
width:120px;
height:240px;
left:15px;
bottom:15px;}

#cover_menu{
float:left;
height:40px;
width:120px;
margin:0px;
background:#fff;
}
/************* main content ***************/

#main{
float:right;
width:748px;
height:510px;
background-color:#fff;
overflow:hidden;
}

#main h1{
margin: 5px 0 5px 0;
font-size:1.9em;
text-align:center;
}

#main h2{
font-size:1.3em;
font-weight:bold;
text-align:center;
margin: 5px 0 5 px 0;
}

#main h3{
font-size:1.em;
font-weight:bold;
text-align:left;
margin: 5px 0 5px 8px;
}

#main h4{
margin-left:20px;
font-size:1.2em;
}

#main p{
margin-left:8px;
margin-right:8px;
text-align:justify;
font-size:1em;
}


#footer p{
text-align:center;
}

#busname{
float:left;
margin:10px 0 0 10px;
width:680px;
/*background-color:#FF0000;  Red */
}


	#busname h2{
	font-size:1.5em;
	text-align:center;
	}
	
	#busname h3{
	text-align:center;
	font-size:1.3em;
	margin-bottom:5px;
	}
	
/********** Homepage div and tabs ****************/

#mainleft{
float:left;
width:390px;
height:490px;
margin-top:5px;
padding:5px;
overflow:auto;
/*background-color:#FF99CC pink*/
}

#index_search{
margin-top:10px;
margin-bottom:10px;
border-bottom:2px solid #f60;
}

#index_search input{
margin-left:50px;
background-color:#f60;
color:#006;
}

#mainright{
float:left;
width:330px;
height:500px;
margin-top:5px;
/*background-color:#00CCFF; sky */
}

#botright{
width:320px;
margin:10px 0 0 20px;
height:175px;
background-color:#f60; /* maroon */

}

#mcontainer{
position:relative;
margin:0 0 0 20px;
height:230px; 
width:320px;
overflow:hidden;
border:1px solid #006;
/*background-color:#33CC66; /* Green */
}

#mcontainer h1{
font-size: 1.3em;
text-align:center;
font-weight:bold;
}

#mcontainer h4{
text-align:left;
font-size:1.2em;
margin: 10px 0px 0px 10px;
font-weight:bold;
}

#mcontainer h3{
position:relative;
text-align:left;
font-size:.9em;
margin: 2px 0px 0px 10px;
font-weight:bold;
color:#333;
}

#google_sqr{
position:absolute;
margin:2px 0px 0px 2px;
width:250px;
height:300px;
background-color:f60;
}

#mcontainer p{
text-align:left;
font-size:1.1em;
margin: 5px 0px 0px 10px;
}

form#bldf {
width:580;
}



#bdetails{
width:100%;
height:335px;
overflow:auto;
}

form#bldf fieldset{
width:580px; 
display:block; 
border-top:1px solid #f60; 
border-left:1px solid #f60;
border-bottom:none;
border-right:none; 
padding:3px; 
margin-bottom:0.5em; 
margin-left: 13px;
line-height:1.2em;

}

form#bldf legend {
font-size:1.2em; 
font-weight:bold; 
color:#006;
margin: 0 0 1px 10px; 
height: 24px;
line-height: 24px;
width:157px; 
padding: 0 5px;
}

.mtbcontent{
height:230px; 
width:320px;
margin:0px;
padding:0 0 0 1px;
/*background-color:#FF6699;pink*/
}

#mnavigation{
float:left;
margin:20px 0px 0px 20px;
padding:5px 0 7px 0;
width:320px;
/*background:#FF0000; red */
text-align:left;

}
	
#mnavigation a{ 
font-size:1.2em ;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#f60;
font-weight:bold;
color:#006;
text-decoration:none;
padding:5px 5px 7px 5px;
margin-right:10px;
border-right:1px solid #006;
border-top:1px solid #006;
border-left:1px solid #006;
}

#mnavigation li { 
display:inline;
padding-bottom:0; 
}

#mnavigation  a:hover { 
background:#006;
color:#f60;
text-decoration:none;
border-right:1px solid #006;
border-top:1px solid #006;
border-left:1px solid #006;
}

a:active { 
font-weight:bold; 
}
	
a{
margin:0px;
}

a:hover { color: #00CCFF; }

#mcontainer p{
margin:0 40px 0 10px;
}

/* update business listing form ublf */


#ublfdiv{
width:550px;
height:450px;
padding-top:25px;
border:none;
overflow:auto;
}

form#ublf {
width:500px; 
padding:5px;
margin:0 auto;
font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;	
font-size: 76%;	
}

form#ublf fieldset {
width:485px; 
display:block; 
border:1px solid #006; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 13px;
line-height:1.2em;
}



form#ublf legend {
font-size:2em; 
font-weight:bold; 
color:#f60;
margin: 0 0 5px 10px; 
height: 24px;
line-height: 24px;
width:157px; 
padding: 0 5px;
}

form#ublf label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:right; 
padding-right:10px; 
color: #006; 
margin-bottom:10px;
margin-top:4px;
font-size:1.4em;
font-weight:bold; 

}

form#ublf input {
border:1px solid #006; 
padding:0 2px;; 
margin-bottom:0.3em;
background:#f0f0ff;
color:#006;
width:200px;
}

form#ublf textarea {
width:290px; 
height:100px;
border:1px solid #006; 
padding:0.5em; 
overflow:auto;
background:#f0f0ff;
color:#006; 
}

form#ublf #button1 {
color:#006; 
font-weight: bold;
background:#f60;
display: inline;
border: none;
width:89px; 
height: 23px;
line-height: 23px;
text-align: center;
margin-left: 11.5em
}

form#ublf #button2 {
color:#006; 
font-weight: bold;
background:#f60;
display: inline;
border: none;
width:89px; 
height: 23px;
line-height: 23px;
text-align: center;
}

form#ublf #button1:hover, form#ublf #button2:hover {
color:#f60;
background:#006;
}
form#ublf p{
margin:7px 0 4px 110px;
font-size:1.2em;
}