/* - - - - - - - - - - - - - - - - - - - - -

Title : 
URL : 

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

Description : full website styles

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/
html {
	padding: 0px;
	margin: 0px;
	overflow: -moz-scrollbars-vertical;
	}
	
	
body{
	width:100%;
	margin:0px;
	padding:0px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color:#333;
	background: #0077bb;
}


a:link, a:visited  {
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	color: #036daa;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

h1 {
	font: normal 24px/34px Trebhchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #077dc3;
	background: url(../templateimages/heading_one.gif) no-repeat 0% 0%;
	padding-left: 50px;
	margin: 2px 0px;
}

h2 {
	font: normal 18px/22px Trebhchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #077dc3;
}

h3 {
	font: bold 14px/18px Trebhchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #077dc3;
}

h4 {
	font: bold 15px/20px Trebhchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../templateimages/heading_four.gif) no-repeat 0% 0%;
	padding-left: 26px;
	margin: 0px;
}

h5 {
	font: bold 15px/20px Trebhchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../templateimages/h5.gif) no-repeat 0% 0%;
	padding-left: 26px;
	margin: 0px;
}


form {
  margin: 0;
}

input, select, textarea {

}

.stats {
	display: none;
	height: 0;
	line-height: 0;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}

/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/
#OverallWrapper {
	width: 1028px;
	margin: 0 auto;
	padding: 0px;
	background: #fff url(../templateimages/overall_bg.gif) repeat-y;
}

#wrapper {
	width: 1020px;
	padding: 0px 8px 0px 0px;
	margin: 0 auto;
}

		#banner {
			width: 1020px;
			height: 139px;
			border-bottom: 1px solid #0077bb;
		}
			#banner_lhs {
				width: 398px;
				height: 139px;
				float: left;
			}
			
			#banner_rhs {
				width: 435px;
				height: 139px;
				float: right;
			}

	#navWrap {
		width: 1020px;
		height: 44px;
		border-top: 1px solid #fff;
		border-bottom: 2px solid #0077bb;
		background: #4f4f4f; /*url(../templateimages/navbg.gif) no-repeat*/
	}
	
	#bannerimages {
		width: 1020px;
		height: 213px;
		border-bottom: 3px solid #0077bb;
	}
	
	#conWrap {
		width: 1020px;
		background: #fff;
		border-bottom: 2px solid #b5b5b5;
	}
	
	
		#sideImg {
			width: 178px;
			padding: 20px 15px 10px 32px;
			float:left;
		}
		
		#InWrap {
			width: 795px;
			background: #fff;
			float: right;
		}
			
		#content {
			width: 638px;
			padding: 20px 15px 10px 32px;
			float: left;
		}
		
				#content sup {
					font-size: xx-small;
					vertical-align: baseline;
					position: relative;
					bottom: 0.33em;
				}
				
		#contentHome {
			width: 416px;
			padding: 20px 30px 10px 10px;
			float: left;
			
		}
		
		#contentDefault {
			width: 954px;
			padding: 20px 32px 24px 34px;
		}
		
		#flashcontent {
			width: 291px;
			padding: 20px 32px 0px 0px;
			float: right;
		}
		
		#rhsInclude {
			width: 291px;
			float: right;
			padding: 20px 32px 0px 0px;
		}
		
		#homeInclude {
			width: 745px;
			padding: 0px 32px 24px 0px;
			margin-top: 0px;
			float: right;
		}
	
	#footerWrap {
		width: 1020px;
		height: 140px;
	}
		#footerIn {
			width: 952px;
			height: 106px;
			margin: 0 auto;
			padding: 17px 0px;
			background: url(../templateimages/watermark.gif) no-repeat 100% 50%;
		}
	
#footshadow {
	width: 1028px;
	height: 9px;
	margin: 0 auto;
	padding: 0px;
	background: url(../templateimages/footshadow.gif) no-repeat;
}

#disclaimerWrap {
	width: 1028px;
	height: 69px;
	margin: 0 auto;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color:#fff;
}
	#disclaimerIn {
		padding: 4px 42px 24px 34px;
	}

/*
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/
ul#nav {
	width: 980px;
	height: 44px;
	margin: auto;
	padding: 0;
	list-style: none;
}

ul#nav li { 
  	float: left; /*For Gecko*/
	margin: 0;
	padding: 0px;
  	position: relative;
}

ul#nav li.home a{
	display: block;
	text-decoration: none;
	padding: 0 23px;
	font: normal 18px/44px helvetica neue, Arial, Helvetica, sans-serif; 
	color: #fff;
	background: url('../templateimages/nav_div.gif') no-repeat 100% 50%;
}

		ul#nav li.home a:hover {
			display: block;
			text-decoration: none;
			padding: 0 23px;
			font: normal 18px/44px helvetica neue, Arial, Helvetica, sans-serif; 
			color: #26a5da;
		}
		ul#nav li.home a.menuOn{
			display: block;
			text-decoration: none;
			padding: 0 23px;
			font:normal 18px/44px helvetica neue, Arial, Helvetica, sans-serif; 
			color: #26a5da;
		}

ul#nav li a {
	display: block;
	text-decoration: none;
	padding: 0 23px;
	font:normal 18px/44px helvetica neue, Arial, Helvetica, sans-serif; 
	color: #fff;
	background: url('../templateimages/nav_div.gif') no-repeat 100% 50%;
}

		ul#nav li a:hover {
			display: block;
			text-decoration: none;
			padding: 0 23px;
			font:normal 18px/44px helvetica neue, Arial, Helvetica, sans-serif; 
			color: #26a5da;
		}
		ul#nav li a.menuOn {
			display: block;
			text-decoration: none;
			padding: 0 23px;
			font:normal 18px/44px helvetica neue, Arial, Helvetica, sans-serif; 
			color: #26a5da;
		}

ul#nav ul {
	z-index: 15;
	position: absolute;
	top: 44px;
	left: 0px;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	background: #4f4f4f;
}

#nav ul li {
	float: none; /*For Gecko*/
	display: block !important;
	display: inline; /*For IE*/
	
	}

/* 2nd Menu */
ul#nav li ul li a {
 	float: none !important; /*For Opera*/
 	float: left; /*For IE*/
	width: 250px;
  	height: auto !important;
  	height: 1%; /*For IE*/
	font: bold 15px/40px Arial, Helvetica, sans-serif; 
	background: #4f4f4f;
  	display: block;
	cursor: pointer;
	border-top: 1px solid #0077bb;
	border-bottom: 1px dotted #fff;
	}

ul#nav li:hover li a,
ul#nav li.iehover li a {
    float: none;
	color: #fff;
	font: bold 15px/40px Arial, Helvetica, sans-serif; 
	background: #4f4f4f;
	cursor: pointer;
	}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
	font: bold 15px/40px Arial, Helvetica, sans-serif; 
	color: #26a5da;
	background: #4f4f4f;
	}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
	font: normal 14px/30px Arial, Helvetica, sans-serif; 
	color: #e8c58f;
	background: #560d01;
	}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
	font: normal 14px/30px Arial, Helvetica, sans-serif; 
	color: #FFF;
	background: #0077bb;
	}

ul#nav ul ul,
ul#nav ul ul ul {
  	display: none;
	position: absolute;
  	top: -1px;
	width: 250px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
	}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
	}




/*
----------------------------------------------------------------------------- 
MISCEL
-----------------------------------------------------------------------------*/
.box_mid {
	width: 204px;
	padding: 0px 12px;
	margin: 0px;
	background: url(../templateimages/box_bg.gif) repeat-y;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color:#fff;
}

p.box_mid {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color:#fff;
}

.box_mid_big {
	padding: 0px;
	margin: 0px;
	background: #4f4f4f;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
}

.sidebox {
	margin: 5px 0px;
}

		.midtop {
			height: 14px;
			padding: 0px;
			margin: 0px;
			background: url(../templateimages/mid_top.gif) repeat-x 0% 0%;
		}
		
		.midBot {
			height: 14px;
			background: url(../templateimages/mid_bot.gif) repeat-x 0% 100%;
		}	
		
		.mid_left {
			width: 17px;
			background: url(../templateimages/mid_left.gif) repeat-y 0% 0%;
		}
		
		.mid_right {
			width: 17px;
			background: url(../templateimages/mid_right.gif) repeat-y 0% 0%;
		}

		a.white:link, a.white:visited  {
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
		}
		
		 a.white:hover {
		 	text-decoration: none;
		 }
		 
		 .white_two {
			position: relative;
			top: 5px;
			padding-top:30px;
			height: 13px;
			line-height: 50px;
		}
		
		 
.ref {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color:#333;
}

h6 {
	font: bold 15px/18px Trebhchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #077dc3;
	margin: 10px 0px 0px 0px;	
}

.lhsImg {
	/*margin-top: 2px;*/
	border-bottom: 2px solid #4f4f4f;
}
/*
----------------------------------------------------------------------------- 
Demo
-----------------------------------------------------------------------------*/

#demoWrapper {
	/*width:954px;
	height:687px;*/
	width:705px;
	height: 508px;
	margin:0px;
	padding: 10px 0px 0px 0px;
	
}
		
		#lhsIn {
			width: 495px;
			height: 508px;
			float:left;
			padding: 0px;
			margin: 0px;
			background: url(../templateimages/lhs01.jpg) no-repeat;
		}

		
		#rhsIn {
			width:205px;
			height: 508px;
			float:right;
			padding: 0px;
			margin: 0px;
		}
		
.demotool {
	background: #4f4f4f;
	border: 3px solid #9c9c9c;
	color: #fff;
}
		
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 2px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}