/*------------------------------------------------------------------------------------------
Global
------------------------------------------------------------------------------------------*/

body,td,p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #315f76;
	margin: 0px;

}
.body_bg_image
{
	background: url(../index.php?element=BgBlueRepeat) repeat-y center;
	min-width: 930px;
}
.bg_image {
	background: url(../index.php?element=BgSite) no-repeat top center;
	min-width: 930px;
}

h1 {
	font-size: 23px;
	color: #61A5C4;
	margin-top: 0px;
	^margin-top: 3px;
margin-bottom: 3px;
	border-bottom: 3px solid #C4E7F7;
	line-height: 35px;
}	

h2 {
	font-size: 18px;
	color: #2F6178;
	margin-top: 0px;
	^margin-top: 3px;
	margin-bottom: 12px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #2F6178;
	margin-bottom: 0px;
	margin-top: 7px;
}

h4 {
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 7px;
	font-size: 14px;
}

h5 {
	color: #2F6178;
	margin: 0 0 3px;
	font-size: 12px;
}
/*-old link colours #C4E7F7, hover #2F6178--*/
a {
	color: #61A5C4;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #2F6178;
}

.container {
	width: 882px;
	padding: 37px 15px 0;
	position: relative;
	margin: 0 auto;
}

.header {
	position: relative;
	height: 130px;
}

.logo {
	width: 205px;
	height: 130px;
	position: absolute;
	top: 0;
	left: 0;
}

.tagline {
	position: absolute;
	top: 0;
	left: 400px;
	width: 480px;
	font-size: 18px;
	font-style: italic;
	color: #ffffff;
}
	
/* NOTE: class "header_image" has been moved to the Header snippet because the parent tag is embedded in the background image path */

/*------------------------------------------------------------------------------------------
Column 1
------------------------------------------------------------------------------------------*/

.column1 {
	float: left;
	position: relative;
	margin-right: 18px;
	margin-top: 6px;
	^margin-top: 18px;
}

/* Left side navigation with red background */ 

/* Top level red nav */
.nav_red {
	width: 205px;
	margin-bottom: 10px;
	^margin-bottom: 4px;
	zoom: 1;
}

.nav_red ul li.nav_red_top {
	background: url(../index.php?element=BgNavredTop2) no-repeat;
	font-size: 1px;
	height: 8px;
	line-height: 8px;
	zoom: 1;
}

.nav_red ul li.nav_red_bottom {
	background: url(../index.php?element=BgNavredBottom2) no-repeat;
	font-size: 1px;
	height: 8px;
	line-height: 8px;
	zoom: 1;
}

.nav_red ul {
	padding-left: 0px;
	margin-left: 0px;
	background: url(../index.php?element=BgNavredSubNav) no-repeat center;	
	zoom: 1;
}

.nav_red ul li {
	display: block;
	list-style: none;
	line-height: 27px;
	background: url(../index.php?element=BgNavredItems3) no-repeat;
	zoom: 1;
}

.nav_red ul li.nav_red_first {
	list-style: none;
	line-height: 27px;
	background: url(../index.php?element=BgNavredItems2) no-repeat;
	zoom: 1;
}

.nav_red ul li span {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 12px;
	zoom: 1;
}

.nav_red ul li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 12px;
	cursor: pointer;
	zoom: 1;
}

.nav_red ul li a:hover {
	color: #783731;
	zoom: 1;
}

/* Members Area link */
.members_area_button
{
	background: url(../index.php?element=sgc_membersarea_btn.gif);
	color: #FFFFFF;
	display: block;
	line-height: 35px;
	padding-left: 12px;
	text-decoration: none;
	width: 195px;
}

.members_area_button:hover
{
	color: #783731;
}

/* Logout link */
.nav_red_logout {
	background: url(../index.php?element=BgNavredLogout) no-repeat;
	margin-top: 8px;
}

/* Second level red nav */
.nav_red ul li ul {
	display: none;
	background: url(../index.php?element=BgNavredSubNav) repeat-y;
	margin: 0px;
	zoom: 1;
}

.nav_red ul li ul li {
	line-height: 19px;
	background: none;
	padding-left: 10px;
	zoom: 1;
}

.nav_red ul li ul li a {
	color: #783731;
	zoom: 1;
}

.nav_red ul li ul li a:hover {
	color: #ae554f;
	zoom: 1;
}

/* Southern Gulf Aims box */
.southern_gulf_aims {
	background: url(../index.php?element=BgSoutherngulfAims) no-repeat;
	width: 175px;
	height: 228px;
	font-size: 11px;
	padding: 15px;
}

.southern_gulf_aims h2 {
	font-size: 22px;
	color: #2F6178;
	margin-top: 0px;
	^margin-top: 3px;
	margin-bottom: 12px;
}

.southern_gulf_aims img {
	margin-top: 5px;
	margin-left: -2px;
}

/*------------------------------------------------------------------------------------------
Column 2
------------------------------------------------------------------------------------------*/

.column2 {
	float: left;
	margin-top: 9px;
}

.content {
	width: 657px;
	position: relative;
}
	
/*--- Home Page Content ---*/	
	
.content_home {
	height: 700px;
	background: none;
	color: #ffffff;
}

/*--- Home Page Nature Assist Box ---*/	

.nature_assist {
	background: #61A5C4 url(../index.php?element=BgBlueboxTop) no-repeat top;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 178px;
	padding: 14px 14px;
}
.nature_assist a{
	color: #C4E7F7;
}
.nature_assist a:hover {
	color: #2F6178;
}


.nature_assist_bottom {
	background: url(../index.php?element=BgBlueboxBottom) no-repeat;
	height: 21px;
	width: 206px;
	position: absolute;
	left: 0;
	top: 357px;
}

.centre_image {
	text-align: center;
}

/*--- Home Page Image ---*/	

.home_image {
	position: absolute;
	left: 3px;
	top: 2px;
}

/*--- Home Page Interactive Map ---*/	


.map {
	position: absolute;
	left: 235px;
	top: -18px;
}

.map_text h1 {
	margin-bottom: 6px;
	font-style: normal;
}

.map_text {
	position: absolute;
	left: 475px;
	top: 20px;
	color: #315f76;
	font-style: italic;
	font-size: 11px;
}

.map_text_region {
	position: absolute;
	left: 475px;
	top: 105px;
	color: #D16B5D;
	font-weight: bold;
	display: none;
	width: 160px;
}

/*--- Home Page What's Happening Box ---*/	

.whats_happening {
	background: #949048 url(../index.php?element=BgWhatsHappeningTop) no-repeat top;
	position: absolute;
	left: 0px;
	top: 261px;
	width: 399px;
	height: 390px;
	padding: 15px;
color: #92904d;
}

.whats_happening_content {
background: #ffffff;
border: 5px solid #7b7b45;
padding: 12px;
height: 333px;
}

.whats_happening h2 {
color: #ffffff;

}

.whats_happening h4 {
color: #92904d;
}


.whats_happening ul {
	padding-left: 12px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.whats_happening ul li {
	list-style: disc;
line-height: 20px;
}

.whats_happening ul li a {
	color: #4f4e25;
	text-decoration: none;
	font-weight: bold;
}

.whats_happening ul li a:hover {
	color: #2F6178;
}

.whats_happening_bottom {
	background: url(../index.php?element=BgWhatsHappeningBottom) no-repeat;
	height: 21px;
	width: 429px;
	position: absolute;
	left: 0px;
	top: 681px;
}

/*--- Home Page Quick Links Box ---*/	

.quick_links {
	background: #61A5C4 url(../index.php?element=BgBlueboxTop) no-repeat top;
	position: absolute;
	top: 261px;
	left: 452px;
	width: 176px;
	height: 378px;
	padding: 15px;
}

.quick_links ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.quick_links ul li {
	list-style: none;
	background: url(../index.php?element=QuicklinksSeparator) repeat-x bottom;	
	padding: 5px 0;
}

.quick_links .first {
	padding-top: 0;
}

.quick_links ul li first {
	padding-top: 0;
}

.quick_links ul li a {
	color: #C4E7F7;
	text-decoration: none;
	font-weight: bold;
}
/*--old hover link colour #783731--*/
.quick_links ul li a:hover {
	color: #2F6178;
}

.quick_links_bottom {
	background: url(../index.php?element=BgBlueboxBottom) no-repeat;
	height: 21px;
	width: 206px;
	position: absolute;
	left: 452px;
	top: 669px;
}


/*--- Internal Page Subnav (blue) - Stretchable Nav Option ---*/

.nav_blue_header {
	background: #61a5c4 url() no-repeat top;
	width: 655px;
	height: 21px;
	margin-bottom: 30px;
}
	
.nav_blue_footer {
	background: url() no-repeat bottom;
	width: 655px;
	height: 16px;
	min-height: 37px;
}

.nav_blue_footer ul {
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 3px;
}

.nav_blue_footer li {
	list-style: none;
	display: inline;
	padding-left: 11px;
	padding-right: 11px;
	text-align: left;
	border-right: solid 1px #C4E7F7;
}

.nav_blue_footer .first {
	padding-left: 0px;
	border-left: none;
}

.nav_blue_footer .last {
	padding-right: 0px;
	border-right: none;
}

.nav_blue_footer a {
	color: #2F6178;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;


}

.nav_blue_footer a:hover {
	color: #ffffff;
}

/*--- Internal Page Subnav (blue) - No Blue Nav Option ---*/

.nav_blue_none {
	margin-top: 10px;
}

/*--- Internal Page Subnav (blue) - Singlerow Option ---*/

.nav_blue_singlerow {
	background: url(../index.php?element=BgNavBlueSinglerow) no-repeat;
	margin-bottom: 17px;
	margin-top: 10px;
	width: 655px;
	height: 32px;
}

.nav_blue_singlerow ul {
	margin: 0px;
	padding-left: 15px;
	padding-top: 8px;
}

.nav_blue_singlerow li {
	list-style: none;
	display: inline;
	padding-left: 11px;
	padding-right: 11px;
	text-align: left;
	background: url(../index.php?element=NavBlueSeparator2) no-repeat right;
}

.nav_blue_singlerow .first {
	padding-left: 0px;
}

.nav_blue_singlerow .last {
	padding-right: 0px;
	background: none;
}


.nav_blue_singlerow a {
	color: #2F6178;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.nav_blue_singlerow a:hover {
	color: #ffffff;
}

/*--- Internal Page Subnav (blue) - Doublerow Option ---*/

.nav_blue_doublerow {
	background: url(../index.php?element=BgNavBlueDoublerow) no-repeat;
	margin-bottom: 17px;
	margin-top: 10px;
	width: 655px;
	height: 58px;
}

.nav_blue_doublerow ul {
	margin: 0px;
	padding-left: 15px;
	padding-top: 3px;
}

.nav_blue_doublerow li {
	list-style: none;
	float: left;
	padding-left: 11px;
	padding-right: 11px;
	text-align: left;
	background: url(../index.php?element=NavBlueSeparator2) no-repeat right;
	line-height: 27px;	
}

.nav_blue_doublerow .firstnobackground {
	padding-left: 0px;
	background: none;
}

.nav_blue_doublerow .first {
	padding-left: 0px;
}

.nav_blue_doublerow .last {
	padding-right: 0px;
	background: none;
}

.nav_blue_doublerow .lastpadding10 {
	padding-right: 10px;
	background: none;
}

.nav_blue_doublerow a {
	color: #2F6178;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.nav_blue_doublerow a:hover {
	color: #ffffff;
}

/*--- Internal Page Subnav (blue) - Triplerow Option ---*/

.nav_blue_triplerow {
	background: url(../index.php?element=BgNavBlueTriplerow) no-repeat;
	margin-bottom: 17px;
	margin-top: 10px;
	width: 655px;
	height: 91px;
}

.nav_blue_triplerow ul {
	margin: 0px;
	padding-left: 15px;
	padding-top: 3px;
}

.nav_blue_triplerow li {
	list-style: none;
	float: left;
	padding-left: 11px;
	padding-right: 11px;
	text-align: left;
	background: url(../index.php?element=NavBlueSeparator2) no-repeat right;
	line-height: 28px;	
	_line-height: 27px;	
}

.nav_blue_triplerow .firstnobackground {
	padding-left: 0px;
	background: none;
}

.nav_blue_triplerow .first {
	padding-left: 0px;
}

.nav_blue_triplerow .last {
	padding-right: 0px;
	background: none;
}

.nav_blue_triplerow .lastpadding10 {
	padding-right: 10px;
	background: none;
}

.nav_blue_triplerow a {
	color: #2F6178;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.nav_blue_triplerow a:hover {
	color: #ffffff;
}

/* --- Internal Page Content --*/

.content_internal_top {
	background: url(../index.php?element=BgContentinternalTop) no-repeat top;
	
}

.content_internal_bottom {
	_height: 244px;
	min-height: 244px;
	background: url(../index.php?element=BgContentinternalBottom) no-repeat bottom;
	padding: 10px 22px 10px 22px;
}

.content_internal_repeat {
	 background: url(../index.php?element=BgContentinternalRepeat) repeat-y center;
}

/*------------------------------------------------------------------------------------------
Specific Page Content
------------------------------------------------------------------------------------------*/

/*Information and Learning Hub page */

.infohub_button_row a {
	font-weight: bold;
	color: #FFFFFF;
}
	
.infohub_button {
	background: url(../index.php?element=BgInfoHubButtons) no-repeat;
	height: 177px;
	width: 191px;
	position: relative;
	float: left;

	margin: 0 20px 19px 0;
}

.infohub_button_last {
	margin-right: 0px;
}

.infohub_button_image {
	border: #C4E7F7 3px solid;
	position: absolute;
	top: 10px;
	left: 10px;
}

.infohub_button_label {
	position: relative;
	top: 100px;
	left: 10px;
	width: 171px;
	text-align: left;
	font-size: 14px;
}

.infohub_button_description {
	font-size: 11px;
	position: relative;
	top: 100px;
	left: 10px;
	font-weight: bold;
	width: 171px;
}

.staffimage {
	vertical-align:top;
}
.stafftext {
	vertical-align:top;
	text-align:left;
}
.directortable {
	vertical-align:top;
}

/* Forms on Maps and Imagery, and Funding Opportunities pages */\

.form_headings {
	background: #F7F7F7;
}

.form_service_checkbox {
	float: left;
	width: 140px;
}
					
.form_service_checkbox_right {
	float: left;
	width: 180px;
}					
					
.form_month_checkbox {
	float: left;
	width: 140px;
}					

.form_month_checkbox {
	float: left;
	width: 140px;
}

.sitemap {
	width: 250px;
	margin: 20px 20px;
	float: left;
	height: 457px;
}

.sitemap ul {
	margin-top: 3px;
}

.sitemap ul li a:hover {
	color: #36718c;
}

.sitemap_button {
	background: url(../index.php?element=BgNavredLogout) no-repeat;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #FFFFFF;
	display: block;
	line-height: 35px;
	padding-left: 12px;
	text-decoration: none;
	width: 195px;
}

.sitemap_button:hover {
	color: #783731;
}

/*------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------*/

.container_footer {
	background: url(../index.php?element=BgFooter) no-repeat center;
	height: 168px;
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.footer {
	height: 166px;
	width: 926px;
	position: relative;
	margin: 0 auto;
}

/* --- Footer Contact Details --*/

.footer_contact_details {
	position: absolute;
	top: 14px;
	left: 37px;
	color: #C4E7F7;
	font-size: 12px;
}

/* --- Footer Links --*/

.footer_links {
	position: absolute;
	top: 110px;
	left: 37px;
	color: #C4E7F7;
	font-size: 11px;
}

.footer_links ul {
	padding-left: 0px;
	^padding-top: 10px;
	margin-left: 0px;	
}

.footer_links ul li {
	display: inline;
}

.footer_links ul li a {
	color: #C4E7F7;
	text-decoration: none;
	font-weight: normal;
}
.footer_links ul li a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #2F6178;
}
.footer_email a {
	color: #C4E7F7;
	text-decoration:none;
	font-weight:normal;
}
.footer_email a:hover {
	color: #2F6178;
	text-decoration:none;
	font-weight:normal;
}


/* --- Footer Google Maps --*/

.footer_google_maps {
	height: 70px;
	width: 110px;
	position: absolute;
	top: 24px;
	left: 655px;	
}

/* --- Footer Office Photo --*/

.footer_office {
	background: url(../index.php?element=FooterOffice) no-repeat;
	height: 112px;
	width: 189px;
	position: absolute;
	top: 24px;
	left: 420px;	
}

/* --- Footer Government Logos --*/

.footer_govt_logos {
	position: absolute;
	left: 637px; 
	top: 32px;
}

.footer_govt_logos_separator {
	margin-bottom: 5px;
}

/* --- Footer Copyright --*/

.footer_copyright {
	font-size: 10px;
	position: absolute;
	left: 723px; 
	top: 108px;
	color: #C4E7F7;
}

.footer_credits {
	position: absolute;
	left: 658px;
	top: 120px;
	font-size: 10px;
	color: #C4E7F7;
}

.footer_credits a {
	font-weight: bold;
	text-decoration: none;
	color: #C4E7F7;
}

.footer_credits a:hover {
	color: #2F6178;
	font-weight: bold;
	text-decoration: none;
}

.footer_credits_ntech {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}