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

	@import "thickbox.css";
	@import "autosuggest.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 	*/  


	/* -- 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: #005194; 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: #005194; }
	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: #005194; }
	h6 { font-size: 0.5em; margin: 0 0 .5em; }
	p { margin: 0 0 1em; }

	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: #005194; 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: 100px; background: #005194; padding-bottom: 10px; border-bottom: 5px solid #5f8cc0; z-index: 99; }
	
		/* logo */		#header h1 { float: left; padding: 0; margin: 0; line-height: 1; }
		/* title */		#header h1 span { position: absolute; top: 0; left: 360px; }
		/* 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: 80px; right: 0; z-index: 99; }
							#nav ul.sf-menu li { position: relative; float: left; margin: 0 4px 0 0; border: 1px solid #5f8cc0; }
							#nav ul.sf-menu li.end { margin: 0; }
							#nav ul.sf-menu li a {	display: block;	margin: 0; padding: 2px 10px 2px; background: #005194; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #f48521; }
							#nav ul.sf-menu li a.home { background: #5f8cc0; }
							#nav ul.sf-menu li:hover a { color:#f48521; background: #005194; }
							#nav ul.sf-menu li a:hover { background: #5f8cc0; }
							
							/*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: #5f8cc0; 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: #5f8cc0; }  
							#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; }
															
	/* -- banner */
	#banner { height: 200px; overflow: hidden; border-bottom: 5px solid #f48521; border-top: 5px solid #f48521; background: #005194; }
		
	/* -- top_content */
	#content { border-top: 5px solid #5f8cc0; font-size: 1.1em; width: 980px; background: #fff; }

	/* left content */
	#content .left { float: left; width: 323px; margin: 0 0 0 5px; padding: 0; font-size: 1.1em; display: inline; }
	
		/* welcome_tadc */
		#content .left #welcome_tadc { float: left; width: 275px; height: 355px; padding: 10px 20px; margin: 5px 0 0 0; border: 1px solid #f48521; display: inline; }
		#content .left #welcome_tadc img { margin-bottom: 10px; }
			
		/* news */ 	
		#content .left #news { float: left; width: 275px; padding: 15px 20px; margin-top: 5px; border: 1px solid #f48521; display: inline; }
		#content .left #news ul { padding: 0 0 0 15px; }
		#content .left #news li { list-style: disc; margin: 5px 0 0; margin: 0; }
			
	/* right content */
	#content .right { float: left; width: 644px; margin: 5px 0; padding: 0; font-size: 1.1em; display: inline; }
	
		
	
		#content .right #tma_intro { float: left; width: 338px; height: 480px; padding: 15px 20px; margin: 0; border: 1px solid #f48521; display: inline; clear: both; }
						
		.more { float: right; margin: 0; padding: 0; }
		#media { float: right; display: inline; }
		#media div { width: 255px; height: 150px; margin: 0 0 5px 5px; border: 1px solid #f48521; }
		#media div div { margin: 0; border: 0; }
		#media .video { height: 195px; }
		#media .video ul li.categoryVideoList h5 { display: none; }	
		#media .video ul li.categoryVideoList p { display: none; }
		
	
	#content .right #member { position: relative; float: left; width: 602px; padding: 10px 20px 5px; margin: 0 0 5px 0; border: 1px solid #f48521; z-index: 1; display: inline; }
	
	#content .right #member #search { position: absolute; top: 10px; right: 55px; margin: 0; padding: 0px; z-index: 99; }
	
	#content #search_directory p { font-size: .9em; font-style: italic; }
	
	form#searchDirectory legend {
		display: none;
		}
	
	form#searchDirectory {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 1;
		height: 45px;
		} 
		
	form#searchDirectory label.searchLabel {
		margin: 0 0 .2em;  
		float: left;
		}
		
	form#searchDirectory label span {
		font-size: .8em;
		text-transform: none;
		color: #444;
		}		
		
	form#searchDirectory #findByBusiness {
		float: left;
		width: 385px;
		}
	
		
	form#searchDirectory #findByBusiness ol li {
		float: left;
		display: block;
		white-space: nowrap;
		padding: 0 5px 0 0; 
		}		
	
	form#searchDirectory #findByBusiness ol li label {
		margin: 0 0 .2em;
		float: left;
		color: #f48521;
		font-weight: bold; 
		}
		
	form#searchDirectory #findByBusiness input {
		height: auto;
		width: auto;
		border: 0;
		float: left;
		padding: 7px 3px 5px;
		
		}
		
	form#searchDirectory #findByBusiness input#SearchTerm {
		float: left;
		padding: 2px;
		border: 1px solid #ccc; width: 385px; height: 14px;
		}			
		
	form#searchDirectory #findByLocation {
		float: right;
		width: 200px;	
		}		
		
	form#searchDirectory #findByLocation ol {
		width: 200px;
		float: left;
		display: block;
		}
	
	form#searchDirectory #findByLocation ol li label {
		width: 200px;
		margin: 0 0 .2em;
		}	
		
	form#searchDirectory input {
		float: left;
		padding: 2px;
		border: 1px solid #ccc; width: 135px; height: 14px;
		}	
		
	
		
	form#searchDirectory button {
		width: 50px; height: 20px; margin: 0 0 0 3px; padding: 0 0 2px 0 !important; /* ie fix */ border: 0; background: transparent url(../images/btn-submit.gif) no-repeat; cursor: pointer; color: transparent; /* ff fix */ overflow: hidden; text-indent: -999em;
		}
		
	
	
		
		
				
	/* -- 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; }