/* main page setup */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	margin: 0;
	background: url(images/background-urbaneco-australia.jpg);
	background-position:50% 0%;
	background-repeat: repeat-x;
	background-color:#ffffff;
}

body a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}

body a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#255f16;
}

img, div { behavior: url(iepngfix.htc) }

#page {	
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 3px;
	height: 36px;
	width: 100%;

}
#masthead {
	float:left;
	width:100%;
	}


/*ueText1_____________________________________*/
.ueText1 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
}
.ueText1 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
}
.ueText1 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
}


/*ueText2_____________________________________*/
.ueText2 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	vertical-align: middle;
}
.ueText2 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	vertical-align: middle;
}
.ueText2 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	vertical-align: middle;
}

/*ueText3_____________________________________*/
.ueText3 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	vertical-align: middle;
}
.ueText3 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	vertical-align: middle;
}
.ueText3 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	vertical-align: middle;
}

/*ueText4_____________________________________*/
.ueText4 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a580b;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText4 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a580b;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText4 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a580b;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}

/*ueText5_____________________________________*/
.ueText5 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#864607;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText5 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#864607b;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText5 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#864607;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}


/*ueText6_____________________________________*/
.ueText6 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636363;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText6 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636363;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText6 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636363;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}



/*ueText7_____________________________________*/
.ueText7 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1a580b;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
.ueText7 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1a580b;
	text-decoration:none;
}
.ueText7 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1a580b;
	text-decoration:none;
}

/*ueText8_____________________________________*/
.ueText8 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#864607;
	text-decoration:none;
}
.ueText8 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#864607b;
	text-decoration:none;
}
.ueText8 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#864607;
	text-decoration:none;
}



/*ueText9_____________________________________*/
.ueText9 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#000;
	text-decoration:none;
}
.ueText9 a{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#000;
	text-decoration:none;
}
.ueText9 a:hover{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#000;
	text-decoration:none;
}

/*NavigationTable____________________________*/
#NavigationTable {
	padding-left:5px;
	padding-right:5px;
}
#DetailsTable {
	padding-left:5px;
	padding-right:5px;
}







/*HoverDialogBox____________________________*/




/*_______________Melbourne International Flower and Garden Show_____________*/	
.infoa{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infoa:hover{z-index:50;}

a.infoa span{display: none}

a.infoa:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-mifgs.png);
	background-repeat:no-repeat;
	height:118px;
	width:130px;
	padding-left:120px;
	padding-top:20px;
	padding-right:15px;
    text-align: center}


/*_______________Daryls Tree Care_____________*/	
	
.infob{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infob:hover{z-index:50;}

a.infob span{display: none}

a.infob:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-daryls-tree-care.png);
	background-repeat:no-repeat;
	height:118px;
	width:150px;
	padding-left:100px;
	padding-top:10px;
	padding-right:15px;
    text-align: center}
	
	
/*_______________Singapore Garden Festival_____________*/	
	
.infoc{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infoc:hover{z-index:50;}

a.infoc span{display: none}

a.infoc:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-singapore-garden-festival.png);
	background-repeat:no-repeat;
	height:118px;
	width:130px;
	padding-left:120px;
	padding-top:20px;
	padding-right:15px;
    text-align: center}
	
	
	
/*_______________One Thin Man_____________*/		
.infod{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infod:hover{z-index:50;}

a.infod span{display: none}

a.infod:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-one-thin-man.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:50px;
	padding-right:30px;
    text-align: center}
	
	
	
/*_______________Glen Cowans_____________*/	
.infoe{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infoe:hover{z-index:50;}

a.infoe span{display: none}

a.infoe:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-glen-cowans.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:60px;
	padding-right:30px;
    text-align: center}

/*_______________Natural Inspirations_____________*/	
.infof{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infof:hover{z-index:50;}

a.infof span{display: none}

a.infof:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-natural-inspirations.png);
	background-repeat:no-repeat;
	height:118px;
	width:140px;
	padding-left:110px;
	padding-top:20px;
	padding-right:15px;
    text-align: center}
	
	
	
	
/*_______________ASthma Foundation_____________*/		
.infog{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infog:hover{z-index:50;}

a.infog span{display: none}

a.infog:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-asthma-foundation.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:80px;
	padding-right:30px;
    text-align: center}
	
	
	
	
/*_______________Green Pages_____________*/		
.infoh{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infoh:hover{z-index:50;}

a.infoh span{display: none}

a.infoh:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-green-pages.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:55px;
	padding-right:30px;
    text-align: center}	
	
	
	
	
	/*_______________Skills One_____________*/		
.infoi{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infoi:hover{z-index:50;}

a.infoi span{display: none}

a.infoi:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-skills-one.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:60px;
	padding-right:30px;
    text-align: center}
	
	
	
	/*_______________WPC Group_____________*/		
.infoj{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infoj:hover{z-index:50;}

a.infoj span{display: none}

a.infoj:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-wpc-group.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:30px;
	padding-right:30px;
    text-align: right}
	
	
	
	/*_______________BoxHill Secondary_____________*/		
.infok{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infok:hover{z-index:50;}

a.infok span{display: none}

a.infok:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-boxhill-secondary.png);
	background-repeat:no-repeat;
	height:118px;
	width:200px;
	padding-left:35px;
	padding-top:60px;
	padding-right:30px;
    text-align: center}
	
	
	
	/*_______________LIAV_____________*/		
.infol{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infol:hover{z-index:50;}

a.infol span{display: none}

a.infol:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-liav.png);
	background-repeat:no-repeat;
	height:118px;
	width:130px;
	padding-left:120px;
	padding-top:20px;
	padding-right:15px;
    text-align: center}
	
	
	
		/*_______________VCL_____________*/		
.infovcl{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infovcl:hover{z-index:50;}

a.infovcl span{display: none}

a.infovcl:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-vcl.png);
	background-repeat:no-repeat;
	height:118px;
	width:230px;
	padding-left:20px;
	padding-top:20px;
	padding-right:15px;
    text-align: left;
	color:#fff;
	}
	
/*_______________Gold Medal_____________*/		
.infom{
    position:relative; /*this is the key*/
    z-index:50;
    color:#000;
    text-decoration:none}

a.infom:hover{z-index:50;}

a.infom span{display: none}

a.infom:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-12em; left:2em; width:15em;
   	background:url(images/dialogbox-goldmedal.png);
	background-repeat:no-repeat;
	height:118px;
	width:130px;
	padding-left:120px;
	padding-top:20px;
	padding-right:15px;
    text-align: center}