/*-----------------------------------------------
'	Company:MassMedia (www.massmedia.com.au)
'	Copyright © 2004, All rights reserved.
'	Date Created:Febuary 2004
'
'	Last Modified Date: 24th January, 2004
'	Last Modified By: Benjamin -> benjaminr@massmedia.com.au
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/


/*----------------- Structural divs ----------------*/

#globalWrap
{				
			width: 						750px;
            margin:                     0 auto;
			text-align: 				left; 
			margin-top: 				2px!important;
			background: 				url(../images/bg_pageLine.gif) repeat-y;
}

#globalWrapB
{
	width: 						750px;
	margin-left: 				auto;
	margin-right: 				auto;
	text-align: 				left;
	margin-top: 				4px;
}


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

#mainContainer{
				width: 					750px;
}


#sideNavTop
{
				clear: 					left; 
				background: 			url(../images/bg_sideNavTop.gif) no-repeat bottom left; 
				width: 					219px; 
				height: 				22px;
}

#sideNav
{
				float: 					left;  
				width: 					219px; 
				background: 			url(../images/bg_sideNav.gif) repeat-y; 
				color: 					#163660; 
				font-size: 				10px; 
}

#sideNav ul
{
				list-style: 			none none; 
				margin: 				0; 
				padding: 				0 0 10px 30px; 
				line-height: 			18px;
}
	/*#sideNav li{margin-bottom: 4px;}*/
#sideNavBottom
{
				clear:					left; 
				background: 			url(../images/bg_sideNavBottom.gif) no-repeat bottom left; 
				width:					219px; 
				height:					12px;
}

#sideNavEnd
{
				clear:					left; 
				background: 			url(../images/bg_sideNavEnd.gif) no-repeat bottom left; 
				width:					219px; 
				height:					12px;
}

#sideNavImg
{
				background: 			#fff; 
				padding: 				10px 0;
}


#noSideNav
{
				float: 					left;
				width: 					219px;
				margin-top: 			22px;
}

#noSideNav li
{
				list-style: 			none none; 
				margin-bottom: 			30px;
}

#mainContent
{
				float:					left; 
				width: 					520px; 
				margin-top: 			22px;
}

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

#frontNoFlash{

                                                clear:                                                    left;

                                                width:                                                   750px;

                                                padding-top:                             67px;

                                                background: url(../images/bg_frontNoFlash.jpg) no-repeat right bottom;

}

#footer
{
				float:					left; 
				width: 					750px; 
				background: 			url(../images/bg_footerAntiFlicker.gif) no-repeat;
				overflow: 				hidden;
	}
	
#footerObs{
				float:					left; 
				width: 					204px; 
}
	#footerAddress{
			padding: 					20px 0px 60px 0px; 
			background: 				#fff; 
			clear: 						left;
			width: 750px;

}
	
	#footerLine
	{ 
				clear: 					left;
				width: 					750px; 
				height: 				14px;
	}
	
	#footerItem
	{
				float: 					left; 
				background: 			url(../images/bg_footerLeft.gif) no-repeat; 
				width: 					204px; 
				height: 				30px;
	}
	
	
	
	#footerItem a
	{
				float: 					left; 
				background: 			url(../images/bg_footerLeft.gif) no-repeat; 
				width: 					204px; 
				height: 				30px;
	}
	
		
	#footerAbout a
	{
				float: 					left; 
				display: 				block; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_aboutus.gif) no-repeat top left;
}

#footerAbout a:hover
{
				float: 					left; 
				display:				block; 
				background-position:	0 -32px;
				height: 				30px; 
}

#footerAboutOver{
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_aboutus.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerContact a{
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_contactus.gif) no-repeat top left;
}

#footerContact a:hover{background-position: 0 -32px;}

#footerContactOver{	
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_contactus.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerMembership a
{
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_Membership.gif) no-repeat top left;
}
							
#footerMembership a:hover{background-position: 0 -32px;}

#footerMembershipOver
{
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_Membership.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerMedia a
{
				float: 					left; 
				width: 					68px; 
				height:					30px; 
				background: 			url(../images/btn_Media.gif) no-repeat top left;
}

#footerMedia a:hover{background-position: 0 -32px;}

#footerMediaOver
{
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background: 			url(../images/btn_Media.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerVolunteer a
{
				float: 					left;
				width: 					68px;
				display: 				block;
				height: 				30px;
				background: url(../images/btn_volunteer.gif) no-repeat top left;
}

#footerVolunteer a:hover
{
				background-position: 	0 -32px;
w
}

#footerVolunteerOver
{
				float: 					left; 
				width: 					68px; 
				height: 				30px; 
				background:				url(../images/btn_volunteer.gif) no-repeat top left;
				background-position:	0 -32px;
}

#footerSupport a
{
				float:					left; 
				width:					68px; 
				height:					30px; 
				background:				url(../images/btn_support.gif) no-repeat top left;
}
#footerSupport a:hover{background-position: 0 -32px;}

#footerSupportOver
{
				float: 					left; 
				width:					68px; 
				height:					30px; 
				background:				url(../images/btn_support.gif) no-repeat top left;
				background-position:	0 -32px;
}

#footerVenue a
{
				float:					left; 
				width:					68px; 
				height:					30px; 
				background:				url(../images/btn_venuehire.gif) no-repeat top left;
}

#footerVenue a:hover{background-position: 0 -32px;}

#footerVenueOver
{
				float:					left; 
				width:					68px; 
				height:					30px; 
				background:				url(../images/btn__venuehire.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerPrivacy a
{
				float: 					left; 
				width: 					67px; 
				height: 				30px; 
				background: 			url(../images/btn_privacy.gif) no-repeat top left;
}

#footerPrivacy a:hover{background-position: 0 -32px;}

#footerPrivacyOver
{
				float: 					left; 
				width: 					67px; 
				height: 				30px; 
				background: 			url(../images/btn_privacyOver.gif) no-repeat top left;
}


#colLeft
{
				float: 					left; 
				width: 					235px; 
				padding: 				0 15px; 
				margin-top: 			22px;
}

#colRight
{
				float: 					left; 
				width: 					235px; 
				padding: 				0 15px; 
				margin-top: 			22px;
}


#frontContent{

}

#fpTriCol{

}


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

.mainNavLink
{
				color: 					#F0F; 
				font: 					normal 10px verdana, helvetica, sans-serif;
}

.mainNavLinkHdn
{
				color: 					#FFF; 
				font: 					bold 11px verdana, helvetica, sans-serif;
}

.sideNav
{
				color:					#163660; 
				font-size: 				11px;
}

img{border: none;}

body{
				margin: 				0; 
				padding:				3px 0 0 0;
                margin:                 0 auto; 
     			text-align:				center; 
				font: 					normal 11px verdana, helvetica, sans-serif;
}

td{
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#333;
}

p{
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#333;
				margin: 				0 0 26px 0; 
				padding: 				0; 
				line-height: 			18px;
}

h1{
				font: 					bold 16px verdana, helvetica, sans-serif; 
				color: 					#2F5383;
				margin: 				0; 
				padding: 				0;
}

h2{
				font: 					bold 16px verdana, helvetica, sans-serif; 
				color:					#2F5383; 
				margin: 				0 0 26px 0; 
				padding: 				0;
}

h3{
				font: 					bold 11px verdana, helvetica, sans-serif; 
				color: 					#9F0D02; 
				margin: 				0; 
				padding: 				0;
}

h4{
				font: 					bold 11px verdana, helvetica, sans-serif; 
				color: 					#163660; 
				margin: 				0; 
				padding: 				0;
}

a{text-decoration: none; color: #6183B0;}
a:hover{text-decoration: underline; color: #6183B0;}

hr
{
				border: 				none; 
				border-top: 			1px solid #999999; 
				clear: 					left; 
				padding: 				10px 0 0 0; 
				overflow:				hidden; 
				height: 				1px
} 

p.caption{
				font-size:				10px;
				line-height:			12px;
				border-bottom:			1px solid #ccc;
				padding:				5px 0px;
				color:					#999
}

p.blackcaption{
				font-size:				10px;
				line-height:			12px;
				border-bottom:			1px solid #ccc;
				padding:				5px 0px;
}

p.captionNoLine{
				font-size:				10px;
				line-height:			12px;
				padding:				5px 0px;
				color:					#999
}


.bodyLink{font-weight: bold; color: #006699}

.icon{vertical-align: middle;}


#imgRight
{
				float: 					right; 
				display:				block; 
				padding: 				0 0px 0 10px;

}

#imgLeft{
				float: 					left; 
				display: 				block; 
				padding: 				0 10px 0 0px;
}

#pubItem
{
				clear:					left;
				border-bottom:			1px solid #999999;
				margin:					10px 0 15px 0;
				voice-family:			"\"}\"";
				voice-family:			inherit;
				padding:				10px 0 20px 0; 
}
#voiceHack{}

#pubDate
{
				float:					left; 
				width:					120px; 
				padding:				0 10px 0 0;

}

#pubImg
{
				float:					left; 
				width:					80px; 
				padding:				0 10px 0 0;
}

#pubTxt
{
				float:					left; 
				width:					280px;

}



#listItem
{
				clear: 					left;

				min-height: 			80px;
				margin: 				10px 0 15px 0;
				voice-family:"\"}\"";
				voice-family:			inherit;
				padding: 				10px 0 20px 0; 
}
#voiceHack{}

#listImg
{
				float: 					left; 
				width:					80px; 
				padding:				0 10px 0 0;
}

#listTxt
{
				float:					left; 
				width:					auto;
}

#pageList{}

#pageList ul{
				list-style: 			url(../images/bp_unordered.gif);
				color: 					#666666;
			
}

#pageList ol{
				
				color: 					#666666;
			
}

#pageDropdown{
				clear: 					left;
				width:					90%;
				background:				#019BDC;
				height:					36px;
}

#exRow{

				clear:					left;
				margin-top: 			0px;
}



#exImg{
				float:					left;
				width:					69px;
				margin-right:			10px;
				
				
}
#exTxt{
				float:					left;
				width:					150px;
				margin-right:			20px;

}


#cDiv{			clear:					left;
}

/*------------ form class -----------*/
.dropDown
{
				width: 					272px;
				font: 					normal 11px verdana, helvetica, sans-serif;
				color: 					#666666
}

.inputField
{
				width: 					272px; 
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#666666; 
				padding:				5px 0;
}

textarea
{
				width: 					272px; 
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#666666
}

.submitBtn
{
				font: 					bold 11px verdana, helvetica, sans-serif; 
				color: 					#666666; 
				margin: 				0; 
				padding: 				0;
}

/*-----the following added by jGee--------*/

#left_col {
	width: 355px;
	float: left;
	margin-top:15px;
	}
	

#right_col {
width: 365px;
margin-top: 15px;
float: right;
}

#banner
{
				clear: 					left; 
				width: 					750px; 
				height: 				101px; 
				padding-top: 			2px;
}

/*------jgee's online layouts -----*/

#newleftLayTxt{
				float:					left;
				width:					260px;
				margin-left:			0px;
				margin-right:			5px;
				


}

#newleftLayImg{
				float:					left;
				width:					70px;
				margin-right:			10px;
				margin-left:			0px;
								
				
}


#newLayTxt{
				float:					left;
				width:					240px;
				margin-right:			5px;


}

#newLayImg{
				float:					left;
				width:					70px;
				margin-right:			10px;
								
				
}

#imgLeft
{
				float: 					left; 
				display:				block; 
				padding: 				0 10px 0 0px;
}				

.bl {background: url(/images/bl.gif) 0 100% no-repeat #E7E7E7; width: 100%} 
.br {background: url(/images/br.gif) 100% 100% no-repeat} 
.tl {background: url(/images/tl.gif) 0 0 no-repeat} 
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}












.roundcont {
	width: 100%;
	background-color: #E7E7E7;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


/*------lightbox added by jgee -----*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */

}	
.emailSubscribe {
	width: 						750px;
	height: 					45px;
	margin:						2px 0;
	background: 				#404040 url(/images/email.gif) no-repeat 0 0; 
	float:						left;
	padding:					6px 0 0 0;
	heigh\t:					40px;
	color:						#fff;
	text-align:					right; /* change text-align for subscribe label alignment on homepage */
}