/* Site Layout Styles
 * Updated: 5th Jan 2009 @ 2.00pm
 * Author: Joshua Deidun <www.ivt.com.au>
 * ---------------------------------------------*/

	@import "thickbox.css";
	
	/*
	-- TOC
	---------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/

	/* -- COLORS
	---------------------------------------*/
	/* dark green	=	#030	*/
	/* green		=	#009152 */
	/* light green	=	#e2e7e1 */
	/* grey			=	#666 	*/
	/* red			=	#b4123c */  


	/* -- 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: #003300; text-decoration: underline; }
	a:hover { text-decoration: none; }
	
	/* -- TYPOGRAPHY
	---------------------------------------*/
	h1, h2, h3, h4, h5, h6 { color: #444; font: normal 3em/1.5 Arial, Helvetica, "Trebuchet MS", sans-serif; }
	h1 { color: #fff; font-size: 2.2em; text-align: center; }
	h2 { font-size: 1.5em; font-weight: normal; margin: 0 0 .5em; color: #003300; }
	h3 { font-size: 1.3em; margin: 0 0 1em; font-style: italic; font-weight: bold;  }
	h4 { font-size: 1.2em; margin: 0 0 .5em; }
	h5 { font-size: 1.1em; margin: .5em 0 .5em; color: #003300; }
	h6 { font-size: 0.5em; margin: 0 0 .5em; }
	p { margin: 0 0 1em; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: #003300; font: 62.5%/1.6 Arial, Verdana, Helvetica, sans-serif; color: #444; }
	
	/* -- container */
	#container { position: relative; width: 980px; margin: 0 auto; padding: 30px 0; }
	
	/* -- header */
	#header { position: relative; height: 120px; background: #003300; padding-bottom: 10px; border-bottom: 5px solid #f48521; z-index: 99; }
	
		/* logo */		#header h1 { float: left; padding: 0; margin: 0; line-height: 1; }
		/* title */		#header h1 span { position: absolute; top: 0; left: 410px; }
		/* hours */		#header .login p { position: absolute; top: 25px; left: 335px; text-align: center; font-size: 1.3em; color: #fff; }
		/* search */	#header form { position: absolute; top: 0px; right: 10px; width: 150px; }
						#header form input { border: 1px solid #bbb; padding: 5px; }
						
						#header div.user { float: right; padding: 35px 0 0 3px; font-size: 1.1em; color: #fff; text-align: right; }
						#header div.user a { color: #fff; }
		
		/* navigation */	#header #menu {	position: absolute; top: 100px; right: 0; z-index: 99; }
							#nav ul.sf-menu li { position: relative; float: left; margin: 0 4px 0 0; border: 1px solid #d5d9d5; }
							#nav ul.sf-menu li.end { margin: 0; }
							#nav ul.sf-menu li a {	display: block;	margin: 0; padding: 2px 10px 2px; background: #003300; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #f48521; }
							#nav ul.sf-menu li a.on { background: #d5d9d5; color: #003300; }
							#nav ul.sf-menu li:hover a { color:#f48521; background: #003300; }
							#nav ul.sf-menu li a:hover { background: #d5d9d5; color: #003300; }
							
							/*dropdown menu */ 		
							#nav ul.sf-menu ul { position: absolute; top: -999em; width: 170px; height: auto; }
							#nav ul.sf-menu ul li { float: left; width: 100%; height: auto; border-color: #d5d9d5; border-style: solid; border-width: 0 0 1px; color: #009152; font-weight: normal; text-transform: none;  font-size: .8em; }			
							#nav ul.sf-menu li li a:hover { background: #d5d9d5; }  
							#nav ul.sf-menu li:hover ul, #nav ul.sf-menu li.sfHover ul { top: 27px; left: -1px; z-index: 99; }
 	     					#nav ul.sf-menu li li:hover ul, #nav ul.sf-menu li li.sfHover ul { top: 0; left: 170px; font-size: 1.2em; }
							#nav ul.sf-menu li:hover { visibility: inherit; }
							
							#nav ul.sf-menu li span.sf-sub-indicator { display: none; }
							#nav ul.sf-menu li li span.sf-sub-indicator { display: block; position: absolute; top: .5em; /* ie6 */ right: 1em; width: 8px; height: 8px; text-indent: -999em; overflow: hidden; background: url(../images/btn-nav-icon-arrow.png) top right no-repeat; }	
							
							#nav ul.sf-menu ul.about ul li { position: absolute; top: -999em; }
							#nav ul.sf-menu ul.about li span.sf-sub-indicator { display: none; }
							
	/* -- content */
	#content { background: #fff url(../images/bg-content.gif) 0 0 repeat-y; padding-bottom: 15px; border-top: 5px solid #5f8cc0; }
	
		/* -- left nav */	#content .left { float: left; width: 160px; padding: 20px; }
							#content .left .nav_title { text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: #f48521; }
							#content .left ul { padding: 10px 15px; }
							#content .left ul ul { padding: 3px 15px; }
							#content .left li { padding: 5px 0px; }
							#content .left a { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #003300; }
							#content .left a:hover, #content .left li.on a { color: #f48521; }
							#content .left .tma_membership li .jointma, #content .left .media_gallery li .mediagallery, #content .left .tadc_news li .tadcnews, #content .left .tadc_events li .tadcevents { color: #b4123c; }
									
		/* -- right content */	#content .right { float: left; width: 739px; padding: 20px; font-size: 1.2em; }	
								#content .right table td { padding: 5px; }
								#content .right .form { margin: 10px; }
								#content .right .form th { text-align: left; }
								#content .right .submit { margin-left: 10px; }
								#content .right ul { padding-left: 20px; }
								#content .right li { list-style: disc; padding: 5px; }
								
								/* hidden elements */
								.search_form legend, .noshow, .addthis { display: none; }	
								
	/* -- order details */		.order_details_header, .fieldset_title { font-size: 1.7em; font-weight: normal; margin: 0 0 15px; color:#b4123c; }										
								.membership_info { width: 100%; }
								.text, .membership_info td { border: 1px solid #dedede; }
								.text th, .text td { padding: 5px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: left; }
								.plain table th { float: left; padding: 5px; }
								.plain table { border: 1px solid #dedede; }
								.plain table td, .plain table tr { border: 1px solid #dedede; }
								.form table, .form table td, .form table tr { border: 1px solid #dedede; }
								
		/* tma members */		table.member_standard_headers { margin: 15px 0 0; border-collapse: collapse; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
								table.member_standard_headers th,  table.member_standard_headers td { padding: 5px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: left; }
								
		/* video links */
								#commentLogin a { display: block; clear: both; }
								#otherLinks { padding: 0; }
								#content #otherLinks ul { width: 186px; margin: 0; padding: 0; }
								#content #otherLinks li { width: 186px; list-style: none; margin: 0; padding: 0; }
								#otherLinks li a { display: block; padding: 4px 0 4px 22px; margin: 0; color: #444; text-decoration: none; }
								#otherLinks li.technoratiLink a { background: url(../images/icon-technorati.gif) 0 5px no-repeat; }
								#otherLinks li.deliciousLink a { background: url(../images/icon-delicious.gif) 0 5px no-repeat; }
								#otherLinks li.facebookLink a { background: url(../images/icon-facebook.gif) 0 5px no-repeat; }
								#otherLinks li.stumbleuponLink a { background: url(../images/icon-stumbleupon.gif) 0 5px no-repeat; }
								#otherLinks li.diggLink a { background: url(../images/icon-digg.gif) 0 5px no-repeat; }
								
								#commentsForm textarea { height: 150px; width: 350px; }
								
								#content #commentLoginForm li { list-style: none; }
								#content #commentLoginForm label { display: block; padding: 0 0 3px; margin: 0; text-transform: uppercase; }
								#content #commentLoginForm button { margin-left: 5px; }																						
										
	/* -- footer */
	#footer { height: 34px; border-top: 1px solid #f48521; padding-top: 5px; background: #fff; }
	#copyright { text-align: center; padding: 5px 20px; }
	
	/* thickbox for members login */
	#TB_window div div { position: relative; width: 430px; height: 288px; background: #fff url(../images/bg-login.jpg) no-repeat; }
	#TB_window div div form { position: absolute; top: 130px; left: 60px; }
	#TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; }
	#TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; font-size: 1.2em; text-align: right; }
	#TB_window div div form input { width: 180px; border: 1px solid #ddd; padding: 1px 0; }
	#TB_window div div form button { width: 140px; margin: 10px 0 0 77px; border: 0; background: none; cursor: pointer; }
	#TB_window div div a { position: absolute; top: 256px; left: 0; width: 146px; height: 32px; margin: 0; padding: 0; display: block; text-indent: -999em; }