/**
 * Structure Stylesheet HTAV
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 22 May 2007
 */

@import "confreg.css";
 
 body {
 	margin: 5px 0;
 	padding: 0;
 	color: #000;
 	font: small Verdana, Arial, "Times New Roman", sans-serif;
 	text-align: center;
 	}
 	
div.frame {
	margin: 0;
	width: 578px;
}

div.frame iframe {
	width: 100%;
}

 	/* links */
 	a {
 		color: #FC4F15;
 		text-decoration: none;
 		}	
 	a:hover {
 		text-decoration: underline;
 		}
 	a img {
 		border: none;
 		}
 		
 		
 	/* headings */
 	h1, h2, h3, h4, h5, h6 {
 		margin: 0;
 		}
 		
 		
 		h2,
 		h2.mainTitle {
 			margin: 1px;
 			padding: 5px;
 			color: #FFF;
 			font-size: 85%;
 			background-color: #000;
 			text-transform: uppercase;
 			}
 		h2.mainTitle {
 			margin: 1px 1px 0;
 			}
 		
 		h3 {
 			margin: 1px;
 			padding: 5px;
 			color: #FFF;
 			font-size: 85%;
 			background-color: #80686F;
 			text-transform: uppercase;
 			}
 			
 		h4 {
 			margin: 10px 0;
 			font-size: 120%;
 			}
 		h4.search_title {
 			margin: 0 0 4px;
 			font-size: 85%;
 			font-weight: normal;
 			}
 			
 	
 	/* form */
 	form,
 	form p {
 		margin: 0;
 		}
 	form fieldset {
 		margin: 0;
 		padding: 0;
 		border: none;
 		}
 	form fieldset label {
 		float: left;
 		width: 100px;
 		margin: 5px 0;
 		text-align: right;
 		font-size: 11px;
		}
 	form fieldset input,
 	form fieldset textarea,
 	form fieldset select {
 		margin: 2px 5px;
 		}
 	form fieldset input,
 	form fieldset textarea {
 		border: 1px solid #C2B2B5;
 		}
 	form fieldset fieldset {
 		width: 380px;
 		padding: 5px;
 		margin-left: 5px;
 		border: 1px solid #C2B2B5;
 		}
 	form fieldset fieldset input {
 		border: none;
 		}
 	form fieldset fieldset label {
 		display: block;
 		float: left;
 		padding: 2px 0 0;
 		width: 350px;
 		text-align: left;
 		}
 	form input.inputSubmit {
 		margin: 10px 0 0 105px;
 		padding: 5px 2px;
		border: none;
		background-color: #80686F;
		color: #000;
		font-size: 11px;
		text-transform: uppercase;
 		}
 	form br {
 		clear: left;
 		}
 	
 	
 	.formtable label {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		}
	
	/* structure
 	-------------*/
 	#container {
 		width: 986px;
 		margin: 0 auto;
 		padding: 2px;
 		text-align: left;
 		border: 1px solid #C2B2B5;
 		}
 		
 		.clearfix:after {
 			display: block;
 			clear: both;
 			height: 0;
 			content: ".";
 			visibility: hidden;
 			}
 		
 		/* header
 		----------*/
 		#header {
 			height: 150px;
 			background-color: #FC4F15;
 			}
 			
 		#header h1 {
 			float: left;
 			margin: 0;
 			padding: 10px;
 			}
 			
 			/* random image */
 			#randomimage {
 				float: right;
 				width: 530px;
 				height: 150px;
 				}
 			
 			
 		/* main
 		--------*/
 		#main {
 			height: 1%;
 			padding: 2px 0;
 			}	
 			
 		#main .col {
 			float: left;
 			width: 200px;
 			}
 		#main .middle {
 			width: 582px;
 			padding: 0 2px;
 			}
 			
 		#main .inner {
			padding: 1px;
 			font-size: 85%;
 			}
 			
 		#main .longtext {
 			position: relative;
 			padding: 1px;
 			font-size: 85%;
 			height: 250px;
 			}
 		#main .shorttext {
 			position: absolute;
 			bottom: 0;
 			left: 0;
 			width: 559px;
 			padding: 10px;
 			text-align: right;
 			color: #FFF;
 			background-color: #000;
 			-moz-opacity: 0.8;
 			opacity: 0.8;
 			filter: alpha(opacity: 80);
 			}

		
 			
 			/* border styles */
 			#menu,
 			#memberlogin,
 			#memberships,
 			#news,
 			.frame,
 			#search,
 			#contacts {
 				margin: 0 0 2px;
 				border: 1px solid #C2B2B5;
 				}
 			
			#news {
				font-size: 11px;
				}
			#news h3 {
				font-size: 12px;
				}

			.repo_list h3 {
				display: none;
				}
		
			.repo_list {
				padding: 0 15px;
				}
	
			.repo_list ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				}	
			.repo_list li {
				display: block;
				margin: 0;
				padding: 5px 0;
				}
			.repo_list li img {
				vertical-align: middle;
				}


 			#search,
 			#contacts {
 				padding: 2px;
 				}
 				
 			.frame_inner {
 				position: relative;
				padding: 10px;
				word-wrap: break-word;
				}
 				
 			#banner div {
 				margin: 0 0 1px;
 				}
				#banner ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
 				
 			
 			#contacts p {
 				margin: 0 0 5px;
 				}
 			#contacts .site_title,
 			#contacts .site_phone,
 			#contacts .site_fax,
 			#contacts .site_email {
 				color: #F9461C;
 				}
 			
 			/* menu */
 			#menu ul {
 				list-style-type: none;
 				margin: 0 1px;
 				padding: 0;
 				}
 			#menu ul li {
 				display: block;
 				border-bottom: 1px solid #FFF;
 				}
 			#menu ul li a,
			#menu ul li a.login {
 				display: block;
 				padding: 5px;
 				background-color: #FC4F15;
 				color: #FFF;
 				font-size: 85%;
 				text-decoration: none;
 				}
			#menu ul li a.login {
				background-color: #FD855B;
				}
 			#menu ul li a:hover,
			#menu ul li a.on,
 			#menu ul li.navLevel0_on a {
 				background-color: #FFF;
 				color: #000;
 				}
 			
 			#menu ul li li a {
 				display: block;
 				padding: 2px 5px 2px 15px;
 				}
			#menu ul li li li a {
				padding: 2px 5px 2px 25px;
				}
			#menu ul li li.navLevel0_off a {
				background-color: #FFF;
				color: #000;
				}
			
			#menu ul li li a:hover, 
			#menu ul li li li a:hover {
				text-decoration: underline;
				}
				
			#menu ul li.on a.membership, #menu ul li li a, #menu ul li.on a.events {
				display: block;
				background: #fff;
				color: #000;
				}
 				
 			
 			/* login form */
 			#memberlogin label {
 				display: block;
 				}
 			#memberlogin .login_field {
 				width: 100px;
 				border: 1px solid #C2B2B5;
 				}
 			#memberlogin .login_button {
 				width: auto;
 				margin: 4px 0;
 				padding: 5px 2px;
 				border: none;
 				background-color: #C2B2B5;
 				color: #000;
 				font-size: 11px;
 				text-transform: uppercase;
 				}
 				
 			
 			/* search form */
 			.search_field {
 				width: 150px;
 				border: 1px solid #C2B2B5;
 				}
 			.search_button {
 				width: auto;
 				padding: 2px;
 				border: none;
 				background-color: #C2B2B5;
 				color: #000;
 				font-size: 11px;
 				text-transform: uppercase;
 				}
 			
 		/* footer
 		----------*/
 		#footer {
 			padding: 5px 0;
 			color: #F9461C;
 			font-size: 85%;
 			}
 		#footer p {
 			margin: 0;
 			}
 		

		table.members,
		table.text {
			width: 100%;
			border-collapse: collapse;
			border-top: 1px solid #DDD;
			border-left: 1px solid #DDD;
			}
		table.members th,
		table.members td,
		table.text th,
		table.text td {
			padding: 5px;
			border-right: 1px solid #DDD;
			border-bottom: 1px solid #DDD;
			}
		table.members th,
		table.text th {
			background-color: #EEE;
			text-align: left;
			}


		.listing {
			margin: 0 15px;
			padding: 10px 0;
			border-bottom: 1px solid #DDD;
			}

		ul.files_list {
			list-style-type: none;
			margin: 15px 0 0;
			padding: 0;
			}	
		ul.files_list li {
			margin: 0 0 5px;
			padding: 0;
			}
		ul.files_list li img {
			margin-right: 5px;
			vertical-align: middle;
			}


		table.cart_table {
			width: 100%;
			border-collapse: collapse;
			border-top: 1px solid #DDD;
			border-left: 1px solid #DDD;
			}
		table.cart_table th,
		table.cart_table td {
			padding: 5px;
			border-right: 1px solid #DDD;
			border-bottom: 1px solid #DDD;
			}
		table.cart_table th {
			background-color: #EEE;
			}

		.button {
			width: auto;
			}

		.order_details_header {
			padding: 5px;
			border: 1px solid #DDD;
			background-color: #EEE;
			}

		table.products_list_table {
			width: 100%;
			}

		.product_list {
			height: 1%;
			margin: 2px 15px;
			border-bottom: 1px solid #C2B2B5;
			}

		.product_list_options {
			font-size: 85%;
			margin: 5px 0;
			}

		.buy_field {
			display: none;
			}

		.buy_button {
			width: auto;
			padding: 4px;
			border: none;
			background-color: #C2B2B5;
			color: #000;
			font-size: 11px;
			text-align: center;
			text-transform: uppercase;
			}
		.buy_field {
			vertical-align: middle;
			}
		.main_product {
			height: 1%;
			line-height: 1.5em;
			}
		.main_product h4 {
			margin: 0 0 10px;
			font-size: 120%;
			}
		.price {
			float: right;
			font-weight: bold;
			}
		.item_number
			{ 
			float: left;
			}	

		.buy_options {
			margin: 0 0 10px;
			padding: 0 10px;
			background-color: #F5F5F5;
			border: 1px solid #C2B2B5;
			height: 20px;	
			}

		.medium_image {
			float: right;
			margin-left: 8px;
			}

		.fieldset_title {
			display: none;
			}
			
		table.form { border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
		table.form td, table.form th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; text-align: left; font-size: 11px; }
		
		/* EVENTS PLUS */
				
		.registrationForm fieldset { 
			border: 0; 
			}
		.registrationForm .receive_email legend {
			display: none;
			}
		.registrationForm .receive_email {
			padding-left: 0;
			}	
		.registrationForm .receive_email ul {
			margin: 0;
			padding: 0;
			}
		.registrationForm .receive_email li {
			margin: 0;
			padding: 0;
			}	
		.registrationForm .receive_email li input {	
			width: 15px;
			margin: 0 5px 0 0;
			padding: 0;
			}
		.registrationForm .receive_email li label {
			text-align: left;
			width: 100%;
			margin: 0;
			padding: 0;
			font-weight: normal;
			}		
			
		.registrationForm .receive_email ul {
			margin: 0;
			padding: 0;
			}		
		.registrationForm .form label { 
			float: left;
			display: block;
			width: 160px;
			text-align: right;
			margin: 5px 5px;
			font-weight: bold;
			font-size: 12px;	 
			}
		.registrationForm .form {
			float: left;
			width: 100%;
			display: block;
			margin: 0 0 15px;
			padding: 0;
			}			
		.registrationForm .form input,
		.registrationForm .form select,
		.registrationForm .form textarea {
			margin: 4px 4px 4px 0;
			width: 300px;
			font: small "Lucida Grande", Arial, sans-serif;
			font-size: 85%;
			padding: 3px;
			}
		.registrationForm .form .state {
			margin: 0;
			padding: 0;
			width: 300px;
			}	
		.registrationForm .form textarea {
			height: 150px;
			}
		.registrationForm .form select {
			padding: 0;
			width: 308px;
			}	
		.registrationForm .form br {
			clear: left;
			}  
			
		.registrationForm .form li {
			list-style: none;
			}	
		.registrationForm ul {
			margin: 0;
			padding: 0;	
			}
			
		.registrationForm button, #submitBtn, #submitButton, #cancelButton, #paymentButton, #signupButton, .BackToEvent {	  
			position: relative;
			width: auto;
			height: 20px;
			border: 1px;
			border-style: solid;
			background-color: #FC4F15;
			color: #FFF;
			font-size: 11px;
			cursor: pointer;
			}
		#registrationForm button, #addRegistrationButton {
			margin-left: 170px;
			}
		.registrationForm button.CancelButton {
			display: none;
			}
		table.registrations_table td, table.registrations_table th { padding: 5px; }	
		table.registrations_table th { background: #EFEFEF; font-weight: normal; }
		table.registrations_table th.registered_by_th { font-weight: bold; }
		#reserveAdditionalPlaces { height: 11px; }
		
		ul#eventsList, ul#categoryList { margin: 0; padding: 0; }
		ul#eventsList div.left { float: left; width: 100px; margin: 1px 3px; }
		ul#eventsList div.right { float: left; width: 450px; line-height: 1.6; }
		ul#eventsList li, ul#categoryList li { list-style: none; padding: 8px 0 8px; margin: 0; border-bottom: 1px solid #ccc; background: none; width: 100%; }
		ul#eventsList li a, ul#categoryList li a { text-decoration: underline; }
		ul#eventsList li a:hover { text-decoration: none; }
		ul#eventsList div.type { color: #999; }
		ul#eventsList h3 { margin: 0; }
		ul#eventsList img, .eventImage { float: right; margin: 10px 0 10px 10px;  }
		
		table.events_table, table.members_table {
			border-collapse: collapse;
			border-top: 1px solid #DDD;
			border-left: 1px solid #DDD;
			width: 99%;
			margin: 3px
			}
		table.events_table th,
		table.events_table td,
		table.members_table th,
		table.members_table td {
			padding: 5px;
			border-right: 1px solid #DDD;
			border-bottom: 1px solid #DDD;
			}
		table.events_table th
		table.members_table th {
			background-color: #EEE;
			text-align: left;
			font-weight: normal;
			}
		table.members_table th {
			background-color: #EEE;	
			}
		table.members_table {
			margin-bottom: 20px; 
			}	
		p.time, p.register { margin-left: 7px; }
		
		div.cat_desc { margin: 5px; }
		
		#signupButton { margin: 0 2px; }
		
		/* MEMBERSHIP PLUS */
		
		#signupForm { margin: 20px 0; padding: 0; }
		#signupForm span.fieldLabel { width: 164px; display: block; text-align: right; font-weight: bold; font-size: 12px; }
		#signupForm img { margin-left: 170px; }
		#signupForm .input_medium_off, #signupForm .input_medium_on { margin-left: 170px; width: 243px; } 
		#signupForm button#cancelButton { margin-left: 170px; }
		#signupForm button#signupButton { margin-left: 215px;  }
		#signupForm input.checkbox { width: 15px; margin: 0; padding: 0; }
		#signupForm #infoFormFieldLi24 { white-space: nowrap; margin: 5px 0; padding: 0; display: inline-block; }
		#signupForm #infoFormFieldLi24 .checkbox { padding: 0; margin: 0; }
		#signupForm fieldset { border: 0; }	
		#signupForm .receive_email legend { display: none; }
		#signupForm .receive_email { padding-left: 0; }
		#signupForm .receive_email ul { margin: 0; padding: 0; } 
		#signupForm .receive_email li { margin: 0; padding: 0; }
		#signupForm .receive_email li input { width: 15px; margin: 0 5px 0 0; padding: 0; }
		#signupForm .receive_email li label { text-align: left;	width: 100%; margin: 0;	padding: 0; font-weight: normal; }
		#signupForm .receive_email ul { margin: 0; padding: 0; }
		#signupForm .form label { float: left; display: block; width: 160px; text-align: right;	margin: 5px 5px; font-weight: bold;	font-size: 12px; }	 
		#signupForm .form { float: left; width: 100%; display: block; margin: 0 0 15px;	padding: 0; }
		form ol.form fieldset fieldset legend { display: block; margin: 0; }
		form ol.form fieldset { margin: 0; padding: 0; border: 0; }
		form ol.form li { clear: both; margin: 0; padding: 0; background: none; }
		
		/* hidden elements */
		.path { display: none; }