/*	news.css

	dargaville on-line newsletter
*/
@import url(print.css) print;
* {margin:0px;}
html,body {height:100%; color:#222;}
body	{font:0.9em verdana,sans-serif;
		background:#cff url(../img/bg-bottom.jpg) repeat-x bottom;}
a	{text-decoration:none;}
a:hover	{color:#008000;}
#wrapper	{min-height:100%; height:auto !important;
			height:100%; margin:0px auto -1em; /* the bottom margin is the negative value of the footer's height */}
#collarge	{height:100px; width:100%; background:#e6e6ff url(../img/banner.jpg) repeat-x;
			overflow:auto;}
#title		{position:absolute; top:55px; width:100%; text-align:center; font-family:Monotype Corsiva;}
#title h1	{color:#ff0; font-size:3.4em;}
#title h2	{position:relative; top:-20px; padding-left:80px; color:#ffc; font-size:2em;}
#header		{height:80px; margin:0px auto 0px auto;
			background:#000 url(../img/bg-top.jpg) repeat-x top;}
#nav	{padding-top:35px;list-style-type:none;}
#navlist {display:block; width:650px; margin:0px auto 0px auto; font-weight:bold;}
#navlist li {float:left; width:auto; display:block; margin-left:5px; margin-right:5px;
		background:#e6e6ff url(../img/pen.gif) no-repeat;}
#navlist li a, #navlist li a:link {
		height:50px;
		color:#555;
		text-decoration:none;
		padding:0px 10px 0px 25px;
		display:block;}
#navlist li a:hover {color:#039; border-bottom:3px solid #039; cursor:pointer;}
#navlist li a#current, #navlist li a#current:link {
		color:#008; cursor:default; border-bottom:3px solid #f90;}
#navlist li a#current:hover {color:#f90; border-bottom:3px solid #f90;}

#content {width:80%; background-color:#ffe; margin:20px auto 0px auto; padding:10px 20px 10px 20px;}
#content p	{padding:5px 0px 5px 0px;}
#content table	{border-top:1px solid #999; border-bottom:2px solid #999; margin:0px auto 0px auto;}

div#directory {width:240px; height:120px; background:#e6e6ff url(../img/download.jpg) no-repeat; margin:0px auto;}
div#directory h5 {padding:7px;}
div#directory ul li {margin-left:25px;}

#footer		{clear:both; height:1em; text-align:center; font-size:0.8em; background-color:#427dfd;}
#footer a	{color:#fff;}
#footer a:hover	{color:#ff0;}
.center	{width:100%; text-align:center;}
#contactForm label	{position:absolute; width:7em; text-align:right;}
#contactForm input {position:relative; margin-left:8em;}
#contactForm input.right{display:block; margin:0px 0px 0px auto;}