/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 15 Oct 2009 & 4pm
 * Author: Joshua Deidun <www.ivt.com.au>
*/

@import "jquery.jcarousel.css";
@import "thickbox.css";

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/


/*	1. COLORS
 *	----------------------------------------------
 *	blue	=	#569fd3
 *	brown	=	#695e4a
 *	grey	=	#e9e4db
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	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; 
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}
		
		
/*	3. LINKS
 *	----------------------------------------------
*/

	a:link, a:active, a:visited, a:hover {
		color: #569fd3;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

	h1, h2, h3, h4, h5, h6 {
		color: #695e4a;
		font-weight: normal;
		}
		
	h1 {
		font-size: 3em;
		}

	h2 {
		font-size: 1.9em;
		margin: 0 0 .3em;
		}
	
	h3 {	
		font-size: 1.4em;
		color: #fff;
	   }
	   
	h4 {
		font-size: 1em;
		font-weight: bold;
	   } 	
	
		
		
		
/*	5. STRUCTURE
 *	----------------------------------------------
*/	

	body {
		font: 62.5%/1.6 Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		color: #231f20;
		background: #d3cab7;
		}
		
	#container {
		width: 1010px;
		margin: 0 auto;
		padding: 0;
		font-size: 1.1em;
		background: url(../images/bg-container.png) repeat-y;
		}
		
	#header {
		height: 248px;
		background: url(../images/bg-header.jpg) 10px 0 no-repeat;
		}
		
	#content {
		position: relative;		
		background: #fff;
		font-size: 1.1em;
		margin: 0 10px;
		padding: 0 12px 12px 40px;
		}

	#footer { 
		width: 1010px; 
		background: url(../images/bg-footer.gif) 0 0 no-repeat; 
		font-size: 1.1em; 
		margin: 0 auto; 
		}
		
		/* << ----------- HEADER --------------- */						
		
		#header h1 {
			float: left;
			}
			
		#header h1 a {
			width: 990px;;
			height: 248px;
			display: block;
			margin: 0 10px;
			text-indent: -999em;
			}

		/* << ---------- NAVIGATION ------------ */
			
		#content ul#nav {
			position: absolute;
			top: 0;
			left: 40px;
			z-index: 99;
			}
			
			#content ul#nav li{
				float: left;
				}
			
			#content ul#nav li a {
				font-size: 1.2em;
				float: left;
				margin: 10px 0;
				padding: 0 10px 0 10px; 
				color: #695e4a;
				border-right: 1px solid #d3cab7;
				line-height: .9em;
				text-decoration: none;
				}
			#content ul#nav li.start a {
				padding-left: 0;
				}

			#content ul#nav li.end a {
				border: 0;
				}	
			
		/* << ------------- CONTENT ------------ */
		
		#content #left {
			position: relative;
			z-index: 1;
			float: left;
			width: 640px;
			padding: 50px 30px 0 0;
			font-size: 1.1em;
			}
				
			#content #left .media {
				padding-bottom: 5px;
				}	
			
			#content #left .news {
				padding: 18px 0;
				}

			#content #left #login
			{
				position: absolute;
				top: 50px;
				right: 30px;
			}
			#content #left #login p
			{
				margin: 0;
				padding: 0;
			}
			#content #left h3
			{
				color: #569FD3;
			}

			

		#content #right {
			float: left;
			width: 268px;
			color: #695e4a;
			}
				
			#content #right .membership {
				float: left;
				display: block;
				height: 152px;
			}

			#content #right .events, #content #right .membership {
				float: left;
			}

			#content #right .events div.events_title {
				padding: 0 10px;
				margin: 0;
				height: 67px;
				width: 248px;
				background: url(../images/h3-events-bg.jpg) no-repeat left bottom;
				display: block;
				float: left;
				}
				
			#content #right .events h3 {
				font-size: 1.6em;
				padding: 35px 0 0;
				}
				
			#content #right .events h3 a {
				display: block;
				text-decoration: none;
				cursor: pointer;
				}	
			
			#content #right .events ul {
				padding: 4px 10px 15px 11px;
				margin: 0;
				background: #e9e4db;
				float: left;
				display: block;
				}
			
			#content #right .events ul li {
				margin: 0;
				padding: 7px 0;
				border-bottom: 1px dashed #b9b2a5;
				width: 248px;
				}
				
			#content #right .events ul li:last-child {
				border: 0;
				}

			#content #right .gallery {
				float: left;
				margin: 0;
				padding: 7px 0 0;
				color: #695e4a;
				width: 268px;
				}
				
			#content #right .gallery h3 {
				margin: 0;
				padding: 0 10px;
				height: 37px;
				line-height: 40px;
				font-size: 1.6em;
				background: url(../images/h3-bg.gif) 0 0 repeat-y;
				}
				
			#content #right .events h3 a {
				display: block;
				text-decoration: none;
				cursor: pointer;
				color: #fff;
				}	
				
			#content #right .events h3 span {
				padding: 0 0 10px 190px; 
				background: url(../images/calendar.png) top right no-repeat;
				width: 47px;
				height: 44px;
				display: inline-block;
				border: 1px solid #000;
				}
				
			#feeds li {
				padding: 7px 0;
				border-bottom: 1px dashed #b9b2a5; 
				}		
				
			/* gallery list */
			
			ul.gallery_cat_list, ul.gallery_item_list {
				overflow: hidden;
				width: 640px;
				text-align: center;
				margin-top: 25px;
				}
			ul.gallery_cat_list li, ul.gallery_item_list li {
				float: left;
				display: block;
				width: 210px;
				padding: 10px 0;
				}

/*	6. FORMS

 *	----------------------------------------------

*/

	form#signupForm {
		margin: 20px 0;
		width: 300px;
	}
	

	form#login label, 
	#signupForm label, 
	#passwordForm label,
	span.form form label {

		display: block;

		margin: 5px 0 0;

		}

	form#login input {

		padding: 5px;

		background: none;

		}

	form#login button {

		display: block;

		width: 54px;

		height: 23px;

		margin: 5px 0;

		padding: 0;

		border: 0;

		background: url(../images/login_btn.gif) 0 0 no-repeat;

		cursor: pointer;

		text-indent: -999em;

		}



	form input.input_small_off,

	form input.input_small_on,

	form input.input_medium_off,

	form input.input_medium_on,

	form input.input_large_off,

	form input.input_large_on {

		width: 300px;

		padding: 5px;

		border: 1px solid #ddd;

		background: none;

		}

	/*form input.input_small_off,

	form input.input_small_on {

		width: 200px;

		}

	form input.input_medium_off,

	form input.input_medium_on {

		width: 300px;

		}

	form input.input_large_off,

	form input.input_large_on {

		width: 350px;

		}*/

		

		

	form textarea.textarea_small_off,

	form textarea.textarea_small_on,

	form textarea.textarea_medium_off,

	form textarea.textarea_medium_on,

	form textarea.textarea_large_off,

	form textarea.textarea_large_on {

		width: 300px;

		padding: 5px;

		border: 1px solid #ddd;

		font-size: 11.5px;

		}

	form textarea.textarea_small_off,

	form textarea.textarea_small_on {

		/*width: 200px;*/

		height: 80px;

		}

	form textarea.textarea_medium_off,

	form textarea.textarea_medium_on {

		/*width: 300px;*/

		height: 100px;

		}

	form textarea.textarea_large_off,

	form textarea.textarea_large_on {

		/*width: 350px;*/

		height: 120px;

		}

	/* forms created from forms module */
	form#info_form
	{
		
	}
	form#info_form fieldset
	{
		margin: 15px 0;
		border: 0;
	}
	form#info_form label
	{
		display: block;
		/*float: left;
		display: inline-block;
		width: 120px;
		margin: 3px 5px 0 0;
		padding: 0;
		font-size: 12px;
		text-align: left;
		line-height: 1.2;*/
	}
	form#info_form label:after
	{
		content: ":";
	}
	form#info_form label,
	form#info_form input,
	form#info_form textarea,
	form#info_form select
	{
		margin-bottom: 10px;
	}
	form#info_form label.wide,
	form#info_form label.label2
	{
		float: none;
		display: block;
		width: auto !important;
	}
	form#info_form th
	{
		width: 120px !important;
		font-size: 12px;	
		font-weight: normal;
		text-align: left;
	}
	form#info_form input.input_small_off,
	form#info_form input.input_small_on,
	form#info_form input.input_medium_off,
	form#info_form input.input_medium_on,
	form#info_form input.input_large_off,
	form#info_form input.input_large_on,
	form#info_form textarea.textarea_small_off,
	form#info_form textarea.textarea_small_on,
	form#info_form textarea.textarea_medium_off,
	form#info_form textarea.textarea_medium_on,
	form#info_form textarea.textarea_large_off,
	form#info_form textarea.textarea_large_on
	{
		padding: 3px;
		border: 1px solid #ddd;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	form#info_form input.input_small_off,
	form#info_form input.input_small_on
	{
		width: 120px;
	}
	form#info_form input.input_medium_off,
	form#info_form input.input_medium_on
	{
		width: 240px;
	}
	form#info_form input.input_large_off,
	form#info_form input.input_large_on
	{
		width: 360px;
	}
	form#info_form textarea.textarea_small_off,
	form#info_form textarea.textarea_small_on
	{
		width: 360px;
		height: 40px;
	}
	form#info_form textarea.textarea_medium_off,
	form#info_form textarea.textarea_medium_on
	{
		width: 360px;
		height: 80px;
	}
	form#info_form textarea.textarea_large_off,
	form#info_form textarea.textarea_large_on
	{
		width: 360px;
		height: 120px;
	}

	div.form table th
	{
		font-weight: normal;
		text-align: left;
		display: block;
		padding: 5px;
	}
	.buttonrow
	{
		margin: 10px 0;
	}

	/* form caption */
	.form_caption,
	.form_title,
	form#info_form fieldset table th,
	form#info_form fieldset table td
	{
		margin: 10px 0;
		font-size: 12px;
	}
	form#info_form select
	{
		margin: 0 0 10px;
	}

	/* form radio inputs */
	fieldset.radio
	{
		font-size: 12px;
	}

	/* membership forms */

	

	#signupForm button, #passwordForm button {

		margin: 10px 0;

		}

		

	#signupForm #signupButton {

		float: right;

		}
			

	input.checkbox { 

		width: 15px; 

		}



	.membershipForm ol
	{
		padding: 0;
	}

	.membershipForm ol li

	{

		margin: 0 0 .75em;

		font-size: 100%;

		list-style: none;

	}

	.membershipForm input

	{
		padding: 5px;
		border: 1px solid #ddd;
		color: #666666;
	}
	.membershipForm input.SubmitButton
	{
		background: #3d6e00;
		border: 0;
		color: #fff;
		font-weight: bold;
		vertical-align: text-top;
		cursor: pointer;
		padding: 5px 8px;
	}

	.membershipForm ol table.list input

	{

		padding: 0;

		border: 0;

	}

	.membershipForm label

	{

		display: block;

		font-weight: bold;

	}



	.membershipForm ol table.list

	{

		width: 100%;

		margin: 0m;

		border-collapse: collapse;

		border-spacing: 0;

		border-top: 1px solid #ddd;

		border-right: 1px solid #ddd;

	}



	.membershipForm ol table.list td,

	.membershipForm ol table.list th

	{

		border: 0;

		padding: 5px;

		font-size: 1.2em;

		border-bottom: 1px solid #ddd;

		border-left: 1px solid #ddd;

	}

	.membershipForm ol table.list td input

	{

		margin: 0 0 0 4px;

	}

	input#membershipDetail,

	input#membershipMembers,
	input#membershipSignupForm

	{
		margin: 5px 0 15px;
		background: #3d6e00;
		border: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		vertical-align: text-top;
		cursor: pointer;
		padding: 5px 8px;
	}





				
				
	/* << ------ EVNETS CALENDAR --------- */
	.eventsCalendarNextMonthCell button {
		background: #3d6e00;
		border: 0;
		width: 150px;
		height: 19px;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		vertical-align: text-top;
		cursor: pointer;
		}
		
	.eventsCalendarPreviousMonthButton {
		background: #3d6e00;
		border: 0;
		width: 150px;
		height: 19px;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		vertical-align: text-top;
		cursor: pointer;
		}	
	
	#eventsCalendarDiv {
		margin: 15px 0;
		}	
		
	.eventsCalendarMonthSelectorTable {
		width: 100%;
		margin: 10px 0;
		}
		
	.publicEventsCalendar {
		width: 100%;
		}
		
	.publicEventsCalendar td {
		width: 90px;
		height: 90px;
		}	
		
		
	.eventsCalenderHeaderMonthLabel {
		color: #695e4a;
		font-size: 1.1em;
		font-weight: bold;
		}	
		
	.eventsCalendarPreviousMonthCell {
		text-align: center;
		}
		
	.eventsCalendarNextMonthCell {
		text-align: center;
		}
		
	.eventsCalendarPreviousMonthButton {
		width: 150px;
		}
		
	.eventsCalendarNextMonthButton {
		width: 150px;
		}
		
	.eventsCalenderHeaderCell {
		height: 30px;
		color: #569fd3;
		}
		
	.eventsCalenderDayCell {
		
		border: 1px solid #ccc;
		vertical-align: top;
		}
		
	.eventsCalenderDayNumber {
		float: right;
		padding: 5px;
		}
		
	.eventsCalenderDayOutsideMonth	{
		color: #bbb;
		}
		
	.eventsCalenderCurrentDay {
		background-color: #ddd;
		}
		
	.eventsCalenderDayEvents {
		display: block;
		background: #d3cab7;
		margin: 0;
		padding: 0;
		cursor: pointer;
		padding: 5px;
		height: 100%;
		}
	
	.eventsCalenderDayEvents li {
		border-bottom: 1px dashed #b9b2a5;
		display: block;
		font-size: .7em;
		padding: 5px 0;
		}
		
	.eventsCalenderDayEvents li a {
		color: #000;
		}	
		
	.eventsCalenderDayEvents li:last-child {
		border: 0;
		}	
		
	.eventsCalenderDayCell img {
		position: absolute;
		top: 13px;
		left: 12px;	
		}
			
			
	
				
	.addthis {
		margin: 10px 0;
		}			
			
	/* << -------------- FOOTER -------------- */

		#footer p {
			padding: 30px 0;
			margin: 0 20px;
			}
		#footer p#ivt {
			float: right;
			}



	/* << ------- BUSINESS DIRECTORY -------- */

	form#searchDirectory {
		background: url(../images/bg-directory.jpg) no-repeat;
		width: 590px;
		height: 75px;
		padding: 25px;
		margin: 25px 0;
		} 
		
	form#searchDirectory input {
		font-size: 1.6em;
		border: 1px solid #ccc;
		} 	
		
	form#searchDirectory label.searchLabel {
		margin: 0 0 .2em; 
		font-size: 1.2em;
		font-weight: bold; 
		float: left;
		color: #45761b;
		}	
		
	form#searchDirectory #findByBusiness {
		position: relative;
		float: left;
		width: 270px;
		}
		
	form#searchDirectory #findByBusiness ol {
		display: block;
		position: absolute;
		top: 2px;
		right: 0;
		}
		
	form#searchDirectory #findByBusiness ol li {
		float: left;
		margin: 0;
		padding: 0;
		}		
	
	form#searchDirectory #findByBusiness ol li label {
		font-size: 11px;
		margin: 0 .2em 0 0;
		padding: 0;
		color: #000; 
		}
	
	form#searchDirectory #findByBusiness ol li input {
		margin: 0
		padding: 0; 
		border: 0;
		}	
		
	form#searchDirectory #findByBusiness input#SearchTerm {
		height: 24px;
		width: 260px;
		border: 1px solid #ccc;
		float: left;
		padding: 7px 3px 5px;
		}
		
	form#searchDirectory #findByLocation {
		float: right;
		width: 300px;
		}		
		
	form#searchDirectory #findByLocation ol {
		width: 300px;
		float: left;
		}
	
	form#searchDirectory #findByLocation ol li label {
		width: 280px;
		margin: 0 0 .2em;
		}	
		
	form#searchDirectory #findByLocation input {
		height: 24px;
		width: 190px;
		border: 1px solid #ccc;
		float: left;
		padding: 7px 3px 5px;
		}
		
	form#searchDirectory button {
		float: left;
		width: 96px;
		height: 35px;
		border: 0;
		color: #fff;
		margin: 1px 0 0 5px;
		background: url(../images/btn-search.gif) no-repeat;
		cursor: pointer;
		overflow: hidden;
		padding: 0 !important; /* ie fix */
		font-size: 1.4em;
		}
		
	
		
	div.viewEntity {
		float: left;
		width: 320px;
		margin-right: 10px;
		}
		
	div.contactEntity {
		float: left;
		width: 300px;
		}
		
	#directoryResults {
		float: left;
		width: 290px;
		}
	
		#directoryResults span.phone {	
		margin: 2px 0;
		color: #ff7b00;
		}
		
		#directoryResults p {
		float: left;
		margin: 0 0 .5em;
		}	
		
	#contactMap {
		float: right;
		width: 323px;
		margin: 0;
		}
		
	#directoryResults .searchResults {
		border-bottom: 1px solid #ccc;
		margin: 5px 0;
		padding: 0 15px;
		float: left;
		width: 260px;
		}

	#directoryResults .searchResults h4 a {
		color: #45761b;
		}	
		
	button#contactBusiness {
		width: 140px;
		height: 19px;
		border: 0;
		color: #fff;
		margin: 0;
		background: url(../images/btn-contact-business.gif) no-repeat;
		cursor: pointer;
		
		overflow: hidden;
		padding: 0 !important; /* ie fix */
		display: block;
		}				
						
	form#directoryContact { margin: 15px 0; }
	form#directoryContact label { float: left; width: 120px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }
	form#directoryContact input { width: 300px; padding: 3px; margin: 3px 0; clear: both; border: 1px solid #999; color: #777; }
	form#directoryContact textarea { width: 300px; height: 100px; padding: 3px; margin: 3px 0; clear: both; border: 1px solid #999; color: #777; }


	form#loginForm label
	{
		display: block;
	}

	form#loginForm input
	{
		width: 300px; padding: 3px; margin: 3px 0; clear: both; border: 1px solid #999; color: #777;
	}

	form#loginForm button,
	.logout
	{
		margin: 10px 0;
		background: #3d6e00;
		border: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		vertical-align: text-top;
		cursor: pointer;
		padding: 5px 8px;
	}
	#loginDetails
	{
		margin: 10px 0;
	}
	#loginDetails th
	{
		text-align: right;
	}
	#loginDetails td
	{
		padding: 3px 5px;
	}