/* CSS Document */

/* layout tumut races*/
    body {
        margin: 0;
        padding: 0;        
        background: #f0eee2 url(../images/body-bg.gif) repeat-y top;              
        text-align: center;
    }
	
	.clear {
		clear:both; 
	}
    div#wrapper {
        width: 800px;        
        margin:  0 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;
			/* height: 120px;      needs to fit logo height and 44px for nav bar */
        }
				
		div#branding {
            margin: 0px 0px 1px 0px;
            padding: 0px; 
            text-align: left;
			color: #fff;
		height: 110px;
        }
			
	#nav {
	background: #6E2B2B; /*  grey 736E65 red 634637*/
	width: 800px;
	height: 25px;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

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

#nav ul {
	height: 25px;
} 

#nav ul li {
	float:left;
	height: 25px;
	line-height:25px;
}

#nav ul li a, 
#nav ul li a:link, 
#nav ul li a:visited {
	color: #fff;
/*	font-family:  Georgia, "Times New Roman", Geneva, Arial, Helvetica, sans-serif; */
	font-size: 11px;
/*	letter-spacing: 1px; */
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
}

#nav ul li a:hover, 
#nav ul li a.active {
	text-decoration: underline;
}	

	div#home-banner {
        margin: 0px 0px 0px 0px;
        padding: 0px; 
        text-align: left;
		height: 215px;
        }
		
	div#home-banner img {
        margin: 0px 0px 0px 0px;
        padding: 0px; 
		float: left;
		display: inline;
        }
	
  /* 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 40px 0;        
        text-align: left;
		background: #fff url(../images/content-bg.jpg) repeat-y top; 
    }
	
    div#main {
        float: right;
        width: 490px;
        display: inline;
		padding: 0px;
		margin: 20px 15px 0px 15px;
		
    }

    div#sidebar {
        float: left;
        width: 240px;
        display: inline;
		margin: 20px 15px 0px 15px;
    }
	
    div#newsflash {
        float: right;
        width: 200px;
		padding: 7px;
		margin: 0px 5px 0px 15px;
		background-color: #E5E2D2;
		color: #333; 
    }
	
	.dots {
	height:2px;
	padding: 0px 0px 3px 0px;
	margin:0;
	background:url('images/dots.gif') repeat-x;
}

#main.accom p {
	margin: 0px 0px 10px 0px;
}

#thumbnail {
	padding: 4px; 
	border: 1px solid #cccccc;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	}	
#thumbnail a, #thumbnail a:hover { border: none;}

/* END CONTENT */


#menu { margin-top: 0.5em; text-align: left;}


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

#menu ul li { line-height: 2em; color: #90895D; border-bottom: 1px solid #90895D; }
#menu ul li.active { font-weight: bold; color: #8F2626; }
#menu ul li.active ul li { font-weight: normal;}

#menu ul li ul { margin: -0.3em 0 0.5em 0; }

#menu ul li ul li { font-size: 0.95em; line-height: 1em; }

#menu ul li ul, #menu ul li ul li { border: 0; }

#menu ul li a { display: block; color: #90895D; border-bottom: none;}

#menu ul li a:hover, #menu ul li a.active { font-weight: bold; color: #8F2626; border-bottom: none;}


/* FOOTER */
        div#footer {
            background-color: #fff;
			border-top: 1px solid #d6d4c3;
			height: 60px;
			font-size: 10px;
        }
		
        div#footer p {           
            margin: 22px 0px 0px 20px;
            padding: 0px;
			text-align: left;
			width: 250px;
			float: left;
			display: block;
			font-size: 10px;
        }
		
		div#footer ul {
			float: right;
			display: block;
			list-style: none;            
            margin: 20px 20px 0px 0px;
            padding: 0px;
        }
				
		div#footer ul li {
			float: left;
			display: inline;           
            margin: 0px;
            padding: 0px;
        }
		
		div#footer li.separator {
			padding: 0px 3px;
		}
    /* END FOOTER */