/**
 * Screen Stylesheet
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 10 Dec 2007
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	background: #969393 url(../webimages/bg-body.gif) bottom fixed repeat-x;
 	color: #666666;
 	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
 	}
 
 
 /* links */
 a {
 	color: #f60;
 	}
 a:hover {
 	text-decoration: none;
 	}
 a:focus {
 	outline: none;
 	}
 a img {
 	border: 0;
 	}
 
 
 /* headings */
 h1, h2, h3, h4, h5, h6 {
 	margin: 0;
 	}
 	
 h3 strong {
 	display: none !important;
 	}
 	
 	
 	/* structure
 	---------------------------*/
 	.wrapper {
 		width: 942px;
 		margin: 0 auto;
 		}
 	.container {
 		width: 968px;
 		margin: 0 auto;
 		background: url(../webimages/bg-container.png) repeat-y;
 		z-index: 98;
 		position: relative;
 		top: -9px;
 		}

 		.clearfix:after {
 			clear: both;
 			display: block;
 			height: 0;
 			content: ".";
 			visibility: hidden;
 			}
 			
 			
 			/* header
 			---------------------------*/
 			#header {
 				height: 171px;
 				background: url(../webimages/bg-header.png) repeat-x;
 				position: relative;
 				z-index: 99;
 				}
 			#header .wrapper {
 				position: relative;
 				width: 902px;
 				height: 162px;
 				padding: 0 20px;
 				}
 				
 				
 				/* logo */
 				#header h1 {
 					padding: 26px 0 0;
 					}
 				
 				
 				/* sub nav */
 				ul#subnav {
 					position: absolute;
 					top: 40px;
 					right: 20px;
 					list-style: none;
 					margin: 0;
 					padding: 0;
 					}
 				#subnav li {
 					float: left;
 					display: block;
 					padding: 0 10px 0 9px;
 					background: url(../webimages/bg-subnav-divider.gif) right 3px no-repeat;
 					}
 				#subnav li.end {
 					padding: 0 0 0 9px;
 					background: none;
 					}
 				#subnav li a {
 					display: block;
 					margin: 0;
 					padding: 0;
 					color: #666666;
 					font-size: 1.1em;
 					}
 					
 					
 				/* search form */
 				form#search {
 					position: absolute;
 					top: 67px;
 					right: 20px;
 					margin: 0;
 					}
 				form#search p {
 					margin: 0;
 					}
 				form#search label {
 					display: block;
 					float: left;
 					width: 47px;
 					height: 14px;
 					margin: 4px 0 0;
 					background: url(../webimages/label-search.gif) no-repeat;
 					text-indent: -999em;
 					}
 				form#search input {
 					float: left;
 					margin: 0 5px;
 					}
 				form#search button {
 					float: left;
 					width: 33px;
 					height: 21px;
 					border: 0;
 					background: url(../webimages/btn-search.gif) no-repeat;
 					text-indent: -999em;
 					cursor: pointer;
 					}
 					
 				
 				/* main nav */
 				ul#nav {
 					position: absolute;
 					bottom: 0;
 					left: 0;
 					list-style: none;
 					margin: 0;
 					padding: 0;
 					}
 				#nav li {
 					float: left;
 					display: block;
 					background: url(../webimages/bg-nav-divider.gif) right 7px no-repeat;
 					}
 				#nav li a {
 					display: block;
 					margin: 0;
 					padding: 10px 15px;
 					color: #666666;
 					font-size: 1.3em;
 					text-decoration: none;
 					}
 				#nav li a:hover {
 					color: #333;
 					}
 				#nav li a.on {
 					background: none;
 					color: #333;
 					text-decoration: underline;
 					font-weight: bold;
 					}
 				#nav li.end {
 					background: none;
 					}
 					
 				#nav ul {
 					display: none;
 					}
 				
 				
 			#banner {
 				width: 942px;
 				height: 150px;
 				margin: 0 auto;
 				background: #bbb;
 				z-index: 50;
 				}

 			#grid {
 				position: absolute;
 				top: 0;
 				left: 14px;
 				width: 942px;
 				height: 150px;
 				background: url(../webimages/bg-random-pic-grid.gif) no-repeat;
 				z-index: 51;
 				}
 				
 				
 				#random_1, #random_2, #random_3 {
 					position: relative;
 					float: left;
 					width: 314px;
 					}
 				#random_des_1, #random_des_2, #random_des_3 {
 					position: absolute;
 					bottom: 0;
 					left: 0;
 					width: 294px;
 					padding: 10px;
 					font-size: 0.9em;
 					line-height: 1.6;
 					background: #000;
 					-moz-opacity: 0.6;
 					opacity: 0.6;
 					filter: alpha(opacity=60);
 					color: #fff;
 					z-index: 60;
 					}
 				
 				
 			/* content
 			---------------------------*/	
 			#content {
 				width: 942px;
 				height: 1%;
 				margin: 20px auto 10px;
 				background: #fff url(../webimages/bg-content.gif) repeat-y;
 				}
 			#content .col {
 				float: left;
 				width: 274px;
 				padding: 10px 20px 0;
 				font-size: 1.1em;
 				line-height: 1.6;
 				}
 				
 				
 				/* column headings */
 				#content .col h3 {
 					margin: 0 0 10px;
 					}

 				
 				
 				/* buttons */
 				ul#buttons {
 					list-style: none;
 					margin: 0;
 					padding: 15px 0 0;
 					}
 				#buttons li {
 					padding: 0;
 					}
 					
 				
 				/* more buttons */
 				p.more {
 					height: 1%;
 					margin: 0;
 					}
 				p.more a {
 					float: right;
 					}
 				p.divider {
 					padding: 0 0 10px;
 					margin: 0 0 20px;
 					border-bottom: 1px solid #bbb9b9;
 					}
 					
 			#bottom {
 				position: relative;
 				top: -9px;
 				width: 968px;
 				height: 23px;
 				margin: 0 auto;
 				background: url(../webimages/bg-bottom.png) no-repeat;
 				}
 				
 				
 				/* upcoming events and news */
 				.events-list, .news-list {
 					padding: 0 0 10px;
 					}
 				.events-list a, .news-list a {
 					color: #369;
 					}
 				.events-list-date, .news-list-date {
 					display: block;
 					padding: 5px 0 2px 20px;
 					font-size: .9em;
 					background: url(../webimages/events-icon.gif) 2px 4px no-repeat;
 					}
 					
 					
 				/* account */
 				#account-container {
 					background: #eee;
 					border-bottom: 4px solid #969393;
 					}
 				#account-inner {
					position: relative;
					width: 942px;
					margin: 0 auto;
					padding: 15px 0;
					}
				#account-close {
					position: absolute;
					top: 17px;
					right: 0;
					}
				#account-inner h3 {
					margin: 5px 0 15px;
					padding: 0 0 5px;
					border-bottom: 1px solid #bcbcbc;
					color: #333;
					font-size: 1.4em;
					line-height: 1.6;
					}
				#account-inner form,
				#account-inner fieldset {
					margin: 0;
					padding: 0;
					border: 0;
					}
				#account-inner form ol {
					list-style: none;
					margin: 0;
					padding: 0;
					}
				#account-inner form li {
					clear: both;
					margin: 0 0 .75em;
					padding: 0;
					}
				#account-inner form label {
					float: left;
					display: block;
					width: 100px;
					margin: 3px 5px 0 0;
					text-align: right;
					}	
				#account-inner form label:after {
					content: ":";
					}
				#account-inner form input {
					width: 150px;
					}	
				#account-inner form button {
					width: 39px;
					height: 17px;
					float: left;
					margin: 0 5px 0 105px;
					border: 0;
					background: url(../webimages/btn-login.gif) no-repeat;
					text-indent: -999em;
					}
				#account-inner form p {
					text-indent: 0;
					margin-top: 0;
					}	
					
				#account-inner ul#account-nav {
					list-style: none;
					margin: 0;
					padding: 0;
					}
				#account-inner #account-nav li {
					float: left;
					display: block;
					margin: 0 40px 0 0;
					}	
				#account-inner #account-nav li a {
					display: block;
					text-align: center;
					text-decoration: none;
					font-size: 1.1em;
					}
 				
 				
 			/* footer
 			---------------------------*/
 			#footer {
 				position: relative;
 				top: -9px;
 				width: 942px;
 				height: 1%;
 				margin: 0 auto;
 				color: #fff;
 				font-size: 1.1em;
 				}
 			#footer p {
 				margin: 0;
 				}
 			#footer a {
 				color: #fff;
 				}
 			#footer #left {
 				float: left;
 				padding: 5px 20px;
 				}
 			#footer #right {
 				float: right;
 				padding: 5px 20px;
 				}
 				
 				
 			/* thickbox styles do not remove or modify 
 			---------------------------------------------------------------*/
 			#TB_overlay {
 				position: fixed;
 				top: 0;
 				left: 0;
 				width: 100%;
 				height: 100%;
 				z-index: 100;
 				}
 				
 				/* overlay hack for mac */
 				.TB_overlayMacFFBGHack {
 					background: url(../webimages/machack.png) repeat;
 					}
 					
 				.TB_overlayBG {
 					background: #000;
 					filter: alpha(opacity=75);
 					-moz-opacity: 0.75;
 					opacity: 0.75;
 					}
 					
 				/* ie6 hack for overlay to work */
 				* html #TB_overlay {
 					position: absolute;
 					height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 					}
 					
 				#TB_window {
 					position: fixed;
 					top: 50%;
 					left: 50%;
 					display: none;
 					border: 5px solid #999;
 					background: #fff;
 					text-align: left;
 					z-index: 102;
 					}
 					
 				/* ie6 hack for window to work */
 				* html #TB_window {
 					position: absolute;
 					margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 					}
 					
 				#TB_caption {
 					display: none !important;
 					}
 					
 				#TB_title {
 					height: 30px;
 					background: #e8e8e8;
 					}
 					
 				#TB_ajaxWindowTitle {
 					float: left;
 					padding: 9px;
 					font-weight: bold;
 					}
 				#TB_closeAjaxWindow {
 					float: right;
 					padding: 7px 7px 5px 0;
 					text-align: right;
 					}
 					
 				#TB_ajaxContent {
 					clear: both;
 					margin: 0;
 					padding: 15px;
 					text-align: left;
 					overflow: auto;
 					}
 					
 				/* loading position */
 				#TB_load {
 					display: none;
 					position: fixed;
 					top: 50%;
 					left: 50%;
 					width: 208px;
 					height: 13px;
 					margin: -6px 0 0 -104px;
 					z-index: 103;
 					}
 				
 				/* ie6 hack for load to work */
 				* html #TB_load {
 					position: absolute;
 					margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 					}