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

/* Created: 6 Oct 2009 & 10am
 * Author: Joshua Deidun <www.ivt.com.au>
*/

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


/*	1. COLORS
 *	----------------------------------------------
 *	drk green	=		#0c3d07
 *  light green	=		#DBE2DA
 *	orange		=		#ff7b00
 * 	grey		=		#666
*/	


/*	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: #0c3d07;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: underline;
		}			

		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/


	h1, h2, h3, h4, h5, h6 {
		color: #0c3d07;
		font-weight: bold;
		}
		
	h1 {
		font-size: 3.5em; 
		line-height: 1.2;
		}
		
	h2 {
		margin: 0 0 1em; 
		font: 1.2em "Trajan Pro", Times, "Times New Roman"; 
		font-weight: bold; 
		text-transform: uppercase;
		}
		
	h2:first-letter { 
		font-size: 1.2em; 
		}	
		
	h3 {
		font-size: 1.1em;
		}			
		
	label {
		font-size: 1.1em;
		}
		
	p { margin: .5em 0 1.5em; }						
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	


	body {
		margin: 0;
		padding: 0;
		font: 62.5%/1.6 Arial, Verdana, sans-serif;
		color: #666;
		background-color: #0c3d07;
		background-image: url(../images/bg.gif);
		background-repeat: repeat;
		background-position: 0 0;
		}
		
	#container {
		position: relative;
		width: 980px;
		margin: 30px auto;
		padding: 0;
		font-size: 1.1em;
		background: #fff url(../images/bg-container.png) no-repeat ;
		}
	
	#nav {
		height: 31px;
		background: url(../images/bg_nav.gif) repeat-x;
		padding: 12px 12px 0;
		border: 12px solid #FFF;
		border-right: 13px solid #FFF;
		border-bottom: 0; 
		}	
	
	#header {
		background: #fff url(../images/bg-header.gif) repeat-y;
		margin: 20px 0 0;
		height: 140px;
		}	
	
	#content {
		margin: 0;
		padding: 20px 0 20px;
		background: url(../images/bg-content.gif) 0 0 repeat-y;
		font-size: 1.1em;
		}
	
	#quicklinks {
		margin: 0 15px;
		padding: 20px 0 0 0;
		background: url(../images/bg_horz_divider.gif) 0 0 repeat-x; 
		font-size: 1.1em;	
		}
			
	#footer { 
		padding: 10px 0; 
		background: #DBE2DA url(../images/bg_footer_corner.gif) bottom left no-repeat; 
		color: #0c3d07; 
		}
		
	/* << --------- NAVIGATION --------- */
		
	#nav .corner { 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 20px; 
		height: 19px; 
		background: url(../images/bg_container_corner.gif) no-repeat; 
		}

		
	#nav ul {
		margin: 0;
		padding: 0;
		display: inline-block;
		float: left;
		list-style: none;
		}
		
	#nav ul li {
		float: left;
		margin: 0 8px 0 0;
		padding: 0;
		list-style: none;
		}
	
	#nav ul li a {
		float: left; 
		display: block; 
		margin: 0; 
		padding: 0;
		background: #FFB285 url(../images/bg_menu.gif) top repeat-x; 
		text-decoration: none;
		height: 31px;
		}	
	
	#nav ul li a span {	
		float: left; 
		display: block; 
		margin: 0; 
		padding: 5px 18px; 
		background: url(../images/bg_menu_off_corner.gif) top right no-repeat; 
		color: #C60; 
		font-size: 1.2em; 
		font-weight: bold; 
		cursor: pointer;
		}
		
		/* << --------- NAVIGATION HOVER / ON STATE --------- */
		
		#nav ul li a.on, #nav ul li a:hover { 
			background: #FFF; 
			}
			
		#nav ul li a.on span, #nav ul li a:hover span { 
			background: url(../images/bg_menu_on_corner.gif) top right no-repeat; 
			color: #C60; 
			}	
				
	/* << ----------- HEADER --------------- */	
	
	.left {
		float: left;
		width: 205px;
		padding: 0 20px 0;
		}
		
	#header .middle {
		float: left;
		width: 450px;
		padding: 0 20px 0;
		}
		
	#header .right {
		float: left;
		width: 205px;
		padding: 0 18px 0;
		}
	
	#header div {
		text-align: center;
		}		
	
	#header h1 {
		float: left;
		margin: 25px 0 0 8px;
		text-align: left;
		}
		
	#header h1 a {
		color: #C60;
		}	
	
	#header h1 span {
		position: absolute;
		left: -999em;
		}			
	
	/* << ------------- CONTENT ------------ */	
	
	#content a:hover {
		color: #ff7b00;
		text-decoration: none;
		}
	
	#content #calendar {
		float: left;
		width: 317px;
		margin: 0;
		padding: 0 25px 0 0;
		background: url(../images/bg_vert_divider.gif) top right repeat-y; 
		}
		
	#content #events {
		float: right;
		width: 317px;
		margin: 5px 0 0 25px;
		}
		
		#content #events p {
		margin-bottom: .7em;
		}
		
		#content #events h3 {
		margin-top: 1em;
		}
	
	#content .right {
		padding: 5px 25px;
		width: 685px;
		float: right;
		}	
		
	#content #menu ul {
		margin: 0;	
		padding-bottom: 25px;
		display: block;
		}
		
	#content #menu ul ul {
		margin: 0;
		padding: 5px 0;
		}		
		
	#content #menu ul li {
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid #e5e5e5;
		}
		
	#content #menu ul li li {
		border: 0;
		padding: 10px 0 3px;
		}
		
	#content #menu ul li a {
		font-weight: bold;
		font-size: 1.1em;
		margin: 0 10px;
		display: block;
		}
		
	#content #menu ul li li a {
		font-size: 1em;
		margin: 0 5px 0 23px;
		}				
		
	#content #menu ul li a:hover, #content #menu ul li.on a {
		color: #ff7b00;
		text-decoration: none;
		}
			
	#content h2 { 
		padding: 3px 0 5px 38px; 
		background: url(../images/bg_events_icon.gif) left no-repeat; 
		}
		
	#content .right a.more { 
		display: block; 
		margin: 5px 0 0; 
		padding-left: 22px;
		font-size: 11px;  
		font-weight: bold; 
		background: url(../images/arrow.gif) left no-repeat; 
		}
		
	#content .right ul#categoryList li { 
		display: block;
		border-bottom: 1px solid #e5e5e5;
		padding: 12px 0;
		}
		
	#content .right ul#categoryList li a { 
		margin: 0 5px;
		}	
		
	#content .right img.event_img {
		float: right;
		margin: 10px;
		}
		
	#content #login {
		padding: 8px 0 0 8px;
		
		}
		
		#content #login h2 {
			margin: 0 0 .5em;
			padding: 0;
			background: none;
			}
		
		#content #login p {
			margin: 0 0 .7em .1em;
			}		
			
		#content #login input {
			border: 1px solid #999;
			margin: 3px 0;
			padding: 3px; 
			color: #777;
			width: 189px;
			}
			
		#content #login button {
			height: 19px;
			padding: 0 !important; /* ie fix */
			border: 0;
			cursor: pointer;
			color: transparent; /* ff fix */
			overflow: hidden;
			text-indent: -999em;
			}
		
		#content #login button.login {
			margin-top: 6px;
			float: right;
			width: 55px;
			background: transparent url(../images/btn_login.gif) no-repeat;
			}				
		
		#content #login a.my_profile {
			margin: 3px 5px 0 0;
			width: 78px;
			background: transparent url(../images/btn_my_profile.gif) no-repeat;
			float: left;
			text-indent: -999em;
			}	
			
		#content #login button.logout {
			margin-top: 3px;
			width: 65px;
			background: transparent url(../images/btn_logout.gif) no-repeat;
			float: left;
			}										
		
		/* HIDDEN ELEMENTS */
		
		.path, .addthis, iframe {
			display: none;
			}
			
	/* << --------- QUICK LINKS ------------- */	
	
	#quicklinks a:hover {
		color: #ff7b00;
		text-decoration: none;
		}				
		
	#quicklinks img {
		border: 1px solid #ff7b00;
		}		
		
	#quicklinks ul {
		float: left;
		display: block;
		margin-bottom: 15px;
		padding: 0;
		}
		
	#quicklinks ul li {
		float: left;
		width: 222px;
		padding: 0 10px 15px 5px;
		margin: 0;
		}
		
	#quicklinks ul li img {
		float: left;
		width: 74px;
		}
		
	#quicklinks ul li div.quick_desc {
		float: left;
		width: 136px;
		margin-left: 10px;
		}
		
	/* << ------ EVNETS CALENDAR --------- */
	.eventsCalendarNextMonthCell button {
		background: url(../images/btn-bg.gif) 0 0 no-repeat;
		border: 0;
		width: 150px;
		height: 19px;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		vertical-align: text-top;
		cursor: pointer;
		}
		
	.eventsCalendarPreviousMonthButton {
		background: url(../images/btn-bg-prev.gif) 0 0 no-repeat;
		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%;
		}
		
	.eventsCalenderHeaderMonthLabel {
		color: #0c3d07;
		font-size: 1.1em;
		padding: 0 0 .5em;
		}	
		
	.eventsCalendarPreviousMonthCell {
		text-align: center;
		}
		
	.eventsCalendarNextMonthCell {
		text-align: center;
		}
		
	.eventsCalendarPreviousMonthButton {
		width: 150px;
		}
		
	.eventsCalendarNextMonthButton {
		width: 150px;
		}
		
	.eventsCalenderHeaderCell {
		height: 30px;
		}
		
	.eventsCalenderDayCell {
		width: 45px;
		height: 40px;
		border: 1px solid #ccc;
		vertical-align: top;
		}
		
	.eventsCalenderDayNumber {
		text-align: right;
		padding: 3px;
		}
		
	.eventsCalenderDayOutsideMonth	{
		color: #bbb;
		}
		
	.eventsCalenderCurrentDay {
		background-color: #ddd;
		}
		
	.eventsCalenderDayHasEvents {
		height: 40px;
		background: #ffb970;
		margin: 0;
		padding: 0;
		cursor: pointer;
		text-align: center;
		}			
				
	/* << ----------- FOOTER ---------------- */
	
	#footer a { 
		text-decoration: none; 
		}
		
	#footer a:hover {
		text-decoration: underline;
		}	
		
	#footer p#copyright {
		float: left;
		padding: 0 24px;
		margin: 0;
		}	
	
	#footer p#developed {
		float: right;
		padding: 0 24px;
		margin: 0;
		}


	/* << --------- FORMS ------------- */	
	
	
	#addRegistrationButton { float: left; width: 74px; height: 19px; margin: 0; padding: 0; /* ie fix */ border: 0; cursor: pointer; display: block; background: transparent url(../images/btn-submit.gif) no-repeat; margin-left: 115px; text-indent: -999em; border: 0; }
	#cancelButton { float: left; width: 74px; height: 19px; margin: 0; padding: 0; /* ie fix */ border: 0; cursor: pointer; display: block; background: transparent url(../images/btn-cancel.gif) no-repeat; margin-left: 175px; text-indent: -999em; border: 0; }

	ol.form { margin: 0; }
	ol.form li { clear: both; margin: 0 0 .75em; padding: 0px; list-style: none; background: none; }
	ol.form li label { float: left; width: 170px; margin: 3px 5px 0 0; text-align: right; font-weight: bold; }
	ol.form li input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; background: none; color: #777; font-size: 11px; }				
	ol.form li button { width: 55px; height: 19px; background: url(../images/btn_login.gif) no-repeat; margin: 0; padding: 0 !important; /* ie fix */ border: 0; cursor: pointer; /* ff fix */ margin-left: 382px; display: block; text-indent: -999em; }
	ol.form li textarea { width: 250px; height: 100px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; color: #777; }