/*////////////////////////////*/
/*/ www.virtualbroker.com.au /*/
/*////////////////////////////*/


/*** CATCHALL STYLES ***/
body {
    background-color:#e9e9e9;
	color:#666666;
    margin:50px 0 0 0;
    padding:0;
    font-size:12px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

img {
	border:none;
	}
form p {
	font:14px "Helvetica";
	margin:0 0 10px 0;
	}

/*** LAYOUT STYLES ***/
div.shadow {
    position:relative;
    background:url(../images/shadow.jpg) top left no-repeat;
    height:524px;
    width:860px;
    margin:0 auto;
	}
div#layout-mech {
    height:504px;
    width:840px;
    background-color:#ffffff;
	color:#000000;
	}
div#fadebox {
	position:absolute;
	height:504px;
	width:610px;
	top:0;
	left:0;
	background-color:#ffffff; 
	}

/*** MENU STYLES ***/
div#menu-wrapper {
    position:relative;
    float:left;
    height:504px;
    width:230px;
    overflow:hidden;
	z-index:10000;
	}
div.menu {
    position:absolute;
    height:504px;
    width:230px;
    overflow:hidden;
    z-index:100000;
    text-transform:lowercase;
	}
div#menu-scroll {
	left:0;
	top:0;
	}
div.menu p {
    margin:0;
    padding:0;
    font-weight:bold;
    color:#a2232a;
	}
div.menu a.small {
	margin:0;
	padding:0;
	font-size:11px;
	}
div#menu a.small {
	padding-right:12px;  
	}
div.menu div.main {
	padding-left:36px;
	padding-right:39px;
	padding-top:28px;
	position:absolute;
	width:161px;
	height:476px;
	}
div.menu a {
	color:#888888;
	text-decoration:none;
	position:relative;
	z-index:10000000;
	font-weight:normal;
	}
div#menu a {
	padding-right:12px;
	}
div.menu a:hover, div.menu a:active {
	color:#333333;
	}
div#menu a.submenu:hover {
	background:right 5px url(../images/menu-submenu-left-highlight.gif) no-repeat;
	}
div.menu div.background {
	/* background:url( ../images/menu-background.gif ); */
	height:504px;
	left:0;
	overflow:hidden;
	position:absolute;
	width:230px;
	}
div.menu div.background.homepage {
	background:url( ../images/menu-background-safari.png );
	}
div.menu div.scroll {
	height:504px;
	left:0;
	overflow:hidden;
	position:absolute;
	width:708px;
	}


/*** SUBMENU ***/
div.menu div.submenu {
	font:11px/20px "Verdana";
	left:230px;
	padding-left:36px;
	padding-top:28px;
	position:absolute;
	width:200px;
	height:476px;
	}

div.menu div.submenu p.level-up a {
	position:absolute;
	top:460px;
	left:36px;
	background:0 7px no-repeat url( ../images/menu-level-up-left.gif);
	padding-left:12px;
	}

div.menu div.submenu p.level-up a:hover {
	background:0 7px no-repeat url( ../images/menu-level-up-left-highlight.gif);
	}

div.menu a:active {
	color:#000000;
	}


/* LOGIN PANEL */
div.menu div#login-panel {
	z-index:999;
	height:150px;
	left:0;
	top:354px;
	overflow:hidden;
	position:absolute;
	width:230px;
	background-color:#a2232a;
	color:#ffffff;
	}
div#login-panel p {
	font-weight:normal;
	font-size:11px;
	line-height:13px;
	color:#ffffff;
	}
div#login-panel form {
	margin-top:10px;
	}
div#login-panel input.text {
	width:184px;
	}
div#login-panel input.button {
	margin-top:5px;
	}


/* CONTENT */
div#content-container {
	width:610px;
	overflow:hidden;
	height:504px;
	position:relative;
	float:right;
	}
div#logo {
	width:147px;
	height:35px;
	position:absolute;
	left:35px;
	top:454px;
	z-index:1000;
	}
div#content {
	height:100%;
	width:100%;
	background-color:#ffffff;
	}
div#content div.inner {
	padding:20px 15px 15px 35px;
	}
div#login-panel div.inner {
	padding:10px 20px 0 20px
	}
div.textonly div.inner {
	padding:40px 15px 5px 35px;
	}	
div#content-image-component {
	height:255px;
	overflow:hidden;
	}	
div#content-text-component {
	height:249px;
	font:11px/14px "Helvetica";
	overflow:auto;
	}
div#content-text-component.textonly {
	height:504px;
	}
.red {
	background:#A2232A url(../images/red_text_bg.gif) 0 0 no-repeat;
	color:#ffffff;
	}
.red a, .red a:visited {
	color:#FFCC00;
	text-decoration:none;
	}
.red a:hover {
	text-decoration:underline;
	}
.grey {
	background:#333333 url(../images/grey_text_bg.gif) top left no-repeat;
	color:#333333;
	}
p.intro {
	font:16px/20px "Verdana";
	letter-spacing:-1px;
	}
p.news-date {
	margin:25px 0 5px 0;
	padding-top:3px;
	border-top:1px solid #FFFFFF;
	}
p.news-headline {
	font:16px/20px "Verdana";
	letter-spacing:-1px;
	margin:0;
	}
div#content-text-component h1 {
	color:#D19195;
	font-size:38px;
	text-transform:lowercase;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 15px 0;
	}


/* SITEMAP */	
div#sitemap-content li {
	font:14px/20px "Helvetica";
	color:#D19195;
	}
	
div#sitemap-content li a, div#sitemap-content li a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
div#sitemap-content li a:hover {
  text-decoration:underline;
}


/* DISCLAIMER */
div#disclaimer {
	margin-right:20px;
	margin-top:15px;
	text-align:center;
	color:#999999;
	font:10px/12px "Arial";
	}
	
div#disclaimer a, div#disclaimer a:visited {
	color:#A2232A;
	text-decoration:none;
	}
	
div#disclaimer a:hover {
	text-decoration:underline;
	}