/* Site Layout Styles
 * Updated:  31 Mar 09 @ 3.05pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/*
	-- TOC
	---------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/

	/* -- COLORS
	---------------------------------------*/
	/* dark green	=	#004159 */


	/* -- RESET
 	---------------------------------------*/
 	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: 100%; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
	legend { display: none; }
	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }


	/* -- LINKS
	---------------------------------------*/
	a { color: #666666; text-decoration: none; }
	a:hover { text-decoration: underline; }

	
	/* -- TYPOGRAPHY
	---------------------------------------*/
	h2 { margin: 0; padding: 9px 0 0 18px; color: #00688f; font-size: 1.4em; }
	h3 { margin: 0; padding: 9px 0 0 0; background: url(../images/arrow-heading.gif) 94px 19px no-repeat; color: #63b2cf; font-size: 1.4em; }
	
	p { margin: 0 0 .5em; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: #004159; color: #333; font: 62.5%/1.6 Tahoma, Arial, Helvetica, sans-serif; }
	
	
		/* --- container */
		#container { width: 900px; margin: 0 auto; }
		
			
			/* ---- header */
			#header { height: 187px; background: url(../images/bg.gif) 0 0 no-repeat; }
			
			
				/* ----- logo */
				#header h1 { position: absolute; left: -999em; }
				#header #logo { float: left; width: 122px; padding: 50px 0 0 22px; }
				
				
				/* ----- login */
				#header #login { float: left; width: 746px; height: 40px; overflow: hidden; }
				#header #login form, #header #login p#join { float: left; width: 593px; height: 40px; }
				
					
					/* ------ login form */
					#header #login form { background: url(../images/login-form.gif) no-repeat; }
					#header #login form li, #header #login form button, #header #login form p { float: left; }
					#header #login form li.memberlogin { width: 112px; height: 40px; text-indent: -999em; }
					#header #login form li.username label { float: left; width: 63px; height: 40px; text-indent: -999em; }
					#header #login form li.username input, #header #login form li.password input { float: left; width: 105px; margin: 0; padding: 12px 5px; border: 0; background: none; }
					#header #login form li.password label { float: left; width: 60px; height: 40px; text-indent: -999em; }
					#header #login form button { width: 71px; height: 40px; margin: 0; padding: 0; border: 0; background: none; text-indent: -999em; cursor: pointer; }
					#header #login form p a { display: block; width: 57px; height: 40px; text-indent: -999em; }
					
					
					/* ------ join */
					#header #login p#join { width: 153px; margin: 0; }
					
					
					/* ------ details */
					#header #details { float: left; width: 642px; padding: 11px 16px 0; color: #63b2cf; font-size: 1.1em; }
					#header #details a { color: #fff; text-decoration: underline; }
					#header #details a:hover {text-decoration: none; }
					
				
				
				/* ----- sub navigation */
				#header ul#subnav { float: left; width: 738px; height: 47px; overflow: hidden; padding: 0 0 0 8px; }
				#header ul#subnav li { float: left; padding: 15px 8px; }
				#header ul#subnav li a { float: left; display: block; padding: 1px 3px; color: #00688f; font-size: 1.1em; text-decoration: none; text-transform: uppercase; }
				#header ul#subnav li a:hover, #header ul#subnav li a.on { background: #63b2cf; color: #fff; }
				
				
					/* ------ search */
					#header ul#subnav li#search { padding: 0 0 0 30px; }
					#header ul#subnav li#search form { width: 231px; height: 47px; background: url(../images/search-form.gif) no-repeat; }
					#header ul#subnav li#search label { display: none; }
					#header ul#subnav li#search form input, #header ul#subnav li#search button { float: left; }
					#header ul#subnav li#search form input { width: 152px; margin: 0; padding: 16px 5px 0; border: 0; background: none; }
					#header ul#subnav li#search form button { width: 69px; height: 47px; margin: 0; padding: 0; border: 0; background: none; text-indent: -999em; cursor: pointer; }
				
				
				/* ----- main navigation */
				#header ul#nav { float: left; width: 742px; height: 49px; padding: 51px 0 0 4px; overflow: hidden; }
				#header ul#nav li { float: left; padding: 12px 15px; }
				#header ul#nav li a { float: left; display: block; padding: 1px 3px; color: #00688f; font-size: 1.2em; text-decoration: none; text-transform: uppercase; }
				#header ul#nav li.end { padding: 12px 0 12px 15px; }
				#header ul#nav li a:hover, #header ul#nav li a.on { background: #63b2cf; color: #fff; }
			

			/* ---- content */
			#content { min-height: 280px; background: url(../images/bg.gif) 0 -187px no-repeat; }
			
			
				/* ----- mainbar */
				#content #mainbar { float: left; width: 505px; font-size:1.3em;  }
				#content #mainbar h2{ font-size:14px;}
				#content #mainbar div { padding: 9px 0 0; }
				
				/* ----- sidebar */
				#content #sidebar { position: relative; float: left; width: 375px; padding: 0 10px; }
				#content #sidebar li { padding: 8px 0 5px; border-bottom: 1px solid #63b2cf; }
				#content #sidebar li div.title { float: right; width: 280px; }
				#content #sidebar li div.date { float: left; width: 80px; margin: 2px 10px 0 0; padding: 0 2px 1px; background: #63b2cf; color: #fff; font-size: 1.1em; line-height: 1.2; text-align: center; }
				#content #sidebar li div.newsListLeft a { color: #666666; font-size: 1.1em; }
				
				#content #sidebar p#view { position: absolute; top: 10px; right: 12px; }
				
				div.hide { position: absolute; left: -999em; }
			
			
			/* ---- extra */
			#extra { height: 151px; padding: 20px 0 0 20px; background: url(../images/bg.gif) 0 -1926px no-repeat; }
			#extra li { float: left; }
			#extra li a { float: left; display: block; width: 200px; height: 55px; padding: 0 20px 20px 0; text-indent: -999em; }
			
			
			/* ---- footer */
			#footer { padding: 15px 0; background: url(../images/bg.gif) 0 -2097px no-repeat; text-align: center; text-transform: uppercase; color: #8adfff; font-size: 1em; }
			#footer a, p#copyright { color: #0090c6; text-decoration: none; }