/* Site Layout Styles
 * Updated:  27 Oct 2008 @ 12.00pm
 * Author: Joshua Deidun <ivt.com.au>
 * ---------------------------------------------*/

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

	/* -- COLORS
	---------------------------------------*/
	/* blue		=	#174e95 */
	/* green	=	#8dbf2b */
	/* grey		=	#5e5d5d */
	/* black	= 	#000 */


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


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

	
	/* -- TYPOGRAPHY
	---------------------------------------*/
	h1 { margin: 0 0 5px; font-size: 1.7em; }
	h2 { margin: 0; color: #000; font: bold 1.6em Arial, Verdana, Helvetica, sans-serif; border-bottom: 1px solid #8dbf2a; }
	h3 { margin: 5px 0 0; color: #000; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; }
	h4 { margin: 10px 0 5px; color: #666666; font: normal 1.4em/1.6 Arial, Verdana, Helvetica, sans-serif; }
	h5 { margin: 5px 0 0; font: bold 1em/1.6 Arial, Verdana, Helvetica, sans-serif; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { color: #000; font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; }
	
	
	/* -- container */
	#container { width: 770px; margin: 0 auto; }
	
	/* -- header */
	#header { height: 180px; padding-bottom: 5px; }
	#nav { height: 25px; background: url(../images/topnavbarbg.gif) repeat-y; text-align: right; padding: 3px 10px 0; border-bottom: 5px solid #fff; }
	#nav a { font-family: Arial, Verdana, Helvetica, sans-serif, "Futura Md BT"; font-size: 1.0em; font-weight: bold; line-height: 23px; text-decoration: none; }
	#nav a:hover { color: #fff; }
	#content { width: 770px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	
	.left { float: left; width: 190px; padding: 0px; background-color: #dadada; }
	.left ul li a { display: block; background: url(../images/navabg.gif) no-repeat; border-bottom: 3px solid #fff; text-decoration: none; padding: 4px 10px 0 20px; text-transform: uppercase; font-weight: bold; font-size: 1.1em; height: 20px; }	
	.left ul li.on a  { background: url(../images/navabg-on.gif) no-repeat; }
	.left ul li li.off a, .left ul li li.on a { display: block; background: url(../images/navbbg.gif) no-repeat; border-bottom: 3px solid #fff; text-decoration: none; padding: 2px 10px 0 30px; text-transform:none; font-weight: normal; }
	.left li a.home { background: url(../images/navabg-on.gif) no-repeat; }
	
	.middle { float: left; width: 360px; border-right: 1px solid #ccc; padding: 5px 15px 15px 15px; font-size: 1.1em; }
	.middle ul { padding: 10px; }
	.middle li { list-style: disc; margin: 0 0 0 2em; padding: 5px; }
	
	.right { float: right; width: 165px; padding: 10px; }
	.right a { font-size: 1.1em; font-weight: bold; color: #174e95; }
	.right a:hover { color: #8dbf2b; }
	#network { padding: 0px; margin: 0px; }
	#search { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
	#news { margin: 15px 0; padding: 15px 0; border-top: 1px solid #ccc; }
	.news { float: right; padding: 5px 0px; } 
	#events { margin: 15px 0; padding: 15px 0; border-top: 1px solid #ccc; }
	.events { float: right; padding: 5px 0px; } 
	label { font-size: 1.1em; font-weight: bold; }
	.grey { color:#5e5d5d; }
	
	#footer { font-size: 1em; color:#666666; border-bottom: 3px solid #ccc; padding-bottom: 25px; }
	#footer a:hover { text-decoration: none; color:#000; }
	#copyright { float: left; padding: 5px 15px; }
	#developed { float: right; padding: 5px 20px; }