/* Site Layout Styles
 * Updated:  7 Oct 2008 @ 8.20am
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	
	/* -- colours */
	/* TEXT	 	= #555555
	/* LINKS 	= #0067cb
	/* HEADINGS = #c80000


	/* -- 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: #0067cb; text-decoration: none; outline: none; }
 	a:hover { text-decoration: underline; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h2 { margin: 0 0 .8em; color: #c80000; font-size: 1.6em; line-height: 1.5; }
 	h3 { color: #c80000; font-size: 1.2em; text-transform: lowercase; line-height: 1.2; }
 	
 	p { margin: 0 0 .8em; }


	/* -- STRUCTURE
	---------------------------------------*/
	body { color: #555; font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; }
	
	/* -- container */
	#container { width: 980px; margin: 0 auto; }
	
	/* -- header */
	#header { position: relative; height: 110px; }
	#header h1 { float: left; padding: 26px 0 0 22px; }
	#header ul { float: right; padding: 65px 0 0; }
	#header li { float: left; background: url(../images/bg-nav-divider.gif) right no-repeat; }
	#header li.end { background: none; }
	#header li a { float: left; display: block; padding: 0 10px; color: #c80000; font-size: 1.2em; font-weight: bold; text-transform: lowercase; }
	#header li a span { text-transform: uppercase; }
	
	/* -- search */
 	div#search { position: absolute; top: 24px; right: 0; }
	div#search p { margin: 0; }
	div#search input { margin: 0 3px 0 0; }
	div#search button { width: 73px; height: 21px; padding: 0; border: 0; background: url(../images/btn-search.jpg) no-repeat; cursor: pointer; text-indent: -999em; }
	
	/* -- login */
	div#login { position: absolute; top: 30px; right: 260px; }	
	
	/* -- banner */
	#banner { position: relative; height: 86px; background: url(../images/bg.gif) 0 0 no-repeat; }
	#banner #random_images { position: absolute; top: 0; right: 0; width: 242px; }
	
	/* -- content */
	#content { background: url(../images/bg.gif) 0 -86px no-repeat; font-size: 1.2em; }
	#inner_content { padding: 0 0 85px; background: url(../images/bg-pics.gif) bottom left no-repeat; }
	#content .left { float: left; width: 206px; padding: 0 20px 20px; }
	#content .middle { float: left; width: 449px; padding: 0 20px 20px; }
	#content .right { float: right; width: 205px; padding: 0 20px 20px; }
	
	/* breadcrumb */
	.path { display: none; }
	#breadcrumb { margin: 0; padding: 15px; }
	
	/* side nav */
	ul#menu li { width: 100%; }
	ul#menu li.menu_odd, ul#menu li li.menu_even { background: #eaeaea; }
	ul#menu li.menu_even, ul#menu li li.menu_odd { background: #fff; }
	ul#menu li.off a, ul#menu li.on a { display: block; padding: 4px 12px 4px 28px; background: url(../images/ul-more-icon.gif) 6px 5px no-repeat; font-size: 1.1em; }
	ul#menu li li.off a, ul#menu li li.on a { padding: 4px 12px 4px 40px; color: #2fa8a3; background: url(../images/ul-dash-icon.gif) 30px 13px no-repeat; }
	ul#menu li a:hover { text-decoration: none; }
	
	/* events */
	#content .right h3 { margin: 0 0 .5em; }
	.list { padding: 5px 0; }
	.list a { display: block; padding: 0 0 0 28px; font-size: 1.2em; background: url(../images/ul-more-icon.gif) 6px 2px no-repeat; }
	.list .date { padding: 0 0 0 28px; }
	
	
	/* -- footer */
	#footer { margin: 15px 0 0; background: #c80000; color: #fff; font-size: 1.1em; }
	#footer a { color: #fff; }
	#footer p { margin: 0; padding: 10px 20px; background: url(../images/bg-footer-left.gif) bottom left no-repeat; }
	#footer p.credits { float: right; background: url(../images/bg-footer-right.gif) bottom right no-repeat; }
	
	/* thickbox styles do not remove or modify */
	#TB_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
	/* overlay hack for mac */
	.TB_overlayMacFFBGHack { background: url(../webimages/machack.png) repeat; }
	.TB_overlayBG { background: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
	/* ie6 hack for overlay to work */
	* html #TB_overlay { position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	#TB_window { position: fixed; top: 50%; left: 50%; display: none; border: 5px solid #999; background: #fff; text-align: left; z-index: 102; }
	/* ie6 hack for window to work */
	* html #TB_window { position: absolute;  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	#TB_caption { display: none !important; }
	#TB_title { height: 30px; background: #e8e8e8; }
	#TB_closeAjaxWindow { float: right; padding: 7px 7px 5px 0; text-align: right; }
	#TB_ajaxContent { clear: both; margin: 0; padding: 15px; text-align: left; overflow: auto; }
	/* loading position */
	#TB_load { display: none; position: fixed; top: 50%; left: 50%; width: 208px; height: 13px; margin: -6px 0 0 -104px; z-index: 103; }
	/* ie6 hack for load to work */
	* html #TB_load { position: absolute;  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
	
	/* dashboard --------------------*/
	#TB_ajaxContent #dashboard_title { height: 72px; margin: 0; padding: 0; background: #fff; }
	#TB_ajaxContent #dashboard_title h2 { padding: 20px; background:  url(../webimages/bg-content-title-right.gif) bottom right no-repeat; color: #00998e; font-size: 1.8em; font-weight: normal; }
	#TB_ajaxContent #dashboard_title div { background: #dedede url(../webimages/bg-content-title-left.gif) bottom left no-repeat; }
	#TB_ajaxContent form,  #TB_ajaxContent form fieldset { margin: 0; padding: 0; border: 0; }
	#TB_ajaxContent form ol { list-style: none; margin: 0; padding: 0; }
	#TB_ajaxContent form li { clear: both; margin: 0 0 .75em; padding: 0; }
	#TB_ajaxContent form label { float: left; width: 65px; margin-right: 5px; padding: 4px 0 0; text-align: right; font-size: 1.2em; }
	#TB_ajaxContent form label:after { content: ":"; }
	#TB_ajaxContent form input { width: 170px; }
	#TB_ajaxContent form button { margin-left: 70px; padding: 0; border: 0; background: transparent; cursor: pointer; }
	#TB_ajaxContent a { font-size: 1.1em; }