/* CSS Document 

colors for tumut chamber website:
blue: 2179FF
orange: FF9025
lighter brown/orange FFCA7C
black in logo: 131517
*/

*{padding: 0; margin: 0; }


body{font: 12px tahoma, verdana, arial; color: #131517; background: #455CA0; text-align: center;} /* light blue C1DAFF  */
a{text-decoration: underline; color: #2179FF;}
a:hover{color: #0051D7;}
hr {border: 0; width: 100%;}
p{margin: 4px 0px 10px 0px; line-height: 14px;}
img{display: block;}
form label {cursor: pointer; }

textarea{font: 11px Arial; line-height: 15px; color: #666666; border: 1px solid #cccccc; padding: 0 0 2px 2px; color: #666666;}

h1, h2, h3 { font-family: georgia, "times new roman";}
h1{color: #DA9643; font-size: 22px; margin: 5px 0px 15px 0px;}   /* bright orange FF9025 from logo  */
h2{color: #131517; font-size: 16px; margin: 5px 0px 10px 0px;}
h3{color: #2179FF; font-size: 14px; margin: 5px 0px 10px 0px;}


/*LAYOUT*/
/*#wrap{width: 100%; background: url(images/bg_wrap.gif) repeat-x;}  purple coloured background for header area */
#wrap{width: 100%; padding-top: 40px;}  /*coloured background for header area */
#container{width: 850px; margin: 0 auto;  background-color: #ffffff;}
#header{height: 134px; margin: 0 0 10px 0;}

/*Header purple colour #56017A  */
#logo {float: left;}
#address {float: left;}
#navigation {float: left;}


#logo a{height: 90px; display: block;}  /* logo in header area */
#logo span{display: none;}

#address {display: block; float: right; text-align: left; padding-left: 30px; padding-top: 30px;  }
#address p{ width: 350px;  margin: 0 2px 0 1px; font-family: georgia, serif; color: #000; line-height: 22px; letter-spacing: 1.2px;}

/*Navigation*/
#navigation {font: 18px "lucida sans unicode";}
#navigation ul{width:780px; margin: 0 auto;}
#navigation li{display: inline;}
#navigation a{display: block; float: right; width: 124px;  margin: 0 2px 0 1px; color: #333; text-decoration: none; letter-spacing: 1.5px;}
#navigation a:hover, #navigation .selected a { color: #333;}
#navigation span {display: none;}


/*Content*/
#content {margin: 0 0 10px 0; text-align: left; }
#content p {line-height: 20px;}

#content ul {
        line-height:1.4em;
		margin: 10px 0 10px 15px;
		padding: 0;
		line-height: 18px;
}
#content ul li {
		margin: 0 0 0.5em 15px;
		padding: 0;
	}

.floatleft { 
    float: left; 
    margin: 10px 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 10px 0 10px 10px; 
}

a img { 
	border-width: 0;
	background: none;
	}

img { 
	border: 1px solid #999;
	padding: 3px;
	}

/*columns*/
#colA{display: block; float: left; width: 410px; padding: 10px;}
#colB{display: block; float: left; width: 400px; padding: 10px;}

p.download {
	margin: 6px 10px 6px 0px;
	background-color: #e8e8e8;
	border: 1px solid gray;
	padding-left: 10px;
	padding-bottom: 0.3em;
	margin-bottom: 0;
	line-height: 140%;
}
#content img.pdf {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	}



/*Classes*/
.clearer{clear: both; height:1;}

/*Footer*/
#footer{text-align: center; font-size: 10px; line-height: 10px;}

#footerNav {margin: 0 auto; width: 100%; height: 22px;}
#footerNav ul{}
#footerNav li{display: block; float: left; padding: 0 5px;} 
#footerNav a{}
#footerNav .selected a {color: #666666; text-decoration: none;}

#footerCopyright {margin: 0 auto; width: 100%; height: 22px;}
#footerCopyright ul{}
#footerCopyright li{display: block; float: right; padding: 0 5px;}