/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 6 Oct 2009 & 10am
 * Author: Joshua Deidun <www.ivt.com.au>
*/

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/


/*	1. COLORS
 *	----------------------------------------------
 *	drk green	=		#0c3d07
 *  light green	=		#DBE2DA
 *	orange		=		#ff7b00
 * 	grey		=		#666
*/	


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none; 
		}	
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0; 
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}


/*	3. LINKS
 *	----------------------------------------------
*/

	a:link, a:active, a:visited, a:hover {
		color: #0c3d07;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: underline;
		}			

		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/


	h1, h2, h3, h4, h5, h6 {
		color: #0c3d07;
		font-weight: bold;
		}
		
	h1 {
		font-size: 3.5em; 
		line-height: 1.2;
		}
		
	h2 {
		margin: 0 0 10px; 
		font: 1.2em "Trajan Pro", Times, "Times New Roman"; 
		font-weight: bold; 
		text-transform: uppercase;
		}
		
	h2:first-letter { 
		font-size: 1.2em; 
		}	
		
	h3 {
		font-size: 1.1em;
		}			
		
	label {
		font-size: 1.1em;
		}
		
	p { margin: .5em 0 1.5em; }						
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	


	body {
		margin: 0;
		padding: 0;
		font: 62.5%/1.6 Arial, Verdana, sans-serif;
		color: #666;
		background-color: #0c3d07;
		background-image: url(../images/bg.gif);
		background-repeat: repeat;
		background-position: 0 0;
		}
		
	#container {
		position: relative;
		width: 980px;
		margin: 30px auto;
		padding: 0;
		font-size: 1.1em;
		background: #fff url(../images/bg-container.png) no-repeat ;
		}
	
	#nav {
		height: 31px;
		background: url(../images/bg_nav.gif) repeat-x;
		padding: 12px 12px 0;
		border: 12px solid #FFF;
		border-right: 13px solid #FFF;
		border-bottom: 0; 
		}	
	
	#header {
		background: #fff url(../images/bg-header.gif) repeat-y;
		margin: 20px 0 0;
		padding: 0;
		height: 140px;
		}	
	
	#content {
		padding: 20px 0;
		margin: 0 20px;
		background: url(../images/bg_horz_divider.gif) 0 0 repeat-x; 
		font-size: 1.1em;
		}
	
	#quicklinks {
		margin: 0 15px;
		padding: 20px 0 0 0;
		background: url(../images/bg_horz_divider.gif) 0 0 repeat-x; 
		font-size: 1.1em;	
		}
			
	#footer { 
		padding: 10px 0; 
		background: #DBE2DA url(../images/bg_footer_corner.gif) bottom left no-repeat; 
		color: #0c3d07; 
		}
		
	/* << --------- NAVIGATION --------- */
		
	#nav .corner { 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 20px; 
		height: 19px; 
		background: url(../images/bg_container_corner.gif) no-repeat; 
		}

		
	#nav ul {
		margin: 0;
		padding: 0;
		display: inline-block;
		float: left;
		list-style: none;
		}
		
	#nav ul li {
		float: left;
		margin: 0 8px 0 0;
		padding: 0;
		list-style: none;
		}
	
	#nav ul li a {
		float: left; 
		display: block; 
		margin: 0; 
		padding: 0;
		background: #FFB285 url(../images/bg_menu.gif) top repeat-x; 
		text-decoration: none;
		height: 31px;
		}	
	
	#nav ul li a span {	
		float: left; 
		display: block; 
		margin: 0; 
		padding: 5px 18px; 
		background: url(../images/bg_menu_off_corner.gif) top right no-repeat; 
		color: #C60; 
		font-size: 1.2em; 
		font-weight: bold; 
		cursor: pointer;
		}
		
		/* << --------- NAVIGATION HOVER / ON STATE --------- */
		
		#nav ul li a.on, #nav ul li a:hover { 
			background: #FFF; 
			}
			
		#nav ul li a.on span, #nav ul li a:hover span { 
			background: url(../images/bg_menu_on_corner.gif) top right no-repeat; 
			color: #C60; 
			}	
				
	/* << ----------- HEADER --------------- */
	
	#header .left {
		float: left;
		width: 205px;
		padding: 0 20px 0;
		}
		
	#header .middle {
		float: left;
		width: 450px;
		padding: 0 20px 0;
		}	
		
	#header .right {
		float: left;
		width: 205px;
		padding: 0 18px 0;
		}	
	
	#header div {
		text-align: center;
		}					
	
	#header h1 {
		float: left;
		margin: 25px 0 0 8px;
		text-align: left;
		}
		
	#header h1 a {
		color: #C60;
		}	
	
	#header h1 span {
		position: absolute;
		left: -999em;
		}			
	
	/* << ------------- CONTENT ------------ */
	
	#content a:hover {
		color: #ff7b00;
		text-decoration: none;
		}		
		
	#content .left {
		float: left;
		width: 415px;
		padding: 0 40px 0 15px;
		margin: 0;
		background: url(../images/bg_vert_divider.gif) top right repeat-y;
		}	
		
	#content .right {
		float: right;
		width: 420px;
		padding: 0 25px;	
		}

	#content.news .left.full
	{
		float: none;
		width: 900px;
		background: none;
	}
		
	#content a.more { 
		display: block; 
		margin: 3px 0 0; 
		padding-left: 22px;  
		font-weight: bold;
		font-size: 11px; 
		background: url(../images/arrow.gif) left no-repeat; 
		}		
		
	#content #business_news h2 {
		margin-top: .5em;
		padding: 10px 0 10px 38px; 
		background: url(../images/bg-news-icon.gif) left no-repeat;
		line-height: 1;
		}		
		
	#content #local_news h2 {
		margin-top: .6em;
		padding: 12px 0 5px 34px; 
		background: url(../images/bg-bbn-news-icon.gif) left no-repeat;
		line-height: 1;
		}

	#content div#newsImage img {
		margin: 0 0 10px 10px;
		}													
		
		/* HIDDEN ELEMENTS */
		
		.path, .addthis, iframe {
			display: none;
			}
			
	/* << --------- QUICK LINKS ------------- */
	
	#quicklinks a:hover {
		color: #ff7b00;
		text-decoration: none;
		}					
		
	#quicklinks img {
		border: 1px solid #ff7b00;
		}		
		
	#quicklinks ul {
		float: left;
		display: block;
		margin-bottom: 15px;
		padding: 0;
		}
		
	#quicklinks ul li {
		float: left;
		width: 222px;
		padding: 0 10px 15px 5px;
		margin: 0;
		}
		
	#quicklinks ul li img {
		float: left;
		width: 74px;
		}
		
	#quicklinks ul li div.quick_desc {
		float: left;
		width: 136px;
		margin-left: 10px;
		}		
				
	/* << ----------- FOOTER ---------------- */
	
	#footer a { 
		text-decoration: none; 
		}
		
	#footer a:hover {
		text-decoration: underline;
		}	
		
	#footer p#copyright {
		float: left;
		padding: 0 24px;
		margin: 0;
		}	
	
	#footer p#developed {
		float: right;
		padding: 0 24px;
		margin: 0;
		}