/*-----------------------------------------------
'	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: 						950px;
			margin-left:				auto; 
			margin-right: 				auto; 
			text-align: 				left; 
			margin-top: 				4px;
			background: 				url(../images/bg_pageLine.gif) repeat-y;
}

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



#mainNav
{					
			position:					absolute; 
			width:						950px; 
			height:						50px;  

			z-index:					100;
}
						
#mainNavItem
{				
			float:						left;
			width:						68px;
			z-index:					100;

}
 
#mainNavPlanning a
{			
			float:						left; 
			display:					block; 
			height:						50px; 
			background:					url(../images/btn_planning.gif) top left no-repeat;
			width:						176px; 
}

							
#mainNavPlanning a:hover
{							
			background-position:		0 -50px; 
			height: 					50px;
}
 
#mainNavExhibition a
{
			float:						left; 
			display:					block; 
			height:						50px; 
			background:					url(../images/btn_exhibition.gif) top left no-repeat; 
			width:						177px;
}

#mainNavExhibition a:hover
{							
			background-position: 		0 -50px; 
			height: 					50px;
}
	
#mainNavEducation a
{							
			float: 						left; 
			display: 					block; 
			height: 					50px; 
			background: 				url(../images/btn_education.gif) top left no-repeat; 
			width: 						177px;
}

#mainNavEducation a:hover
{							
			background-position: 		0 -50px; 
			height: 					50px;
}
	
#mainNavCollection a
{
			float: 						left; 
			display: 					block; 
			height: 					50px; 
			background: 				url(../images/btn_collection.gif) top left no-repeat; 
			width: 						176px;
}
							
#mainNavCollection a:hover
{
			background-position: 		0 -50px; 
			height: 					50px;
			
}
	
#mainNavOnline a
{
			float: 						left; 
			display: 					block; 
			height: 					50px; 
			background: 				url(../images/btn_online.gif) top left no-repeat; 
			width: 						176px;
}

#mainNavOnline a:hover
{
			background-position:		0 -50px; 
			height: 					50px;
}



/* Start the dropdown navigation 
do you have any idea the 2 days of frustration it took me to work this one out. You had better enjoy it.

Tested Browsers
PC	IE5.0
	IE5.5
	IE6.0
	NS6.2
	NS7.0
	FF0.8
	
MAC	IE5.2 (osx)
	IE5.1 (os9)
	NS7.0 (osx)
	SF 1.01 (osx)
	
*/

/* the use of the voice hack here is to allow it to work in NS6.2+ IE5+ handles it fine*/
.menublock, .display 
{
				/*
				width:					100px;
				voice-family:			"\"}\""; 
				voice-family:			inherit; 
				width:					auto; 
				float: 					left;
				*/
				
}

#voiceHack{}

#mainNavSml{
				top: 					50px;
				left: 					67px;
				width: 					175px;
				height: 				137px;
				position: 				absolute; 
				background: 			#019BDC; 
				border-top: 			2px solid #fff; 
				border-left: 			1px solid #fff; 
				border-right: 			1px solid #fff; 
				voice-family:			"\"}\""; 
				voice-family:			inherit;
				width: 					175px;
				height: 				157px;
}
#voiceHack{}

#mainNavSmlB{
				top: 					50px;
				left: 					243px;
				width: 					210px;
				height: 				157px;
				position: 				absolute; 
				background: 			#019BDC; 
				border-top: 			2px solid #fff; 
				border-left: 			1px solid #fff; 
				border-right: 			1px solid #fff;
				voice-family:			"\"}\""; 
				voice-family:			inherit;
				left: 					243px;
				width: 					210px;
				height: 				197px;
}
#voiceHack{}

#mainNavSmlC{
				top: 					50px;
				left: 					420px;
				width: 					274px;
				height: 				137px;
				position: 				absolute; 
				background: 			#019BDC; 
				border-top: 			2px solid #fff; 
				border-left: 			1px solid #fff; 
				border-right: 			1px solid #fff;
				voice-family:			"\"}\""; 
				voice-family:			inherit;
				left: 					420px;
				width: 					210px;
				height: 				157px;
}
#voiceHack{}

#mainNavSmlD{
                top:					50px;
                left:					772px;
                width:					274px;
                height:					157px;
                position:				absolute; 
                background:				#019BDC; 
				border-top: 			2px solid #fff; 
                border-left:			1px solid #fff; 
                border-right:			1px solid #fff;
                voice-family:			"\"}\""; 
                voice-family:          	inherit;
                left:					772px;
                width:					232px;
                height:					197px;
}
#voiceHack{}



#mainNavLrg{
				top: 					50px;
				left: 					398px;
				width: 					347px; 
				height: 				254px;
				position: 				absolute; 
				background: 			#019BDC; 
				border-top: 			2px solid #fff; 
				border-left: 			1px solid #fff; 
				border-right: 			1px solid #fff;
				voice-family:			"\"}\""; 
				voice-family:			inherit;
				left: 					598px;
				height: 				254px;
}
#voiceHack{}

#mainNavLrgB{
				top: 					52px;
				left: 					204px;
				width: 					546px; 
				height: 				136px;
				position: 				absolute; 
				background: 			#019BDC; 
				border-left: 			1px solid #fff; 
				voice-family:			"\"}\""; 
				voice-family:			inherit;
				left: 					203px;
				height: 				137px;
}
#voiceHack{}


 a#mainNavSml{display: block; }
.menublock #mainNavSml{display: none;}

 a#mainNavSmlB{display: block; }
.menublock #mainNavSmlB{display: none;}

 a#mainNavSmlC{display: block; }
.menublock #mainNavSmlC{display: none;}

 a#mainNavSmlD{display: block; }
.menublock #mainNavSmlD{display: none;}

 a#mainNavLrg{display: block; }
.menublock #mainNavLrg{display: none;}

 a#mainNavLrgB{display: block; }
.menublock #mainNavLrgB{display: none;}

#mainNavList 
{				
				float: 					left; 
				width: 					250px; 
				padding: 				3px 0 0 0;
}

#mainNavList ul 
{							
				list-style: 			none none; 
				margin:					0px  0 0 5px; 
				padding:				0; 
				text-indent: 			-3px;
}

#mainNavList li{
				background:				url(../images/bp_mainNav.gif) no-repeat left ;
				margin: 0;
				padding: 0 0 0 15px
}



.noArrow
{
				margin-top: 			5px;
				background:				none!important; 
				padding: 				0; 	
				voice-family:			"\"}\""; 
				voice-family:			inherit; 
				margin-top: 			0;
}

#voiceHack{}

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

#banner
{
				clear: 					left; 
				width: 					947px; 
				height: 				101px; 
			/*	padding-top: 			52px; */
}

#pageHeading
{							
				clear: 					left; 
				width: 					947px; 
				height: 				22px; 
				background: 			url(../images/bg_pageHeading.gif) no-repeat; 
				font: 					normal 18px arial, helvetica, sans-serif; 
				color: 					#fff; 
				padding: 				7px 27px;
}

#mainContainer{
				width: 					950px;
}


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

#sideNavTopLessTallFoundation
{
				background: 			url(/images/bg_sideNavTop.gif) no-repeat bottom left; 
				width: 					195px; 
				height: 				12px;
}

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

#sideNavFoundation
{
				float: 					left;  
				width: 					2055px; 
				background: 			url(/images/found_sideNav.gif) repeat-y; 
				color: 					#019BDC; 
				font-size: 				10px; 
}

#sideNav ul
{
				list-style: 			none none; 
				margin: 				0; 
				padding: 				0 0 10px 25px; 
				line-height: 			18px;
}
	/*#sideNav li{margin-bottom: 4px;}*/
#sideNavBottom
{
				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: 					517px; 
				margin-top: 			22px;
}

#mainContentWide
{
				float:					left; 
				width: 					730px; 
				margin-top: 			22px;
}
#mainContentWideLessTall
{
				float:					left; 
				width: 					730px; 
				margin-top: 			12px;
}
}
#mainContentWideLessfound
{
				float:					left; 
				width: 					730px; 
				margin-top: 			12px;
}
#mainEvent
{
				float:					left; 
				width: 					417px; 
				margin-top: 			22px;
}

#bottomWide
{
				float:					left; 
				width: 					717px; 
				margin-top: 			22px;
}


#siteWide
{
				float:					left; 
				width: 					717px; 
				margin-top: 			22px;
}

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

#frontNoFlash{

                                                clear:                                                    left;

                                                width:                                                   750px;

                                                padding-top:                             67px;

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

}




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

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

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

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

#BigcolLeft
{
				float: 					left;
				width: 					485px;
				margin-top: 			22px;
}

#frontContent{

}

#fpTriCol{

}


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

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

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

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

.sideNav2
{
				color:					#019BDC; 
				font: 					normal 11px verdana, helvetica, sans-serif;				
}


img{border: none;}

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

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

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

.foundation{
				font: 					normal 14px helvetica, sans-serif; 
				color: 					#666666;
				
				padding: 				0; 
				line-height: 			18px;
}

.norm{
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#666666;
				
				padding: 				0; 
				line-height: 			18px;
}

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

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

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

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

h5{
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#003366; 
				margin: 				0; 
				padding: 				0;
}

h6{
				font: 					bold 16px arial, helvetica, sans-serif; 
				color: 					#003366; 
				margin: 				0; 
				padding: 				0;
}


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

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.captionNoLine{
				font-size:				10px;
				line-height:			12px;
				padding:				5px 0px;
				color:					#999
}


.bodyLink{font-weight: bold; color: #006699}
.standardLink{font-weight: normal; 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 10px 0; 
}
#voiceHack{}

#pubDate
{
				float:					left; 
				width:					270px; 
				padding:				0 0px 0 0;

}

#pubImg
{
				float:					left; 
				width:					120px; 
				padding:				0 10px 0 0;
}
#pubImg2
{
				float:					left; 
				width:					84px; 
				padding:				0 10px 0 0;
}

#eduimgbig
{
				float:					left; 
				width:					210px; 
				padding:				0 10px 0 0;
}


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

}



#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;
				line-height: 			18px;
			
}

#pageList ol{
				
				color: 					#666666;
				line-height: 			18px;
			
}

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

#exRow{

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



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

#eduImg{
				float:					left;
				width:					100px;
				margin-right:			15px;
				
				
}
#exTxt{
				float:					left;
				width:					150px;
				margin-right:			20px;

}


#exTxtWide{
				float:					left;
				width:					145px;
				margin-right:			15px;

}

#eduTxtWide{
				float:					left;
				width:					220px;
				margin-right:			15px;

}



#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;
}


/*--------- added by Giv ------------*/
.imgborder
{
			border: 1px solid #000000;
}

.BlackLink
{
				color: 					#666666; 
				font-size: 				10px; 
}.looselinks {
	line-height: 14px;
	list-style-image: url(http://www.powerhousemuseum.com/images/icons/link_arrow.gif);
	list-style-position: inside;
	font-weight: bold;
	color: #006699;
}

#onlineImg
{
				float:					left; 
				width:					90px; 
				padding:				0 10px 0 0;
}




/*-----the following added by Jason for the online resources page--------*/

#left_col {
	width: 340px;
	float: left;
	margin-top:5px;
	}
	

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

}

.black_link{font-weight: bold; color: #333333; }

.img_online { float:left; margin-right: 10px; margin-bottom: 1px; margin-top: 1px; border: thin solid #FFFFFF;}

#footeronline {clear: both;}

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

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


}

#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}



.rightBox2 {
	background: 				#ffffff;

	float: 						right;

	width:						200px;

	height: 304px;
	padding:					0px 0px 0px 0px;

	overflow: hidden;
}
.rightBox2-inner {


	width:						180px;
	height:					280px;
	padding:					0px 0px 0px 0px;


}
.rightBox2-image-box {

	width: 170px;
	height:110px;
}
.rightBox2-image-box2 {
	display:block;
	margin:auto;
}
.rightBox2-image-text {
	text-align:center;
}






.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;
}





/* MASSMEDIA ADDED STYLES */

.navigation {
	width:						747px;
	height:						50px;
}

.navigation a {
	float:						left;
	height:						50px;
	display:					block;
	background-position:		0 0px;
}

a.phmLogo {
	width:						68px;
	background:					url(../images/phmLogo.gif) no-repeat 0 0;
}

a.nav1 {
	width:						136px;
	background:					url(../images/nav1.gif) no-repeat 0 0;
}
a.nav1:hover {
	background-position:		0 -50px!important;
}
a.nav2 {
	width:						136px;
	background:					url(../images/nav2.gif) no-repeat 0 0;
}
a.nav2:hover {
	background-position:		0 -50px!important;
}
a.nav3 {
	width:						136px;
	background:					url(../images/nav3.gif) no-repeat 0 0;
}
a.nav3:hover {
	background-position:		0 -50px!important;
}
a.nav4 {
	width:						136px;
	background:					url(../images/nav4.gif) no-repeat 0 0;
}
a.nav4:hover {
	background-position:		0 -50px!important;
}
a.nav5 {
	width:						135px;
	background:					url(../images/nav5.gif) no-repeat 0 0;
}
a.nav5:hover {
	background-position:		0 -50px!important;
}

.cDiv {
	clear:						left;
}

/* FADER BANNER CLASSES HERE */

.fadeBanner {
	width:						947px;
	margin:						0;
	background:					url(../images/faderBannerBg.gif) no-repeat left bottom;
	height:						283px;
/*	padding:					50px 0 0 0; */
	heigh\t:					233px;
	border-top: 				2px solid #fff;
}

*html .fadeBanner {

}
*html .emailSubscribeWrap {
	border-top: 1px solid transparent;
	margin-top: -50px;
	background: #fff!important;
}

h1.bannerTitle {
	padding:					24px 0 0 14px;
}

a.whatsOn, a.openingTimes {
	height:						20px!important;
	display:					block;
	margin-left:				30px;
}

a.becomingMember {
	height:						20px!important;
	display:					block;
	margin-left:				240px;
}

a.Foundation {
	height:						20px!important;
	display:					block;
	margin-left:				240px;
}

a.whatsOn {
	background:					url(../images/btn_whatsOn.gif) no-repeat 0 0;
	width:						101px;
	margin-top:					42px;
}
a.whatsOn:hover {
	background-position:		0 -20px;
}
a.openingTimes {
	background:					url(../images/btn_times.gif) no-repeat 0 0;
	width:						185px;
	margin-top:					10px;
}
a.openingTimes:hover {
	background-position:		0 -20px;
}
a.becomingMember {
	background:					url(../images/btn_member.gif) no-repeat 0 0;
	width:						161px;
	margin-top:					-22px;
}
a.becomingMember:hover {
	background-position:		0 -20px;
}
a.Foundation {
	background:					url(../images/btn_foundation.gif) no-repeat 0 0;
	width:						161px;
	margin-top:					-22px;
}
a.Foundation:hover {
	background-position:		0 -20px;
}

.bannerLeft {
	width:						452px;
	float:						left;
	height:						233px;
	background: #000 url(../images/faderBannerBg.gif) no-repeat left bottom;
}
.bannerRight {
	width:						495px;
	float:						left;
	height:						233px;
	background:					#000 url(../images/slideimages/1.jpg) no-repeat 0 0;
	position:					relative;
}
.pngGradient {
	position:					absolute;
	top:						0;
	left:						0;
	height:						233px;
	width:						90px;
	z-index: 					5;
}

/* start floating subscribe row div */

input, label {
	font:						normal 1em arial,helvetica,sans-serif;
}

.emailSubscribeLeft {
	width: 						497px;
	height: 					35px;
	margin:						2px 0;
	background: 				#404040 url(../images/emailLeft.gif) no-repeat 0 0; 
	float:						left;
	padding:					12px 0 0 0;
	heigh\t:					23px;
	color:						#fff;
	text-align:					right; /* change text-align for subscribe label alignment on homepage */
}


.emailSubscribeLeft a {
	color:						#4cc9ff;
	text-decoration:			none;
}

.emailSubscribeRight {
	width: 						250px;
	height: 					35px;
	background: 				#404040 url(../images/emailRight.gif) no-repeat top right; 
	float:						left;
	padding:					8px 0 0 18px;
	heigh\t:					27px;
	widt\h:						432px;
	margin:						2px 0;
	overflow:					hidden;
}


input.emailInput {
	border: 					none;
	background: 				url(../images/emailInput.gif) no-repeat 0 0; 
	width: 						134px;
	height: 					20px;
	padding:					4px 1px 1px 8px;
	widt\h:						125px;
	heigh\t:					15px;
	color:						#474747;
	float: 						left;
	overflow:					hidden;
}

input.emailSubscribe {
	border: 					none;
	background: 				url(../images/emailSubscribeBtn.gif) no-repeat 0 0; 
	width: 						65px;
	height: 					20px;
	float: 						left;
	margin-left:				5px;
	display:					inline;
}

/* start floating MAAS row div */

*html .maasWrap {
	border-top: 1px solid transparent;
	margin-top: -50px;
	background: #fff!important;
}


.orangemaas {
	width: 						948px;
	height: 					100px;
	margin:						2px 0;
	background: 				#ed7d31; 
	float:						left;
	padding:					6px 0 0 0;
	heigh\t:					105px;
	color:						#f26b33;
	text-align:					left; /* change text-align for subscribe label alignment on homepage */
}

.maas {
	width: 						950px;
	height: 					45px;
	margin:						2px 0;
	background: 				#f26b33 url(../images/maas.jpg) no-repeat 0 0; 
	float:						left;
	padding:					6px 0 0 0;
	heigh\t:					39px;
	color:						#fff;
	text-align:					left; /* change text-align for subscribe label alignment on homepage */
}

#maasleft
{
				float: 					left;
				width: 					25px;
				margin-top: 			22px;
}


#maasmid
{
				float: 					left; 
				width: 					775px; 
				padding: 				0 5px; 
				margin-top: 			22px;
}

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

.maasLink a {
	color:						#4cc9ff;
	text-decoration:			none;
}

/* image slider carousel (js driven) for homepage */

.carouselSlider {
	width: 						747px;
	background: 				#e0f5ff url(../images/carouselWrapperBg.gif) no-repeat 0 0;
	margin-top:					2px;
	padding:					5px 0 0 0;
	height: 100%;
}

.carouselSliderFooter {
	width: 						747px;
	height: 					4px;	
	overflow:					hidden;
	background: 				url(../images/carouselWrapperFooter.gif) no-repeat 0 0;
}

.slideBoundary {
	position: 					relative;
	overflow:					hidden;
	width: 						705px;
	height:						190px;
	float: 						left;
}

div#itemsWrapper {
 	position:					absolute; 
	width:						1745px; /*235 = one char div NB width = 235 x (no of case studies)*/
	left:						0;
	padding:					0;
	float: 						left;
}

.perItem {
	float:						left;
	width:						235px; /* 235 */
	display:					block;
	height:						205px!important; /* 205 */
	padding:					0px;
	background:					#e0f5ff;
	color:						#545454;
}

a.moveRight, a.moveRDisabled {
	display:					block;
	width: 						16px;
	height: 					80px;	
	background: 				#006699 url(../images/moveLeft.gif) no-repeat 0 0; /* solid background color can be changed */
	float:						left;
	margin:						0 5px 0 0;
	display:					inline;
}
a.moveRight:hover {
	background: 				#019bdc url(../images/moveLeft.gif) no-repeat 0 0; /* solid background color can be changed */
}
a.moveRDisabled {
	background: 				#a6bbc4 url(../images/moveLeft.gif) no-repeat 0 0; /* solid background color can be changed */
}

a.moveLeft, a.moveLDisabled {
	display:					block;
	width: 						16px;
	height: 					80px;	
	background: 				#006699 url(../images/moveRight.gif) no-repeat 0 0; /* solid background color can be changed */
	float:						left;
	margin:						0 0 0 5px;
	display:					inline;
}
a.moveLeft:hover {
	background: 				#019bdc url(../images/moveRight.gif) no-repeat 0 0; /* solid background color can be changed */
}
a.moveLDisabled {
	background: 				#a6bbc4 url(../images/moveRight.gif) no-repeat 0 0; /* solid background color can be changed */
}

.perItem {
	width:						235px;
	height:						205px;
	float:						left;
	padding:					0 0 0 5px;
	widt\h:						230px;
}
.perItem h3 {
	font:						bold 1em arial,helvetica,sans-serif;
	color:						#545454;
	margin:						8px 0 0 15px;
	padding:					0;
}
.perItem p {
	width:						215px;
	height:						56px;
	margin:						10px 0 0 15px;
	color:						#545454;
	line-height:				1.2em;
}
a.moreBtn {
	font-weight:				bold;
	color:						#019bdc;
	margin:						0 0 0 15px;
}

/* case study thumbnails */

.greyBoxHdr {
	width:						747px;
	height:						4px;
	background: 				url(../images/roundGreyHdr.gif) no-repeat 0 0;
	margin-top:					2px;
	overflow:					hidden;
}

.greyBox {
	background: 				#e5e5e5;
	width:						747px;
	padding:					6px 0 0 26px;
	widt\h:						721px;	
}
.rightMar {
	margin-right:				10px;				
}
.greyBox a {
	display:					block;
	width:						225px;
	height:						80px;
	float:						left;
}

.greyBoxFooter {
	width:						747px;
	height:						4px;
	background: 				url(../images/roundGreyFooter.gif) no-repeat 0 0;
	overflow:					hidden;
	margin-bottom:				2px;
}

/* footer classes */

#footerLine {	
	height: 14px;
}

.footer {
	width:						950px;
	height:						30px;
	background: 				#006699 url(../images/footerBg.gif) no-repeat 0 0;
}

.footerText {
	margin-bottom:				20px;
	padding-top:				23px;
}
.footerText p {
	margin: 0;
	padding: 0;
}

.leftFooterText {
	float:						left;
	width:						475px;
}
.rightFooterText {
	float:						left;
	width:						272px;
	text-align:					right;
}

input.footerInput {
	border: 					none;
	background: 				url(../images/black_inputSearch.gif) no-repeat 0 0; 
	width: 						132px;
	height: 					20px;
	padding:					3px 1px 1px 8px;
	widt\h:						123px;
	heigh\t:					16px;
	color:						#474747;
	float: 						left;
	margin:						5px 0 0 6px;
	display:					inline;
	overflow:					hidden;
}

input.footerSearch {
	border: 					none;
	background: 				url(../images/black_btnSearch.gif) no-repeat 0 0; 
	width: 						255px;
	height: 					20px;
	float: 						left;
	margin:						5px 5px 0 5px;
	display:					inline;
}

a.footer1, a.footer2, a.footer3, a.footer4, a.footer5, a.footer6, a.footer7, a.footer8, a.footer1_over, a.footer2_over, a.footer3_over, a.footer4_over, a.footer5_over, a.footer6_over, a.footer7_over, a.footer8_over {
	width: 						68px;
	height: 					30px!important;
	display:					block;
	float:						left;
}

a.footer1 {
	background: 				url(../images/footer1.gif) no-repeat 0 0; 
}
a.footer1:hover, a.footer1_over {
	background: 				url(../images/footer1.gif) no-repeat 0 0; 
	background-position:		0 -30px;
}

a.footer2 {
	background: 				url(../images/footer2.gif) no-repeat 0 0; 
}
a.footer2:hover, a.footer2_over {
	background-position:		0 -30px;
}

a.footer3 {
	background: 				url(../images/footer3.gif) no-repeat 0 0; 
}
a.footer3:hover, a.footer3_over {
	background-position:		0 -30px;
}

a.footer4 {
	background: 				url(../images/footer4.gif) no-repeat 0 0; 
}
a.footer4:hover, a.footer4_over {
	background-position:		0 -30px;
}

a.footer5 {
	background: 				url(../images/footer5.gif) no-repeat 0 0; 
}
a.footer5:hover, a.footer5_over {
	background-position:		0 -30px;
}

a.footer6 {
	background: 				url(../images/footer6.gif) no-repeat 0 0; 
}
a.footer6:hover, a.footer6_over {
	background-position:		0 -30px;
}

a.footer7 {
	background: 				url(../images/footer7.gif) no-repeat 0 0; 
}
a.footer7:hover, a.footer7_over {
	background-position:		0 -30px;
}

a.footer8 {
	background: 				url(../images/footer8.gif) no-repeat 0 0; 
}
a.footer8:hover, a.footer8_over {
	background-position:		0 -30px;
}

/* original PHM footer classes */

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

}
	
	#footerLine
	{ 
				clear: 					left;
				width: 					950px; 
				height: 				14px;
	}
	
	#footerItem
	{
				float: 					left; 
				background: 			url(../images/btn_visitObs.gif) no-repeat; 
				width: 					204px; 
				height: 				30px;
	}
	
	
	
	#footerItem a
	{
				float: 					left; 
				background: 			url(../images/btn_visitObs2.gif) no-repeat; 
				width: 					204px; 
				height: 				30px;
	}
	
		
	#footerAbout a
	{
				float: 					left; 
				display: 				block; 
				width: 					69px; 
				height: 				30px; 
				background: 			url(../images/black_btn_aboutus.gif) no-repeat top left;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#skip_link
{
	position: absolute;
}



/* additions added by jgee for 1024 Girth*/



#banner_high
{
				clear: 					left; 
				width: 					747px; 
				height: 				155px; 

}

#banner_interface
{
				clear: 					left; 
				width: 					747px; 
				height: 				105px; 

}

#banner_student
{
				clear: 					left; 
				width: 					747px; 
				height: 				247px; 

}

#banner_space
{
				clear: 					left; 
				width: 					747px; 
				height: 				238px; 
				
}

#banner_shop
{
				clear: 					left; 
				width: 					747px; 
				height: 				218px; 
				
}

#colRightExtra
{
				float: 					left; 
				width: 					180px; 
				padding: 				0px 0px 0px 20px; 
				margin-top: 			22px;
}


#colRightExtra2
{
				float: 					left; 
				width: 					200px; 
				padding: 				0px 0px 0px 10px; 
				margin-top: 			22px;
}


#wideleft_col {
	width: 510px;
	padding: 				0px 0px 0px 20px; 
	float: left;
	margin-top:5px;
	}
	
	
#wideright_col {
	width: 510px;
	padding: 				0px 0px 0px 20px; 
	float: right;
	margin-top:5px;
	}	
	
#wideright_col2 {
	width: 510px;
	padding: 				0px 30px 0px 20px; 
	float: right;
	margin-top:5px;
	}		
	#left2_col {
width: 360px;
padding: 				0px 0px 0px 20px; 
margin-top: 5px;
float: left;

}


.rightBox {
	background: 				#ffffff;

	float: 						right;

	width:						200px;

	heigh\t:					304px;
	padding:					0px 0px 0px 0px;
	widt\h:						200px;	
}



#moe
{
				float: 					left;
				width: 					296px;
				margin-top: 			22px;
}


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

#currly
{
				float: 					left; 
				width: 					296px; 
				padding: 				0 5px; 
				margin-top: 			22px;
}


#eventRight
{
				float: 					left; 
				width: 					296px; 
				padding: 				0 0px; 
				margin-top: 			22px;
}

#eventRightItem
{
				float: 					left; 
				width: 					296px; 
				padding: 				0 0px; 
				margin-top: 			22px;
}




#onlineItem
{
				clear:					left;
				margin:					0px 0 0px 0;
				voice-family:			"\"}\"";
				voice-family:			inherit;
				padding:				0px 0 0px 0; 
}

#onImg
{
				float:					left; 
				width:					70px; 
				padding:				0 10px 0 0;
}

#onTxt
{
				float:					left; 
				width:					185px;

}


#onTxt2
{
				float:					left; 
				width:					235px;

}



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


.emailSubscribe a {
	color:						#4cc9ff;
	text-decoration:			none;
}


#desatwork
{
				clear: 					left; 
				width: 					947px; 
				height: 				0px; 
				padding-top: 			0px;
}

#right_col420 {
width: 420px;
margin-top: 5px;
float: left;

}

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

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

/* Star Wars additions added by jgee*/

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


#SWBigcolLeft
{
				float: 					left;
				width: 					585px;
				margin-top: 			22px;
}


/* thinkspace nav */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0;
padding-top: 0;
background-color: #000000;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-size: 11px;
padding: 0.3em 1.0em;
background-color: #000000;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #AB0E2B;
color: #FFFFFF;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}
/* end nav */


/* thinkspace extras */
.think_title {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #00adef;
	margin-top: 20px;
	
}

.thinkItem {
	float:						left;
	width:						235px; /* 235 */
	display:					block;
	height:						205px!important; /* 205 */
	padding:					0px;
	background:					#ffffff;
	color:						#545454;
}


/* frock stars extras */

.frock_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #000000;
	margin-bottom: 10px;
}	

#frockImg
{
				float:					left; 
				width:					130px; 
				padding:				0 10px 0 0;
}

#frockCaption
{
				float:					left; 
				width:					210px; 
				padding:				0 0px 0 0;

}
#frockCaptionwide
{
				float:					left; 
				width:					310px; 
				padding:				0 0px 0 0;

}

/* access for life slidshow*/
#access_slideshow {
  width: 950px;
  height: 633px;
}

/* a style for tables - LD 2013-08-19*/
.ld-table {
	width: 100%;
}
.ld-table tr {
}
.ld-table td {
	padding: 0px 5px 5px 0px;
	vertical-align:top;
}
/* added by LD 23 June 2014 for 3d downloads grid */
.colGrid3Doutter {
	float: left; 
	width:640px;
}
.colGrid3Dinner {
	float: left; 
	width:125px; 
	padding:0 3px 3px 0;
}