/*-----------------------------------------------------------------
	Cascading Style Sheet for http://www.acacialt.com.au/

	(C)opyright 1998 - Acacia Lateral Technologies - all rights reserved.

	Contact: Geoff.Collett@acacialt.com.au
	see http://scott.sauyet.com/CSS/Demo/FooterDemo1.html
-------------------------------------------------------------------*/
html, body, #contents 
{
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents 
{
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body 
{
	margin: 0;
	font-family: Arial, sans-serif;
	/* ensure that long urls are split on the tips page */
	word-wrap: break-word;
}

#contents 
{
	position: absolute;
	top: 0;
	left: 0;
	background: #eeeeff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 80%;
	color: #000;
	behavior: url(/csshover.htc); /* must be here and misspelt just for IE */
}

#footer 
{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ddddff;
	background: url(/Images/bg2.gif);
	width: 100%; /* See note below */
	text-align: center;
	padding: 0 15%;
	font-size: 6pt;
	border-top: 1px solid #aaaaff;
}
.para
{
	margin-top: 10px;
	width: 100%; /* See note below */
}
/* Along with the width: 100% above, adds a fix for IE5's box model.
 * From a suggestions by Szymon Boniecki -- http://dmr.art.pl 
 */
html>body #footer 
{
	width: 70%;
}

/*------------------- Main body of the page ---------------*/
#main 
{
	margin-bottom: 30;
	margin-top: 0;
	margin-left: 28%;
	height: auto;
}
#main p
{
	margin: 10px;
}
.comments table
{
	border-collapse: collapse;
	border-spacing: 0;
 /* border: 1px solid #aaaaff; */
	margin: 10px;
}
.comments th
{
	background: #aaaaff;
	/*border: 1px solid #aaaaff;*/
	font-size: 80%;
	font-weight: bold;
	color: #aaaaff;
}
.comments td
{
/*  border: 1px solid #aaaaff; */
	font-size: 80%;
	padding: 3px;
	border-top: 1px solid #aaaaff;
}

/* Webcam pan/tilt control */
.control table
{
	border-collapse: collapse;
	border: 0px solid #aaaaff; 
	margin: 0px;
}
img.controlimg
{
	border: 3px solid #aaaaff; 
	border-style: inset;
}
.control tr
{
	border: 0px solid #aaaaff; 
	padding: 0px;
	margin: 0px;
}
.control td
{
	border: 0px solid #aaaaff; 
	padding: 0px;
	margin: 0px;
}
.control table>table>td
{
	background: #0000FF;
	border-collapse: collapse;
	border: 0px solid #aaaaff; 
	margin: 0px;
}

/*--------------------- General formatting -----------------*/
/*--- Body text ---*/
P
{
	margin-left: 5;
	margin-right: 5;
	margin-top: 0;
	margin-bottom: 10;
}
H1, H2, H3, H4
{
	margin-left: 5;
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
	COLOR: #4444ff;
}
H5
{
	margin-left: 5;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	COLOR: #4444ff;
}
table
{
	border-collapse: collapse;
	padding: 10px;
}
a
{
	FONT-SIZE: 100%;
}
img
{
	margin-left: 5;
}
/* Present hidden region toggle text as a bold link */
.linkstyle
{
	margin-left: 5;
	FONT-SIZE: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: blue; 
	cursor: hand; 
	voice-family: "\"}\"";
	voice-family:inherit;
	cursor: pointer;
}
/*--- Form fields ---*/
input
{
	background-color: #aaaaff;
}
select
{
	background-color: #aaaaff;
}
textarea
{
	background-color: #aaaaff;
}
button
{
	background-color: #aaaaff;
}

/*------------------- Header area at top of the page ---------------*/
.header
{
	display: block;
	/* background-image: url(/Images/belconnen.jpg);
	background-repeat: repeat-x; */
	padding:0px 0px 0px 0px;
	text-align: center;
	border-style: solid;
	border-bottom-color: #aaaaff;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	background: #ccccff;
	z-index: 100;
	height:79;
} 

/*------------------- Acacia and Google Searches ---------------*/
#search1
{
	display: block;
	position: absolute;
	right: 0px; 
	top: 0px;
	padding: 0px; 
	margin: 0px;
	font-size: 6pt;
} 
/* the voice stuff below works around an IE bug */
#search1 img
{ 
	cursor: hand;
	voice-family: "\"}\"";
	voice-family:inherit;
	cursor: pointer;
}
#search2
{
	display: block;
	position: absolute;
	right: 0px;
	top: 23px;
	padding: 0px;
	margin: 0px;
	font-size: 6pt;
}
/* the voice stuff below works around an IE bug */
#search2 img
{
	cursor: hand;
	voice-family: "\"}\"";
	voice-family:inherit;
	cursor: pointer;
}

/*------------------- The summary image and text -------------------*/
/* Box in left of body */
#summary 
{ 
	position: relative;
	float: left;
	top: 10px; 
	left: 5px;
	width: 25%;
	font-size: 80%;
	background: #ccccff;
	border: 1px solid #aaaaff;
	padding: 5;
}
#summary>a>img, #summary>img, #summary>a
{
	text-decoration: none;
}
#summary>p
{
}

/*----------------- The logo image at the top left ------------------*/
#logo
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #aaaaff;
}
/* the line through the image */
#bar
{
	position: absolute;
	top: 55px;
	left: 10px;
	width: 515;
	font-size: 8pt;
	border-top: 1px solid #aaaaff;
	/* background: #ffffcc url(/Images/stripe.gif) 10 55px repeat-x;  */
	z-index: 105;
}

/*----------------- The title at the top of each page ------------------*/
#pagetitle,
#pagetitle p
{
	position: absolute;
	top: 8px;
	left: 110px;
	margin: 0;
	padding: 0;
	FONT-SIZE: 22;
	FONT-WEIGHT: bold;
	COLOR: #4444ff;
	height: 22;
	white-space: nowrap;
	z-index: 1;
}

/*------------------- The map on the contacts page ------------------*/
#map
{
	position: absolute;
	top: 170px;;
	left: 5px;
	width: 200;
	font-size: 8pt;
	background: #ffffcc;
	border: 1px solid #aaaaff;
	padding: 5;
}

#map a img
{
	border: 1px solid #aaaaff;
}


/*---------------------------- Toolbar menu ----------------------------*/
/* The overall horizontal menu is contained in this div */
#menu
{
	display: block;
	position: absolute;
	top: 0;
	left: 250;
	z-index: 1000;
}
div#nav
{
	position: relative;
	top: 56px;
	left: 0px;
	float: left;
	margin: -1px 0 0 7em;
	border: 1px solid #AAA;
	background: #aaaaff;
}
/* hyperlink format for all menu text */
#nav a
{
	font-size: 10pt;
	text-decoration: none;
	color: black;
}
/* Each of the horizontal menu items (home, business etc) */
#nav ul
{
	margin: 0;
	padding: 0;
	/* default menus background */
	background: #aaaaff;
	border: 1px solid #CCC;
	border-width: 0 1px;
}
/* display drop down menus */
#nav li,
#nav ul li
{
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: 9em;
	line-height: 1em;
}
#nav ul li:hover,
#nav ul li a:hover
{
	/* level1 menu bar selected colour */
	background: #ccccff;
}
#nav li.submenu
{
	/* top menu bar down arrows */
	background: url(/Images/dropmenu.gif) 95% 50% no-repeat;
}
div#nav li.submenu:hover,
div#nav ul li.submenu a:hover
{
	/* top menu bar selected colour when you hover over a main menu item */
	background-color: #ccccff;
}
div#nav li a
{
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	color: #000000;
	width: 8.5em;
}
div#nav>ul a
{
	width: auto;
/* the following nearly fixes Mozilla on Linux
	width: 0px;
	z-index: 10;
*/
}
div#nav ul ul
{
	position: absolute;
	width: 9em;
	display: none;
}
div#nav ul ul li
{
	border-bottom: 1px solid #CCC;
}
div#nav li.submenu li.submenu
{
	/* downarrow on menu */
	background: url(/Images/submenu.gif) 95% 50% no-repeat;
}
div#nav li.submenu li.submenu:hover,
div#nav li.submenu li.submenu a:hover
{
	/* level2 menu bar selected colour */
	background-color: #9999ff;
}
div#nav li.submenu li.submenu:hover
{
	/* selected level1 menu item (when level 2 opens) */
	background-color: #9999ff;
}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3,
div#nav ul.level1 li.submenu a:hover ul.level2,
div#nav ul.level2 li.submenu a:hover ul.level3
{
	display:block;
	z-index: 10;
}
div#nav ul.level2
{
	top: 1.4em;
	left: -1px;
}
div#nav ul.level3
{
	top: -1px;
	left: 8.9em;
	border-top: 1px solid #CCC;
	z-index: 1000;
}

/*---------------------- Tips --------------------*/
.tipgroup
{
	border: 1px solid #aaaaff;
	padding: 1%;
	margin-bottom: 20;
	margin-left: 15;
	background-color: #ccccff;
	width: 93%;
}

.tipcategory
{
	font-size: 160%;
	color: #aaaaff;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}

.tipcatdesc
{
	font-size: 120%;
	color: black;
	font-weight: bold;
	border: 0;
}

.tiptable
{
	border-collapse: collapse;
	border: 1px solid #aaaaff;
	background: white;
	/* first width used by IE and second by Mozilla */
	width: 100%;
}

.tipheadrow
{
	color: #9999ff;
	border: 1px solid #aaaaff;
	border-style: ridge;
	background: #aaaaff;
	text-align: center;
}

.tipheadrow>td
{
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 1px;
}

.tipdatarow
{
	font-size: 80%;
	white-space: wrap;
}

.tiptitle
{
	font-size: 100%;
	border-bottom: 1px solid #aaaaff;
	padding: 5;
}

.tipdetails
{
	font-size: 100%;
	border-left: 1px solid #aaaaff;
	border-bottom: 1px solid #aaaaff;
	padding: 5;
}



/*---------------------------- Info block items ----------------------------*/
/* This magic is adapted from http://1976design.com/blog/archive/2003/11/14/shadows/ */
.info
{
	width: 220;
	text-align: left;
	padding: 10px;
	float: left;
	/* margin: 5px; */
	/* background: #ffffcc; */
	/* border: 1px solid #aaaaff;  */
	background: url(/Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/Images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 20px 10px !important;
	margin: 10px 0 20px 5px;
}
.info ul
{
	list-style: none;
	margin: 5px;
	padding: 0;
	text-align: left;
}
.info div
{
	background-color: #ccccff;
	border: 1px solid #aaaaff;
	padding: 4px;
	/* 2nd margin for IE only */
	margin: -10px -4px -4px -10px !important;
	margin: -10px -4px -4px -10px;
}
/*
.info div
{
	background: none !important;
	background: url(/Images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}
*/
.info p 
{
	color: #777;
	background-color: #fff;
	font: italic 1em georgia, serif;
/*  border: 1px solid #a9a9a9; */
	/* margin: -6px 6px 6px -6px !important; */
	border: 1px solid #aaaaff;
	padding: 4px;
	margin: -10px -4px -4px -10px !important;
	margin: 0;
	}
.info h3
{
	margin: 5;
}


/*----------------------------------- Pic Settings ------------------------------*/

/* Landscape */
.picls
{
	width: 160;
	height: 160;
	margin: 10px;
	padding: 0;
	background: url(/Images/frame-ls.gif) center no-repeat;
	float: left;
}
.picls a
{
	text-decoration: none;
}

.picls a img
{
	text-decoration: none;
	border-color: #444 #AAA #AAA #444;
	border: 0px solid;
	position: relative;
	top: 20;
	left: 13;
	height:94px;
	width: 126px;
	FILTER: alpha(opacity=100);
	z-index: 10;
}

/* Portrait used in main.htm */
.pic
{
	width: 160;
	height: 160;
	margin: 0 10px 10px 0px; /* top right bottom left */
	padding: 0;
	background: url(/Images/frame-pt.gif) center no-repeat;
	float: left;
}
.pic a
{
	text-decoration: none;
}

.pic a img
{
	text-decoration: none;
	border-color: #444 #AAA #AAA #444;
	border: 0px solid;
	position: relative;
	top: 4;
	left: 28;
	height:126px;
	width: 94;
	FILTER: alpha(opacity=50);
}

.pictitle
{
	position: relative;
	top: 2;
	font-size: 8pt;
	font-weight: bold;
	color: #aaa;
	text-align: center;
}

.picdetails
{
	/* min-height: 100px; */
	padding-left: 1%;
	padding-bottom: 20px;
}

/*------------------- Treeview menu style ---------------*/
.treemenu
{
	width: 25%;
	position: absolute;
	text-align: left;
	top: 250px;
	left: -4px;
	padding: 10px;
	float: left;
	background: url(/Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/Images/shadow.gif) no-repeat bottom right;
	/* top right bottom left */
	margin: 10px 0 20px 10px !important;
	margin: 10px 0 20px 5px;
}
.treemenu ul
{
	list-style: none;
	margin: 5px;
	padding: 0;
	text-align: left;
}
/* the following is required for IE only as it adds default cell padding of 10px grrr!! */
.treemenu div div td
{
	padding: 0px;
	margin: 0;
}
/* IE also disregards the div background colour settings */
.treemenu div 
{
	background-color: #ccccff;
	padding: 0px;
}
.treemenu>div
{
	border: 1px solid #aaaaff;
	/* padding between inner border and contents */
	padding: 4px;
	/* 2nd margin for IE only */
	margin: -10px -4px -4px -10px !important;
	margin: -10px -4px -4px -10px;
}
.treemenu p 
{
	color: #777;
	background-color: #fff;
	font: italic 1em georgia, serif;
	border: 1px solid #aaaaff;
	padding: 0px;
	margin: -10px -4px -4px -10px !important;
	margin: 0;
	}
.treemenu h3
{
	margin: 50px;
}
.treemenu a
{
	font-size: 80%;
}