body, td, input, textarea, select
{
	font:		normal 8pt Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:		#444;
}
body
{
	margin:		0px;
	line-height:	1.6em;
}
body#site  
{
	padding-bottom:	10px;
	background:	#d8dce5 url(http://www.virtualcreations.com.au/images/body-bg.png) repeat-x;
}

a
{
	color:		#546F92;
}
a:hover
{
	color:		#808080;
	text-decoration:none;
}

h1
{
	font:		bold 1.8em "Trebuchet MS", Helvetica, Sans-Serif;
	margin:		0;
	color:		#546F92;
	background-color:	transparent;
}
h2
{
	font:		bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif;
}
h3
{
	font-size:	1.23em;
	color:		#444;
	background:	transparent url(../images/h3bg.gif) no-repeat center left;
	padding:	0 14px;
	margin:		0;
}
a h3
{
	color:		#444;
	text-decoration:none;
}
a:hover h3
{
	color:		#808080;
}

form
{
	margin:		0px;
}

hr
{
	color:		#e2e2e2;
}

/* 
 *	Custom elements
 */
table.box
{
	border-collapse: collapse;
	border: 0px;
}
table.box td.boxcorner
{
	background-color: #8d9caf;
	width: 15px;
}
table.box td.boxheader
{
	background-color: #000000;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 11pt;
}
table.box td.boxreverse
{
	background-color: white;
	color: #000000;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 11pt;
}
table.box td.boxbody
{
	background-color: #DCE0E8;
	padding: 2px;
}

table.link
{
	border-collapse: collapse;
	border: 1px;
	width: 100%;
	background-color: #8d9caf;
}
table.link td
{
	font-weight: bold;
	padding: 0px;
}
table.link td.linkcorner
{
	background-color: red;
	width: 15px;
}
table.link td.linkheader
{
	background-color: white;
	font-weight:	bold;
	font-variant:	small-caps;
}
.nolink
{
	color:		yellow;
	font-weight:	bold;
}
.linkbody a,
.linkbody a:link,
.linkbody a:visited
{
	color:		white;
	text-decoration:none;
}
.linkbody a:hover
{
	text-decoration:underline;
}

table.view
{
	border-collapse: collapse;
	border: 1px solid #000000;
}
table.view td
{
	padding: 1px;
	border: 0px;
}
table.view td.viewcorn
{
	background-color: red;
	width: 15px;
}
table.view td.viewtitle
{
	background-color: #000000;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 11pt;
}
table.view td.viewbutts
{
	background-color: #000000;
	text-align: right;
}
table.view td.viewbody
{
	background-color: #DDDDDD;
}

.outform
{
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color: #DDDDDD;
}
.outform td
{
	padding: 10px;
}

table.inform td
{
	padding: 5px;
	vertical-align: top;
}

table.tick
{
	border-collapse: collapse;
	border: 0px solid #000000;
}
table.tick td
{
	padding: 2px;
	vertical-align: middle;
	vertical-align: top;
}

.hozline
{
	background-color: #e2e2e2;
}

.smalltext
{
	font-size: 9px;
}

.mand
{
	color: red;
	font-weight: bold;
	font-size: 8pt;
}

.result
{
	color: red;
	font-weight: bold;
}

.calcat
{
	width: 100%;
	background-color: #000000;
}
.calcathead
{
	color: white;
	font-weight: bold;
	text-align: center;
}
.calcatbody
{
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
}
table.cal
{
	width: 100%;
	background-color: #000000;
	border: 1px solid #000000;
	border-collapse: collapse;
}
table.cal td
{
	padding: 3px;
}
.calnav
{
	background-color: #DDDDDD;
}
.caldays
{
	background-color: #000000;
	font-weight: bold;
	color: white;
}
.calline
{
	background-color: #DDDDDD;
}
.caltoday
{
	border: 1px solid #000000;
	font-weight: bold;
	background-color: white;
	height: 70px;
	vertical-align: top;
	color: red;
	font-size: 20px;
}
.calpast
{
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #DDDDDD;
	height: 70px;
	vertical-align: top;
}
.calfuture
{
	border: 1px solid #000000;
	font-weight: bold;
	background-color: white;
	height: 70px;
	vertical-align: top;
}

.graphbar
{
	background-color: red;
}
.graphno
{
	color: red;
	font-weight: bold;
	font-size: 12pt;
}

/*******************************************************************************************/
/* CONTENT WRAPPERS */

#mainhead
{
	display:	table;	/* must put this in for FireFox. */
	width:		890px;
	background:	#fff;
	margin:		0px auto 0 auto;
	padding:	0px 4px 0px 4px;
	border-bottom:	2px solid #e2e2e2;
}
#mainbody
{
	width:		898px;
	background:	#fff;
	margin:		0px auto 0 auto;
	padding:	0px;
}
#leftwrapper
{
	margin-right:	10px;
	line-height:	1.6em;
}
#rightwrapper
{
	width:		637px;
	padding:	4px 0 6px 0;
	line-height:	1.6em;
}

/* TOP LEFT LOGO */

#logo
{
	float: left;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
#logo h1
{
	color: #000;
	background: #fff;
}

/* TOP RIGHT HORIZONTAL MENU */

#menutop
{
	background: url(../images/barul.gif) no-repeat bottom right;
	color: #808080;
	padding: 68px 1px 11px 0;
	margin: 0;
}
#menutop li
{
	padding: 14px 18px 14px 18px;
	color: #444;
	background: url(../images/bar.gif) no-repeat bottom left;
	display: inline;
	margin: 0px;
}
#menutop li.active 
{
	background: url(../images/baractive.gif) no-repeat bottom left;
	color: #8D9CAF;
	font-weight: bold;
	padding: 14px 18px 14px 18px;
	margin: 0 1px 0 0;
}
#menutop li a
{
	color: #808080;
	text-decoration: none;
}
#menutop li a:hover
{
		color: #000000;
}

/* LEFT INTRO SIDE */

#intro_left
{
	clear: left;
	width: 250px;
	background-color: #8D9CAF;
	color: #E5EAF2;
	margin: 3px 0 1px 0;
}
#intro_left a 
{
	color: #fff;
	background: inherit;
}
#intro_left p 
{
	padding: 14px 10px;
	margin: 0;
}

/* LEFT VERTICAL MENU */

#menu_left 
{
	margin:		0 0 5px 0;
	padding:	0 0 1px 0;
}
#menu_left li 
{
	list-style: none;
}
#menu_left li a
{
	display: block;
	color: #3F5B7F;
	background: #C2CEDE url(../images/arrow.gif) no-repeat center left;
	width: 204px;
	padding: 7px 23px 7px 23px;
	margin: 0 0 1px 0;
	font-weight: bold;
	text-decoration: none;
}
#menu_left li a:hover 
{
	background: #9EB1C9 url(../images/arrow.gif) no-repeat center left;
	color: #fff;
}

/* RIGHT INTRO SIDE */

#intro_right
{
	text-decoration:none;
	cursor:		pointer;
	width:		380px;
	padding:	23px 238px 0 18px;
	background:	#BCCEDA url(../images/intro.jpg) no-repeat;
	color:		#547592;
	margin:		0 0 6px 0;
	height:		170px;
}
#intro_right h1
{
	margin:		0 0 20px 0;
}
#intro_right .white
{
	color:		#FFF;
	background-color:	transparent;
}

/* LEFT SIDE */

#left
{
	float: left;
	width: 250px;
}

.box
{
	padding: 4px 15px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}

.note
{
	padding: 0px 5px 10px 90px;
	border: 1px solid #CFCB66;
	margin: 0 0 5px 0;
	background: #FFFFAD url(../images/package.gif) no-repeat;
	color: #585616;
}

/* RIGHT SIDE */

#right
{
	width: 636px;
}

.leftcol
{
	float: left;
	padding: 12px 15px;
	width: 342px;
	border:#ccc 1px solid;
	margin: 0 0 10px 0px;
}

.rightcol
{
	float: right;
	padding: 10px 15px;
	width: 223px;
	border:#ccc 1px solid;
	margin: 0 0 10px 0;
}

.special
{
	clear: both;
	margin:0px 0 5px 0;
	padding: 0px 12px;
	border: 1px solid #ccc;
	color: #444;
}

/* FOOTER */

#footer
{
	clear: both;
	text-align: right;
	width: 900px;
	margin: 0px auto 0 auto;
	padding: 7px;
}

.hheading
{
	font-weight:		bold;
	color:			#ffffff;
	background-color:	#8D9CAF;
}

.blue
{
	color:		#546F92;
	background:	inherit;
}

.image
{
	float:		left;
	border:		2px solid #e2e2e2;
	padding:	3px;
	margin:		0 15px 10px 0;
}

.cmsimage
{
	float:		right;
	border:		2px solid #e2e2e2;
	padding:	3px;
	margin:		0 10px 0px 10px;
}

.cmsimagecaption
{
	border:		2px solid #e2e2e2;
	padding:	3px;
	margin:		0 10px 0px 10px;
}

.imagewrapper
{
	float:		right;
	font-size:	0.8em;
	text-align:	center;
}

.block
{
	padding:		10px;
	text-align:		center;
	background-color:	#d9e0ea;
	margin:			0 40px 0 40px;
	border:			1px solid #8d9caf;
	font-size:		1.4em;
}

.benefits
{
	padding:	10px;
	margin:		12px 40px 12px 40px;
	border:		1px solid #CFCB66;
	background:	#ffffc7;
}

.toplefthead
{
	color:		white;
	font-weight:	bold;
}

a.adminlink,
a.adminlink:link,
a.adminlink:visited	{ color: #d8dce5;  }
a.adminlink:hover	{ color: black;  }

#map
{
	border:		1px solid black;
}