/* Wireframing for initial Development take out for final use

	#page{border:1px solid #000;}
	#header{border:1px solid #00FF00;}
	#nav{border:1px solid #FFCC00;}
	#content{border:1px solid #CC0000;}
	#footer{border:1px solid #3300FF;}
*/
	
	
/*
	Template CSS 
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	
	=========================================================

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

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


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

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;
		font-size:12px;
		line-height:165%;				
		text-align:center;															
		background:#000 url(../images/body-bg.jpg) top center no-repeat fixed;															
		color:#444;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
		font-family:impact;
		font-weight:normal;
		letter-spacing:1px;
	}
	h1{font-size:2em; margin:0 0 0.5em;}
	h2{font-size:1.6em; margin:0 0 1em;}
	h3{font-size:1.4em;}
	h4{font-size:1.2em;}

	#blog #sidebar {text-indent:2px;}
	
	#blog #sidebar h2{
		margin:1em 0 0 0;
		font-family:impact;
		font-weight:normal;
		letter-spacing:1px;
		font-size:1.3em;		
	}
	
	p{margin:0.5em 0 1em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	/* sets margins for lists in content, remember to overwrite for inline or floated lists */
	#content ul, #content ol, #content dl{margin:1em 0;}							
																						
	/* sets list style for ordered lists in content */																					
	#content ol li{	list-style-type:decimal; margin-left:30px;}
	/* sets margin for all list items in content */
	#content li{margin:0 0 0.5em;}													
	/* sets the margins and list type for un-ordered lists in content. Overwrite for inline lists and floated lists in the specified div */
	#content ul li{	list-style-type:square;	margin:0 0 0 30px;}
	/* use class on ul or ol to remove bullets from content  */
	#content .no-bullet li{	list-style-type:none; margin-left:0;}
	
	/* keep in LoVe HAte */
	a:link{color:#7094c2;}
	a:visited{color:#7094c2;}
	a:hover{color:#a34040;text-decoration:none;}
	a:active{color:#7094c2;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */





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

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															/* sets background to white when editing in CMS */
		color:#222;																	/* sets text colour at a good contrast on white background */
		text-align:left;															/* to make sure it does not take centre styles from body */
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}




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

		4. NAVIGATION
		
	*********************************
*/

	#nav ul{
		background:#000;
		font-family:impact;
		position:relative;
		float:left;
		width:100%;
	}
	#nav {
		background:#fff;
	}
	#nav li{
		float:left;
		position:relative;
	}
	#nav li a{
		display:block;
		color:#fff;
		font-size:15px;
		letter-spacing:1px;
		padding:2px 12px;
		text-align:center;
		text-decoration:none;
	}
	#nav ul ul{
		position:absolute;
		visibility:hidden;
		width:197px;
		top:24px;
		left:0;
		z-index:100;
	}
	#nav ul li ul li{
		float:none;
		line-height:1.1;
		border-bottom:1px solid #222;
	}
	#nav ul ul a{
		text-align:left;
		font-size:13px;
		padding:5px 12px;
	}
	#nav ul li:hover ul, #nav ul a:hover ul{
		visibility:visible; 
		z-index:102;
		
	}
	#nav ul a:hover{
		visibility:visible; 
		background:#555;
	}
	#nav :hover > a, #nav ul ul :hover > a {
		color:#fff;
		background:#555;
	}
	#nav table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
	}

	#toplinks{
		position:absolute;
		top:-38px;
		right:0;
		font-size:13px;		
	}
	#toplinks li{
		float:left;
	}
	#toplinks li a{
		display:block;
		padding:1px 6px;
		color:#fff;
		font-weight:bold;
	}
	#toplinks li a:hover{
		background:#555;		
	}


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

		5. LAYOUT 
		
	*********************************
*/

	#page{
		background:#fff;
		border:50px solid #000;
		margin:0 auto 30px;
		padding:0px;
		text-align:left;
		width:635px;
	}
	#header{
		background:#fff;
		padding:20px 20px;
		width:595px;
		position:relative;
		height:155px;
	}
	#nav{
		background:#fff;
		padding:0 20px 0;
		position:relative;
		height:335px;
	}
	#blog #nav{
		height:auto;
	}
	#content{
		background:#fff url(../images/map-bg.jpg) no-repeat 0 20px;
		padding:10px 20px 20px;
	}
	#blog #content{
		background-image:none;
		padding:20px;
	}
	#footer{
		background:#fff url(../images/rio-earth-logo.gif) no-repeat center center;
		clear:both;
		height:170px;
		padding:0 20px;
		position:relative;
	}
	
	
	
	
/* 	********************************* 

		6. HEADER 
		
	*********************************
*/
	#header h1{																		
		position:absolute;
		text-indent:-9999em;
	}
	#header h1 a{
		display:block;																																	
	}
		
	
	
/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	.box{
		margin:12px 0;
		padding:12px 12px 0;
		border:1px solid #ccc;
	}
	.gutter{
		margin-right:30px;															/* add to any div or element you wish to have right margin */
	}
	#blog #main-content{
		width:400px;
		float:left;
		margin-right:20px;												
	}
	#sidebar{
		float:left;
		width:170px;
	}
	#sidebar ul{
		margin:0;
	}
	#sidebar ul li{
		list-style-type:none;
		margin:0;
		padding:0;		
	}
	#secondary-content{
		width:290px;
		float:left;
	}
	#secondary-content h3, #secondary-content h4{
		margin-top:0;
	}
	.content-first{
		color:#666;
		letter-spacing:1px;
		font-family:impact;
		font-size:16px;
	}
	.col-1{
		float:left;
		width:178px;
		margin-right:20px;
	}
	.col-1-2{
		float:left;
		width:376px;
		margin-right:20px;
	}
	.col-1-2-3{
		float:left;
		width:596px;
		margin-right:20px;
	}

	.col-1 h3, .col-1-2 h3{
		margin-top:0;
	}
	.col-2{
		float:left;
		width:178px;
		margin-right:20px;
		font-family:"Courier New", Courier, monospace;
	}
	.col-3{
		float:right;
		font-size:16px;
		letter-spacing:2px;
		width:178px;
		font-family:impact;
	}
	.col-2 h3{
		font-family:"Courier New", Courier, monospace;
		font-weight:bold;
		margin-top:0;
	}
	.post{
		margin-bottom:24px;
	}
	.post h2 a, .post h3 a{
		text-decoration:none;
		line-height:1.1;
	}
	.navigation{
		margin-bottom:12px;
	}
	.comment-author{
		margin-bottom:12px;
	}
	#content .commentlist li{
		margin-bottom:24px;
		padding-bottom:12px;
		border-bottom:1px dotted #ccc;
	}

	/** Project search results **/
	.project_wrapper {line-height:1.22em;background:#f8fcf8 url(http://cvops.cva.org.au/themes/cvPublic/images/wrapper_bg.gif) repeat-y;color:#348338;margin-bottom:10px;border:1px solid #6dba71;text-align:left;clear:both;}
	.project_header {height:26px;background:#58a365;color:#fff;font-weight:bold;font-size:14px;text-align:left;}

	.project_headerbooked {height:40px;background:#58a365;color:#fff;font-weight:bold;font-size:14px;text-align:left;}
	.project_content {background:url(http://cvops.cva.org.au/themes/cvPublic/images/table_bg.gif) no-repeat;}
	.project_schedule {width:139px;float:left;padding:10px;line-height:1.2em;}
	.project_description {width:404px;float:left;padding:10px 15px;}
	.project_join {background:url(http://cvops.cva.org.au/themes/cvPublic/images/icons/icon_50_join.png) no-repeat 237px 0px;}
	.project_wait {background:url(http://cvops.cva.org.au/themes/cvPublic/images/icons/icon_50_list.png) no-repeat 237px 0px;}
	.project_wait a{width: 130px;}
	.project_full {color:#f00;}
	.project_vacancies {color:#58a365;}
	.project_id {width:auto;float:left;margin:5px 0 0 5px;}
	.project_status {width:auto;float:left;margin:2px 0 0 5px;}
	.project_options {width:auto;float:right;margin:2px 5px 0 5px;font-size:12px;}
	.project_options a{display:block;padding-left:20px;}
	.project_headerbooked .project_vacancies, .project_headerbooked .project_full{margin:10px 3px;}
	.join_wrapper {width:404px;margin-top:10px}
	.project_join, .project_wait, .office_join, .invite, .feedback  {width:225px;height:55px;padding:0px;margin:10px auto 0;font-size:14px;}
	.project_join a, .project_wait a, .office_join a, .invite a, .feedback a {display:block;height:35px;padding-top:15px;padding-left:65px;}
	.project_full, .project_vacancies { width:100px; background:#fff;height:18px;float:right;margin:3px 3px;text-align:center;padding-top:1px;}
	.project_footer {width:653px;height:20px;background:#fff;border-top:1px solid #6dba71;}
	.project_moreInfo {display:none;}
	.js .project_join {display:block;}

	.footer-nav .search-results { display:none;}

	.status_waitlisted {color:blue;}
	.status_problem {color:red;}
	.status_onhold {color:orange;}
	.status_ok {color:green;}
	.office_join {background:url(http://cvops.cva.org.au/themes/cvPublic/images/icons/icon_50_office.png) no-repeat;}
	.project_join {background:url(http://cvops.cva.org.au/themes/cvPublic/images/icons/icon_50_join.png) no-repeat;display:none;}
	.invite {background:url(http://cvops.cva.org.au/themes/cvPublic/images/icons/icon_50_friend.png) no-repeat;}
	.feedback {background:url(http://cvops.cva.org.au/themes/cvPublic/images/icons/icon_50_msg.png) no-repeat;}
	.project_prices {display:none;}

	.search-results, .search-nav {
		font-size:16px;
		font-weight:bold;
		float:left;
	}
	.search-nav {
		float:right;
	}
	.search-nav a {
		color:#39B54A;
		text-decoration:none;
	}


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

		8. FOOTER
		
	*********************************	
*/

	#footer ul{
		position:absolute;
		bottom:10px;															
	}
	#footer ul li{
		float:left;
		height:47px;
		text-indent:-9999em;
		top:-19px;
	}
	#footer ul li.edu{
		background:url(../images/dep-edu-logo.gif) no-repeat;
		margin-right:10px;
		width:150px;
		position:absolute;
		right:-410px;
	}
	#footer ul li.environ{
		background:url(../images/dep-environ-logo.gif) no-repeat;
		width:190px;
		position:relative;
	}


/*	*********************************
	
		9. FORMS

	*********************************
*/
	#contact form label{
		width:100px;
		display:block;
		float:left;
		font-weight:bold;
	}
	#contact form{
		margin:0 auto;
		width:310px;
	}
	#contact form #form-wrap{
		background:rgba(94,94,94,.2);
		padding:12px;
	}
	#contact form div{
		margin-bottom:6px;
		width:310px;
	}
	#contact form div.error{
		width:auto;
		color:#FF0000;
	}
	#contact form legend{
		font-weight:bold;
	}
	#contact form input[type="text"]{
		width:200px;
	}
	#contact form textarea{
		width:300px;
	}

	#searchform label{
		display:block;
	}
	#searchform #s{
		float:left;
	}

	/* Bookings Form */
	div.booking {}
	div.booking div.error p {color:red; font-weight:bold; margin:0 0 5px 0;}
	div.booking p.error {color:red; font-weight:bold; float:left; margin:0 0 0 5px;}
	
	div.booking input, div.booking select, div.booking textarea {float:left;}
	div.booking div.row {clear:both; height:25px;}
	div.booking div.row_spacer {clear:both; height:5px;}
	div.booking label.long {width: 350px;}
	div.booking label.radio, div.booking div.col label.radio {width: 40px; text-align:right;}
	div.booking input.radio, div.booking div.col input.radio {margin-left:0; text-align:left;}
	div.booking div.spacer {width:160px; float:left;}
	
	div.booking div.col input {width:20px; float:left; margin-right: 10px;} 
	div.booking div.col label {width: 40px; text-align:right; margin-right:5px;}
	div.booking input.submit {float:none; clear:both; margin-top:5px;}
	
	div.booking label {font-weight:bold; width:160px; float: left;}