@charset "utf-8";
/* CSS Document
 
Organisation - JHC Development Group
Website - www.jhcdevelopment.com.au 
Creator - Kelly Kang
Date - 15/02/2010

*/

/********************************************************************************
					Begin Sytle For the Common Elements

********************************************************************************/

html
{
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	margin: 0px auto;
	padding: 0px;
	background-color: #D3D3D3;
}

#pageAllWrap
{
	width: 996px;
	margin: 0px auto;
	padding: 0px;
}

/********************************************************************************
					Style For Header Section

********************************************************************************/

#header
{
	height: 139px;
	/*background-image: url(../images/headerBannerImage.jpg);
	background-repeat: no-repeat;
	background-position: center;*/
	background-color: #FFFFFF;
	margin: 0px auto;
}

/* img Style for header section - organisation logo */
#header img
{
	margin-left: 30px;
	margin-top: 20px;
	width: 90px;
	height: 90px;
	/*new logo*/
	/*margin-left: 30px;
	margin-top: -20px;*/
	float: left;
}

#lineBorder
{
	height: 4px;
	background-color: #555555;
}

#flashbanner
{
	width: 736px;
	float: right;
	margin-right: 30px;
	margin-top: 20px;
}

/********************************************************************************
					Style For mainMenu Section

********************************************************************************/
#mainMenu
{
	height: 40px;
	/*height: 66px;
	background-image: url(../images/menu_BG.jpg);
	background-repeat: no-repeat;
	background-position: center;*/
	background-color: #333333;
	margin: 0px auto;
	color: #FFFFFF;
	padding: 0px;
}

#menuItem 
{
	position: absolute;
	text-decoration: none;
	width: 927px;
	white-space: nowrap;
	z-index: 20;
	/*margin: 26px 34.5px 0px 34.5px;*/
	margin: 0px 34.5px 0px 34.5px;
	padding: 0px;
}

#nav
{
	list-style-type: none;
	margin: 0px 0px 0px 450px; /* previous 450 = 325 */
	padding: 0px;
}

#nav li
{
	float: left;
	position: relative;
	margin: 0px;
}

#nav li.firstLevel
{
	padding: 0px 20px; /* 0px 15px */
	line-height: 32px;
}

#nav li.noLeftBorder
{
	padding: 0px 20px; /* 0px 15px */
	border-left: none;
	line-height: 32px;
}

#menuItem ul#nav
{
	display: block;
	padding: 9px 0px;
	font-weight: bold;
	font-size: 15px;
}

#menuItem li
{
	float: left;
	position: relative;
	margin: 0px;
	list-style-type: none;
}

#menuItem ul li.noLeftBorder
{
	margin: 0px;
	text-transform: uppercase;
}

#menuItem ul li.noLeftBorder a
{
	position: relative;
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
}

#nav ul 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: bold;
}

/* Begin main menu */
ul li.firstLevel
{
	color: #FFFFFF;
	float: left;
	position: relative;
	white-space: nowrap;
	cursor: pointer;
	text-transform: uppercase;
}
/* End main menu */

/* Begin sub menu */

/* sub menu lists will be the dropdowns */
li.firstLevel ul 
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	letter-spacing: normal;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

ul li.firstLevel ul
{
	left: -5px;
	top: 31px;
}

ul li.firstLevel ul li 
{
	float: none;
	width: 150px;
	font-size: 12px;
	text-indent: 0px;
	text-transform: none;
	background-color: #555555;
	border-bottom: 2px solid #FFFFFF;
}

ul li.firstLevel ul li.longDrop
{
	width: 260px;
}


/* End sub menu */


/* to reset the top and left properties on all but IE browsers */
li > ul 
{
	top: auto;
	left: auto;
}

/******************************** Styles for Menu Items ********************************/

ul li.firstLevel a
{
	text-decoration: none;
	padding: 0px;
	position: relative;
	color: #FFFFFF;
}

/* sub menu - Style For Drop Down Menu */
ul li.firstLevel ul li a 
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #555555; /*IE6 Bug */
	display: block;
	height: 1%;
	padding: 0px 20px;
	
	z-index: 999;
	position: relative;
}

/* Begin Fix IE. Hide from IE Mac */
* html ul li 
{ 
	float: left;
	height: 1%;
}


* html ul li a 
{ 
	height: 1%; 
	z-index: 100;
}
/* End Fix IE. Hide from IE Mac */

/******************************** Hover Styles ********************************/

#menuItem ul li.noLeftBorder a:hover
{
	color: #F7931E;
}

#menuItem ul li a:hover
{
	color: #F7931E;
}

/* hover style for sub menu - .firstLevel ul li */
#menuItem ul li.firstLevel ul li a:hover 
{ 
	color: #333333;
	background-color: #F7931E;
}


/* The magic*/
li:hover ul, li.over ul 
{ 
	display: block;
}

#nav li.firstLevel:hover 
{
	color: #F7931E;
	display: block;
	cursor: pointer;
	z-index: 50;
}










/********************************************************************************
					Style For banner Section

********************************************************************************/

/* Background Style for banner section */
#banner
{
	background-image: url(../images/bannerImage_BG.jpg);
	height: 185px;
}

/* img Style for banner section */
#banner img
{
	width: 927px;
	height: 175px;
	margin: 5px auto 0px;
	padding-left: 34.5px;
}

/********************************************************************************
					Style For All Decoration Purpose Only

********************************************************************************/

/* Decoration purpose Only  - top left corner */
#topleftContentBanner
{
	background-image: url(../images/contentTopBanner_BGjpg.jpg);
	height: 20px;
	width: 34.5px;
	float: left;
}

/* Decoration purpose Only  - top right corner */
#toprightContentBanner
{
	background-image: url(../images/contentTopBanner_BGjpg.jpg);
	height: 20px;
	width: 34.5px;
	float: right;
}

/* Decoration purpose Only  - bottom left corner */
#bottomleftContentBanner
{
	background-image: url(../images/contentBottomBanner_BGjpg.jpg);
	height: 5px;
	width: 34.5px;
	float: left;
	margin-top: -5px;
}

/* Decoration purpose Only  - bottom right corner */
#bottomrightContentBanner
{
	background-image: url(../images/contentBottomBanner_BGjpg.jpg);
	height: 5px;
	width: 34.5px;
	float: right;
	margin-top: -5px;
}

/********************************************************************************
					Style For allMainContent Section

********************************************************************************/

/* background color style for allMainContent */
#allMainContent
{
	background-color: #D3D3D3;
}

/* Style for innerMainContent inside the allMainContent */
#innerMainContent, #innerMainContentSubpage
{
	background-color: #FFFFFF;
	width: 926px;
	margin: 0px auto;
	color: #666666;
	border-collapse: collapse;
}

#innerMainContent ul
{
	margin: 10px 0px 10px 15px;
}

#innerMainContent ul, #innerMainContentSubpage ul#leftside_menu, #innerMainContentSubpage #rightInner ul
{
	font-size: 12px;
	line-height: 18px;
	list-style-type: none;
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 10px 0px;
}

#innerMainContent ul li, #innerMainContentSubpage #rightInner ul li
{
	background-image: url(../images/title_square.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-indent: 25px;
}

#innerMainContent #contentInfo ul span, #innerMainContentSubpage #contentInfo ul span
{
	margin-left: 25px;
}

#innerMainContent #contentInfo p, #innerMainContentSubpage #contentInfo p
{
	width: auto;
	float: none;
	margin-top: 10px;
}

/* Style for Left Column of the mainContent section */
#leftInner
{
	width: 66%;
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 20px 0px;
	margin: 0px;
}

#innerMainContentSubpage #rightInner
{
	width: 66%;
	background-color: #FFFFFF;
	background-image: none;
	vertical-align: top;
	padding: 20px 0px;
	margin: 0px;	
}

/* Style for Right Column of the mainContent section */
#rightInner
{
	width: 34%;
	background-image: url(../images/rightcolumn_BG.jpg);
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 20px 0px;
	margin: 0px;
}

#innerMainContentSubpage #leftInner
{
	width: 34%;
	background-image: url(../images/rightcolumn_BG.jpg);
	/*background-color: #F3F3F3;*/
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 20px 0px;
	margin: 0px;
}

#leftInner #allLeftInfo, #rightInner #allRightInfo, #oneColumnInner #allOneColumnInfo
{
	padding: 0px 20px;
	margin-bottom: 0px;
}

/* h5 Style of column section title for Left and Right Column of the mainContent section */
#allLeftInfo h5, #allRightInfo h5, #allOneColumnInfo h5
{
	background-color: #808080;
	padding: 6px 4px;
	text-indent: 25px;
	color: #FFFFFF;
	background-image: url(../images/title_bullet.gif);
	background-repeat: no-repeat;
	background-position: 12px 10px;
	margin: 0px 0px 15px;
	border-bottom: 5px solid #FF9900;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

/* img Style for Right Column of the mainContent section - image float left */
#allLeftInfo img.leftContentImage, #allLeftInfo img.leftFloatImage, #allLeftInfo img.teamMemberPhoto
{
	border: 2px solid #CCCCCC;
}

/* Paragrapgy Style for Left Column */
#leftInner p
{
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	float: right;
	margin-bottom: 0px;
}

#innerMainContent #leftTextInfo p, #allOneColumnInfo #leftTextInfo p
{
	margin-left: 215px;
}

#allOneColumnInfo #leftTextInfo p
{
	margin-bottom: 15px;
}

#innerMainContentSubpage #rightInner img.rightContentImage
{
	float: left;
	margin-top: 14px;
	margin-bottom: 5px;
	margin-right: 15px;
	border: 2px solid #CCCCCC;
}

#innerMainContentSubpage #rightInner img.rightContentImageNotitle
{
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	border: 2px solid #CCCCCC;
}

#innerMainContent img.leftContentImage
{
	float: left;
	margin-top: 5px;
}

#allOneColumnInfo img.leftContentImage
{
	float: left;
	margin-top: 5px;
}

/* Paragrapgy Style for Right Column */
#rightInner p
{
	text-align: justify;
	font-size: 11px;
	line-height: 17px;
	margin: 0px;
	color: #666666;
}

#rightInner img
{
	margin-top: 5px;
}

/* extra Paragrapgy Style for the dataTitle - news and events date */
#rightInner p.dateTitle
{
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
}

/* a link button Style in Left Column */
#leftInner a.button, #innerMainContentSubpage .pastprojectInfo a.button
{
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 15px 2px 10px;
	text-decoration: none;
	background-image: url(../images/buttontriangle_Image.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	background-position: 74px 0px; /* left & top */
	width: 59px;
	margin-left: 212px;
	margin-top: 15px;
}


#rightInner a.button
{
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 15px 2px 10px;
	text-decoration: none;
	background-image: url(../images/buttontriangle_Image.gif);
	background-repeat: no-repeat;
	background-position: 74px 0px; /* left & top */
	width: 59px;
	display: block;
	margin-top: 15px;
	margin-left: 0px;
}

#leftInner a.button:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#leftInner a.button:active
{
	text-decoration: none;
	border: none;
}

/* a link button hover Style in Left Column */
#leftInner a.button:hover, #rightInner a.button:hover
{
	background-color: #F7931E;
	color: #333333;
}

/* Paragrapgy Style for Left Column */
#allOneColumnInfo p
{
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	margin-top: 0px;
}


/********************************************************************************
					Style For footer Section

********************************************************************************/

#footer
{
	background-image: url(../images/footer_BG.jpg);
	height: 30px;
}

/* table Style for footer section - all copyright and contact inforation */
#footer table
{
	font-size: 11px;
	border-collapse: collapse;
	margin: 10px auto 0px;
}

#footer table td
{
	padding: 0px 3px;
}


/********************************************************************************
					Style For Extra

********************************************************************************/

/********************************************************************************
					Style For Team Info Section In Our Team Page

********************************************************************************/
#innerMainContentSubpage #teamInfo
{
	padding-top: 3px;
}

#innerMainContentSubpage .teamInfo
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-image: url(../images/teamInfo_BG.jpg);
	background-repeat: repeat-x;
	border-collapse: collapse;
	display: table;
}

.teamInfo td
{
	padding: 0px 10px 10px;
}

#innerMainContentSubpage .teamInfo img
{
	float: left;
	margin-top: 11px;
}

#innerMainContentSubpage .teamInfo p
{
	margin: 7px 0px 0px 81px;
	padding: 0px;
}

#allMainContent #innerMainContentSubpage .teamInfo p.title
{
	margin-top: 11px;
	padding-bottom: 4px;
	line-height: 12px;
	border-bottom: 1px solid #999999;
	text-transform: uppercase;
	
	border-top: none;
	background-image: none;
	text-indent: 0px;
	font-weight: normal;
}

#innerMainContentSubpage .teamInfo p.title b
{
	margin-right: 10px;
}









/********************************************************************************
					Style For Workshop Booking Section in 
					the Right Column In Workshops Page 
					              and
					Style For Question Contact Section in 
					the Right Column In Our Team Page
					              and									
					Style For Location Contact Section in
					the Right Column in Contact Page

********************************************************************************/
#innerMainContentSubpage table#workshopBooking, #innerMainContent table#questionContact, #innerMainContentSubpage table#locationTable, #innerMainContentSubpage table#projectDetail
{
	border-collapse: collapse;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	margin: 13px auto 15px;
	border-bottom: 5px solid #999999;
	text-align: justify;
}

#allMainContent #innerMainContentSubpage table#locationTable
{
	border-bottom: 5px solid #999999;
}

#innerMainContentSubpage table#projectDetail
{
	margin: 15px auto -4px;
}

#innerMainContentSubpage table#workshopBooking td, #innerMainContent table#questionContact td, #innerMainContentSubpage table#locationTable td, #innerMainContentSubpage table#projectDetail td
{
	padding: 5px 0px 5px 10px;
	background-color: #EEEEEE;
	/*border: 2px solid #FFFFFF;*/
	border-bottom: 2px solid #FFFFFF;
}

#innerMainContentSubpage table#projectDetail td
{
	padding: 5px 10px 5px 10px;
}

#innerMainContentSubpage table#workshopBooking td.title, #innerMainContent table#questionContact td.title, #innerMainContentSubpage table#locationTable td.title, #innerMainContentSubpage table#projectDetail td.title
{
	background-color: #CCCCCC;
	color: #777777;
	font-weight: bold;
}

#innerMainContentSubpage table#projectDetail td.title
{
	white-space: nowrap;
}

#innerMainContentSubpage table#workshopBooking td.mainTitle, #innerMainContent table#questionContact td.mainTitle, #innerMainContentSubpage table#locationTable td.mainTitle, #innerMainContentSubpage table#projectDetail td.mainTitle
{
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}


#innerMainContentSubpage img.locationMap
{
	margin-top: 18px;
	width: 569px;
}










p.title
{
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	font-weight: bold;
	padding: 2px 0px;
	text-indent: 30px;
	background-image: url(../images/square_Icon.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
}






#oneColumnInner
{
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 19px 0px 0px;
}

/********************************************************************************
					Style For Location Contact Info Section Contact Page

********************************************************************************/










/********************************************************************************
					Style For Past Project Info Section In Past Project Page

********************************************************************************/

#innerMainContentSubpage #pastprojectInfo
{
	margin-top: 15px;
}

#innerMainContentSubpage .pastprojectInfo
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-image: url(../images/teamInfo_BG.jpg);
	background-repeat: repeat-x;
	border-collapse: collapse;
	display: table;
	width: 100%;
}

.pastprojectInfo td
{
	padding: 0px 10px 10px;
}

#innerMainContentSubpage .pastprojectInfo img
{
	float: left;
	margin-top: 11px;
}

#innerMainContentSubpage .pastprojectInfo p
{
	margin: 6px 0px 0px 143px;
	padding: 0px;
}

#allMainContent #innerMainContentSubpage .pastprojectInfo p
{
	margin-top: 8px;
}

#innerMainContentSubpage .pastprojectInfo p.title
{
	padding-bottom: 4px;
	line-height: 12px;
	border-bottom: 1px solid #999999;
	text-transform: uppercase;
	
	border-top: none;
	background-image: none;
	text-indent: 0px;
	font-weight: normal;
}

#allMainContent #innerMainContentSubpage .pastprojectInfo p.title
{
	margin-top: 6px;
}

#innerMainContentSubpage .pastprojectInfo p.title b
{
	margin-right: 10px;
}

#allMainContent #innerMainContentSubpage .pastprojectInfo a.button
{
	background-position: 117px 0px; /* left & top */
	width: 102px;
	margin-top: 8px;
	margin-left: 15px;
}

#allMainContent #projectBanner
{
	margin-top: 15px;
	margin-bottom: 5px;
}

#leftside_menu
{	
	
	background-image: none;
}

#innerMainContentSubpage #leftInner h5
{
	margin-bottom: 0px;
	
}

#innerMainContentSubpage #leftInner #contentInfo
{	
	padding-top: 15px;
	background-color: #FFFFFF;
	padding-bottom: 2px;
}

#innerMainContentSubpage ul#leftside_menu
{
	margin-top: -10px;
	padding-bottom: 2px;
}

#innerMainContentSubpage ul#leftside_menu li
{
	margin: 8px 15px 8px 0px;
	padding-bottom: 2px;
	border-bottom: 1px solid #EAEAEA;
}

#innerMainContentSubpage ul#leftside_menu li.mainTitle
{
	font-weight: bold;
	background-image: none;
	text-indent: 0px;
	margin-bottom: 10px;
	border-bottom: none;
	padding-bottom: 0px;
}


#innerMainContentSubpage #rightInner p
{
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0px;
	color: #666666;
}




.investmentsLocationTable
{
	border-collapse: collapse;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
}


#innerMainContentSubpage table.investmentsLocationTable td
{
	padding: 5px 20px;
	/*background-color: #EEEEEE;
	border: 2px solid #FFFFFF;*/
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-image: url(../images/square_Icon.jpg);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	text-indent: 25px;
}

#innerMainContentSubpage table.investmentsLocationTable td.title
{
	background-color: #CCCCCC;
	color: #777777;
	font-weight: bold;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#innerMainContentSubpage table.investmentsLocationTable td.mainTitle
{
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	background-image: none;
	text-indent: 0px;
}


#projectMenu
{
	padding: 0px;
	margin-top: 20px;
	position: relative;
	height: 20px;
}

#innerMainContentSubpage #projectMenu .button, #innerMainContentSubpage #projectMenu .nextbutton
{
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 10px 2px 15px;
	text-decoration: none;
	display: block;
	
	background-image: url(../images/buttontriangle_ImageLeft.gif);
	background-position: left center; 
	width: 90px;
	
	float: left;
}


#innerMainContentSubpage #projectMenu a.button:visited,#innerMainContentSubpage #projectMenu a.nextbutton:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#innerMainContentSubpage #projectMenu a.button:active, #innerMainContentSubpage #projectMenu a.nextbutton:active
{
	text-decoration: none;
	border: none;
}

/* a link button hover Style in Left Column */
#innerMainContentSubpage #projectMenu a.button:hover, #innerMainContentSubpage #projectMenu a.nextbutton:hover
{
	background-color: #F7931E;
	color: #333333;
}


#innerMainContentSubpage #projectMenu .nextbutton
{
	float: right;
	background-image: url(../images/buttontriangle_Image.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: 68px;
	padding: 0px 15px 2px 10px;
}





















#leftside_menu a
{
	text-decoration: none;
	color: #666666;
	padding-left: 25px;
	background-image: url(../images/arrow_Icon.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}

#innerMainContentSubpage ul#leftside_menu li.mainTitle:hover
{
	background-image: none;
	font-weight: bold;
	background-image: none;
	text-indent: 0px;
	margin-bottom: 10px;
}

#innerMainContentSubpage ul#leftside_menu li a:hover
{
	color: #FF9900;
	background-image: url(../images/arrow_Iconhover.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}


#rightInner a
{
	color: #FF9900;
	padding: 0px 2px;
}

#rightInner a:hover
{
	color: #666666;
	background-color: #FF9900;
	text-decoration: none;
}