@charset "UTF-8";

/*	
	CLIENT:					www.buchan.com.au
	MAF STYLE:	 			SCREEN
	VER:					1.0.1
	LASTUPDATE:				25 JUNE 07
------------------------------------------------- */




/*	Basics
------------------------------------------------- */
body {
	font: 					12px/18px Arial, "Lucida Grande", Verdana, Geneva, sans-serif;
	background: 			#f5f2ee;
	margin: 				0;
	padding: 				0;
	text-align: 			center;
	color: 					#5c5c5a;
}

div, span {
	margin: 				0;
	padding: 				0;
}

/*	Basic Typography
------------------------------------------------- */

h1 {	
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	color:					#424354;
	background:				transparent;
	margin:					0 0 5px 0;
	padding:				0;
}


h2 {
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	color:					#424354;
	background:				transparent;
	text-transform:			uppercase;
}

h3 {	
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	color:					#999;
	text-align: 			left;
	background:				transparent;
	margin:					5px 8px 7px 0;
	text-transform: 		uppercase;
	border-bottom: 			1px solid #888;

}

.pullquote {
	/*
	font-size: 16px;
	line-height:1.4em;
	*/
	font-weight: bold;
	
}

/* 	Default Links  1c3b57
------------------------------------------------- */

a, a:link {
	color:					#1c3b57;
	background-color:		transparent;
	text-decoration:	 	none;
}
	 
a:visited {
	color:					#1c3b57;
	background-color:		transparent;
	text-decoration:	 	none;
}

a:hover {
	color:					#f00;
	
}

a img{ 
	border: 				none;
}

/*	Layout / Structure 			
------------------------------------------------- */

#wrapper {
	width: 					820px;
	background:				white url(wrapper.jpg) repeat-y top left;
	margin: 				0 auto;
	padding:				0;
	text-align: 			left; 
	
}


#container {
	width: 					780px;
	background:				white url(container.jpg) repeat-y top left;
	margin: 				0 auto;
	padding:				0;
	border-bottom:			2px solid #111;
	text-align: 			left; 
	
}

#header {
	width: 					100%; 
	height:					55px;
	background:				#c9cbc0 url(banner.jpg) no-repeat top left;
	border-top: 			1px solid #fff;
	border-bottom: 			1px solid #535145;
}

#header h1 {
	margin: 				0;
	padding: 				0;	
}

#logo {
	float: left;
	width: 200px;
}


#sidecol {
	float: 					left;
	width: 					200px;
	background: 			#f4f5ef url(left_bg.jpg) no-repeat 0 0px;
	padding: 				0px;
	min-height:				400px;
	
}

#mainContent {
	width:					580px;
	float:					right;
		
	}
#footer {
	background:				#bbbbaf url(footerbg2.jpg) repeat-x bottom left;
	color:					#49493d;
	font-size: 				.84em;
	text-align: 			left;
	border-top: 			1px solid white;
	
}

div#outsidefooter {
	background-color:		#080808;
	width: 					780px;
	margin: 				0 auto;
	color: 					#555;
	font-size:				9px;
}

div#rightcol {
	float:					right;
	width: 					160px;
}

div#middlecol {
	float: 					left;
	width:					420px;
}	
	
div.banner {
	padding:				0;
}

/*	Context-specific Links
------------------------------------------------- */


#outsidefooter a, #footer a, #footer a:link,
#outsidefooter a:visited, #footer a:visited	{
	color:					#silver;
}

#outsidefooter a:hover, #footer a:hover{
	color:					#fff;
	background: 			#020202;
}



/*	CSS Helpers
------------------------------------------------- */

.hide { 
	display: 				none; 
}

.hidden {
	margin:					0;
	padding:				0;
	border:					0;
}

.f_right { 
	float: 					right;
	margin: 				0 0 8px 8px;
}
.f_left { 
	float: 					left;
	margin-right: 			8px;
}
.clearfloat {
	clear:					both;
	height:					0;
	font-size: 				1px;
	line-height: 			0px;
}






/* Submenu nav
----------------------------------------------- */

#sitenav {
	text-align: 			left; 
	background-color:		#313326;
}
 
#sidecol #sitenav ul li a, #sidecol #sitenav ul li a:visisted {
	color: 					#fff; 
} 

#sitenav ul { 
	margin: 				0; 
	padding: 				0;
	list-style-type: 		none;
}

#sitenav ul li a {
	font-size:				0.82em;
	padding: 				6px 6px 6px 14px; 
	line-height:			1.1em; 
	text-decoration:		none;
	display: 				block;
	text-transform:			uppercase;
	color: 					#ccc;
	font-weight:			bold;
	background-color:		transparent;
	border-top: 			1px solid #666458;
	border-bopttom: 		1px solid #555347;
	width: 180px !important; width /**/:200px; 
}


#sitenav a:hover {
	background-color: 		#000; 
	color: 					#fff; 
}

#sitenav ul li a.active {
	color: 					#fff;
	background-color:		#010101;
}

#sitenav ul li li a {
	padding: 				6px 10px 6px 30px; 
	line-height:			1.1em; 
	display: 				block;
	width: 160px !important; width /**/:180px; 
}

#sitenav ul li li a.active {
	color: 					#fff;
	background: 			#090909;
}

#sitenav ul li li li a {
	padding: 				6px 10px 6px 40px; 
	line-height:			1.1em; 
	display: 				block;
	background: 			#000;
	width: 130px !important; width /**/:160px; 
}

#sitenav ul li li li a.active {
	color: 					#000;
	background: 			#fff;
}


/* Articles
----------------------------------------------- */

div.article{
	padding: 				0; 
	margin: 				0;
}

div.article a, div.article a:link, div.article a:visited { color: #900;}
div.article a:hover { color: #f00;background-color:		#fff; text-decoration:	 	underline;}

div.lastarticle {
	border-bottom:			none;
}

h2.articleTitle {
	
	padding: 				10px 20px; 
	margin: 				0px;
	color: 					#1f201a;
	background-color:		#ebece6;
}

div.articlecontent {
	padding: 				10px 20px 2px 20px; 
	
}

div.articlefootnote {
	border-top: 			1px solid #ccc;
	padding: 				10px 0;
	font-size:				0.86em;
	color:					#777;
}
div.articlefootnote span.articledetails {
	float: 					right; 
	background: 			transparent url(/css/date.jpg) no-repeat 0 0;
	padding: 				0 0 0 20px;

}

/* 
	Feature Articles
----------------------------------------------- */


div.featurearticle{
	padding: 				0px; 
	margin: 				0;
	background:				#f3f2ee;

}


div.featurearticle h2.featurearticletitle {

	padding: 				10px 12px; 
	font-weight:			normal;
	margin: 				0;
	color: 					#1f201a;
	
	background:				#dfe0da url(head_right_bg.jpg) no-repeat top right;
}

div.featurearticlecontent {
	border-top:				1px solid #fff;
	
	font-size:				0.91em;
	padding: 				0px 12px 20px 12px; 
}

div.featurearticlefootnote {
	border-top:				1px solid #fff;
	border-bottom:			1px solid #ababab;
	font-size:				.86em;
}

/* 
	Side Articles
----------------------------------------------- */


div.sidearticle{
	padding: 				0; 
	margin: 				0;
	background-color:		#0e0e0e;
	color:					#fff;
}
div.sidearticle h2.sidearticletitle {
	padding: 				14px 12px 4px 12px; 
	font-weight:			normal;
	margin: 				0;
	color:					#fff;
	border-bottom:			1px solid #111;
}

div.sidearticlecontent {
	border-bottom:			1px solid #111;
	font-size:				0.91em;
	padding: 				0px 12px 20px 12px; 
}

div.sidearticlefootnote {
	border-top:				1px solid #333;
	
	font-size:				.86em;
}


/*	Side Content
----------------------------------------------- */


div.sidebox {
	padding: 				10px; 
	border-top: 			1px solid #282828; 
	
}


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



#footer ul {
	padding: 				0.5em 20px;
	margin: 				0;
	text-align: 			right;
}

#footer li { 
	display: 				inline; 
	padding-left: 			5px; 
	white-space: 			nowrap;
}

#footer li a { 
	padding-right: 			5px;
	border-right: 			1px solid #868686; 
	text-decoration: 		none; 
	color: 					silver;
}

#footer li a:hover, #footer li a:focus {
	text-decoration: 		underline; 
	color: 					white;
}

#footer li.last a {
	border: 				0;
}

#footer p {
	padding: 				0.5em 20px;
	margin: 				0;
}

/*	Utility  Nav
----------------------------------------------- */

#utilitynav {
	float: right;
	width: 540px;
	}

#utilitynav ul {
	padding: 				20px 12px 12px 12px;
	margin: 				0;
	font-size:				.98em;
	text-align: 			right;
}

#utilitynav li { 
	display: 				inline; 
	padding-left: 			5px; 
	white-space: 			nowrap;
}

#utilitynav li a { 
	padding-right: 			5px;
	border-right: 			1px solid #868686; 
	text-decoration: 		none; 
	color: 					#18160a;
}

#utilitynav li a:hover, #utilitynav li a:focus {
	text-decoration: 		underline; 
	color: 					#f00;
	background:		none;
}

#utilitynav li.last a {
	border: 				0;
}

#utilitynav p {
	padding: 				0.5em 20px;
	margin: 				0;
}





/*	FORM FIELD FORMATTING
--------------------------------------------------------------- */

form {
	margin:					0;
	padding:				0;
	border:					0;
}


.forminput {
	border-top:				2px solid #6d6d6d;
	border-left:			2px solid #6d6d6d;
	border-bottom:		 	1px solid #6d6d6d;
	border-right:			1px solid #6d6d6d;
	color:					#333;
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	height:					1.6em;
	padding:				2px 0 0 0;
	margin:					0;
} 
.formselect {
	background-color:		#fff;
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	letter-spacing:			.1em;
	color:					#333;
	margin-top:				2px;
	margin-bottom:		 	2px;
} 

.formradio {
	background-color:		transparent;
	margin-top:				4px;
	margin-bottom:		 	4px;
	padding:				0;
	border:					0;
}
.formcheckbox {
	background-color:		transparent;
	padding:				0;
	border:					0;
}

.formbutton {
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	font-weight:			 bold;
	border-top:				1px solid #6d6d6d;
	border-left:			1px solid #6d6d6d;
	border-right:			1px solid #000;
	border-bottom:			1px solid #000;
	letter-spacing:			.1em;
	margin:					0;
	padding:				1px 6px 3px 9px;
	background-color:		#181818;
	color:					#fff;
	cursor:					pointer;
}	
/*

		 Error Messages 
--------------------------------------------------------------- */
#error {
	margin-top:				15px;
	padding:				1px;
	border:					#7B81A9 1px solid;
}

.errorheading{
	color:					#fff;
	background:				#900;
	text-align:				center;
	font-size:				12px;
	font-weight:			bold;
	letter-spacing:			1px;
	text-transform:			uppercase;
	padding:				4px;
	margin-bottom:		 	1px;
}

.errorMsg {
	color:					#300;
}


/* Spruik MeccMedialight
--------------------------------------------------------------- */


#mml_Credit.leftfeature {
	text-align:				left; 	
	color: 					#888; 
	padding: 				30px 10px; 
	font-size: 				9px;
}
.mml_logo a {
	display:				block; 
	width:					148px;
	height:					27px;
	background:				transparent url(btn_mml.gif) no-repeat 0 0;
	border:					0;
	}
.mml_logo a:hover {
	background:				transparent url(btn_mml.gif) no-repeat 0 -30px;
	}
	
	
/* Calendar
--------------------------------------------------------------- */
  
table.calendar {
	width: 					170px;
	padding: 				0;
	margin: 				0;
	border-left: 			1px solid #ddd;
	border-bottom: 			1px solid #444;
	font: 					normal 10px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#333;
	text-align: 			center;
	background-color: 		#efefef;
}

table.calendar caption {
	width: 					170px; 
	margin: 				0; 
	padding: 				0;
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#fff;
	background-color: 		#222;
	text-align: 			center;
	border-top: 			1px solid #888;
}

table.calendar caption a, table.calendar caption a:visited {
	color:					silver;
	background-color: 		#222;
}

table.calendar caption a:hover {
	color:					white;
}

table.calendar th {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-align: 			center;
	color: 					#777;
	background: 			#cdcdcd;
	border-right: 			1px solid #555;
	border-bottom: 			1px solid #555;
	border-top: 			1px solid #aaa;
}	

.today, td.today a, td.today a:link, td.today a:visited {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#00f;
	background: 			#fdfdfd;
	border: 				0;
}

table.calendar td {
	border-right: 			1px solid #ddd;
	border-bottom: 			1px solid #ddd;
	width: 					24px;
	height: 				20px;
	text-align: 			center;
}

table.calendar td a {
	text-decoration: 		none;
	font-weight: 			bold;
	display: 				block;
	border: 				0;
}

table.calendar td a:link, table.calendar td a:visited {	
	color: 					#222;
	background: 			url(bg_calendar.gif) no-repeat;
	border: 				0;
}

table.calendar td a:hover, table.calendar td a:active {
	color: 					#00f;
	background: 			url(bg_calendar.gif) no-repeat right top;
	border: 				0;
}

/* lightbox
--------------------------------------------------------------- */
  

#lightbox{
	position: 				absolute;
	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(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(prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background:   			url(nextlabel.gif) right 15% no-repeat; 
}


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

#imageData{	padding:0 10px; color: #666; }
#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;
	}
	
.newsdetails {
	font-size: .9em;
	color: #666;
	font-weight:bold;
}

ul#newstoolslist
{
margin: 1em 0 1em 0;
padding: 0 0 1em 0;
white-space: nowrap;
}

#newstoolslist li
{
display: block;
float: left;
list-style-type: none;
background: url(rarrow.gif) no-repeat 5px 50%;
}

#newstoolslist a { padding: 3px 10px; 
display: block;
width: 150px;
 }

#newstoolslist a:link, #newstoolslist a:visited
{

padding: 4px 10px 4px 20px;
color: #454640;
border: 1px solid #c0c0c0;
text-decoration: none;
}

#newstoolslist a:hover
{
color: #fff;
background-color: #454640;
text-decoration: none;
}
rarrow_light.gif
#newstoolslist a.newslink {border-left:0;}


.boxed {
	margin-bottom: 0;
	padding-bottom: 0;
}

h4.organisation_name {
	/*
	float: 					left;
	width:					50%;
	*/
	
}

.elogowrap { 
	/*
	float: 					right;
	width:					50%;
	text-align: right;
	*/
	padding-top: 20px;
}

#logo a:hover {
	border: none; 
	text-decoration: none;
}