/* CSS Document */

/* layout machell brothers, tumut
rev 1: june 2010 */

    body {
        margin: 0;
        padding: 0;        
background-color: #333333;
        text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px/14px;
        line-height: 18px;
		color: #000;
    }
	
	.clear {
		clear:both; 
	}
    div#wrapper {
        width: 760px;        
        margin:  10px auto 0px auto;
        padding: 0;
        background: white;
        text-align: center;
		
    }
     div#clear {
		clear:both; 
    }
   
    /* HEADER */
        div#header {
            margin: 0px 0px 0px 0px;
            padding: 0px; 
            text-align: left;
        }
				
	
	#nav {
background-image: url(images/nav-bg-yellow.png);
	width: 760px;
	height: 33px;
	color: #000;
	padding-top: 12px;
	/* padding-bottom: 8px;*/
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
}

#nav ul, 
#nav li {
	list-style-type:none;
	list-style-image:none;
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul {
	/* height: 45px; */
} 

#nav ul li {
	float:left;
	padding-left: 20px;
	padding-right: 20px;
}

#nav ul li a, 
#nav ul li a:link, 
#nav ul li a:visited {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: .3px; 
	text-decoration: none;
	text-transform: uppercase;
}

#nav ul li a.active{
		padding-bottom: 5px;
 background: url(images/nav-marker.png) no-repeat 50% 100%;   

	}
#nav ul li a:hover {
	padding-bottom: 5px;
	background: url(images/nav-marker.png) no-repeat 50% 100%;  
		text-decoration: none;
}
	
  /* END HEADER */
    
    div#content {
		float: left; /* needed the float in here to view repeat in firefox */
		top: 0px;
        width: 100%;        
        margin: 0 auto 0 auto;
        padding: 0 0 0px 0;        
        text-align: left;
		min-height: 560px;
		background-color: #fff;
    }
	
    div#main {
        float: right;
        width: 500px;
        display: inline;
		padding: 10px 15px 0px 30px;
		/*margin: 10px 15px 0px 5px;*/
		position:relative;
		background-color: #fff;
    }

    div#sidebar {
        float: left;
        width: 200px;
        display: inline;
		/*  margin: 10px 5px 0px 10px; */
		padding: 10px 5px 0px 10px; 
		text-align: center;
		position:relative;
		background-color: #F2E8C2; /*E6D389  */
		min-height: 560px;
    }
	img.center {
       display: block;
    margin-left: auto;
    margin-right: auto;
    }


/* HEADINGS */
	h1 {
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 10px 0px;
		font-family: calibri, arial, sans-serif;
		color: #000;
	}
	h2 {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
        line-height: 15px;
		margin: 15px 0px 15px 0px;
		padding: 0px;
		font-weight: bold;
		color: #000; /*  red in footer 9F2828, dark version of yellow in logo A28202 */
}
	h3 {
		font-size: 16px;
        line-height: 15px;
		margin: 5px 0px 5px 0px;
		padding: 0px;
		color: #000;
		font-weight: bold;
	}
	#sidebar h2 {
		font-size: 14px;
        line-height: 18px;
	}

/* END HEADINGS */

/* TEXT */
	p {
		font-size: 13px;
		word-spacing: 0.5px; 
line-height: 20px;
		color: #000;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
	}
	blockquote {
	font-family: Arial, Helvetica, sans-serif;
		font-style:italic;
		margin: 0px 0px 10px 0px;
		line-height:1.4em;

	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
/* END TEXT */
	
/* LISTS */


	#content ul {
        line-height:1.4em;
		margin: 0px 0 10px 15px;
		padding: 0;
		font-size: 12px;
		line-height: 18px;
		color: #000;
}
	#content ul li {
		margin: 0 0 0.3em 15px;
		padding: 0;
	}
			
/* END LISTS */
	hr {
		display: none;
	}
	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}

/* IMAGES */
	img {
		border: 0;
		display: block;
}
.floatleft { 
    float: left; 
    margin: 10px 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 10px 0 10px 10px; 
}

a img { 
	border-width: 0;
	background: none;
	}
	
/* LINKS */
	a,
	a:link 
	a:active {
		color: #BC0434;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
		color: #BC0434;
	}

	#content a,
	#content a:link 
	#content a:active {
		color: #BC0434;
		text-decoration: none;
		border-bottom: 1px dotted #BC0434; 
	}

	#content a:hover {
		color: #BC0434;
		text-decoration: none;
		border-bottom: 1px solid #BC0434; 
	}
	

/* END LINKS */


/* FOOTER */
        div#footer {
            background-color: #9F2828; /* not red in logo */
			font-size: 11px;
			padding: 10px 0 20px 0;
			position:absolute; /* to correctly position for older browsers */
			width: 760px;
 			       }
		
        div#footer p {           
            margin: 5px 0px 0px 15px;
            padding: 0px;
			text-align: center;
			font-size: 11px;
			color: #ffffff;
        }
		
	#footer a,
	#footer a:link 
	#footer a:active {
		color: #ffffff;
		text-decoration: none;
		border-bottom: 1px dotted #ffffff; 
	}
		
		#footer p a:hover  {
		text-decoration: none;
		border-bottom: 1px solid #fff; 
        }
		
		div#footer li.separator {
			padding: 0px 3px;
		}
    /* END FOOTER */