/************************************************\
 ******************** MASTER ********************
\************************************************/

/*	Created: 5 November 2009 & 4.50pm
 *	Author: Matthew Holmes <www.ivt.com.au>
*/

/*	TOC
 *	----------------------------------------------
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. List
 *	6. Forms
 *	7. Base
 *	8. Misc
*/


/*	1. COLORS
 *	----------------------------------------------
 *	orange		=		#fe880f
 *	blue		=		#02246e
 *	grey		=		#666666
*/


/*	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, hr {
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		font-size: 100%;
		font-family: inherit;
		list-style: none;
		}
		
	body {
		line-height: 1;
		}	
		
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
		
	blockquote, q {
		quotes: none;
		}
		
	q:before, q:after, blockquote:before, blockquote:after {
		content: "";
		}
		
	/* remember to define focus styles! */
	:focus {
		outline: 0;
		}
		
	legend,
	label {
		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;
		}
		
	iframe {
		display: none !important;
		line-height: 0 !important;
		margin: 0;
		padding: 0;
		}
		
		
/*	3. LINKS
 *	----------------------------------------------
*/
		
	a:link, a:active, a:visited {
		color: #7ac142;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
		
		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

	h1 {
		margin: 0 0 1em;
		border-bottom: 1px solid #ddd;
		color: #000;
		font-size: 2em;
		font-weight: normal;
		}
		
	h2 {
		color: #666666;
		font-size: 1.4em;
		}

	p {
		margin: 0 0 1em;
		font-size: 1.2em;
		}
		
	ul {
		margin: 0 0 1em;
		}
	
	li {
		font-size: 1.2em;
		}

	
/*	6. FORMS
 *	----------------------------------------------
*/

	form.form {
		width: 300px;
		margin: 0 auto;
		clear: left;
		}
	form.form label {
		display: block;
		margin: 5px 0 0;
		font-size: 1.2em;
		font-weight: bold;
		}
	form.form input {
		width: 290px;
		padding: 5px;
		border: 1px solid #ccc;
		}
	form.form input:focus {
		background: #eee;
		}
	form.form button {
		width: 51px;
		height: 26px;
		margin: 3px 0 0;
		padding: 0;
		border: 0;
		background: url(../images/login_btn.gif) 0 0 no-repeat;
		text-indent: -999em;
		cursor: pointer;
		}
	
		
/*	7. BASE
 *	----------------------------------------------
*/

	body {
		background: #fff url(../images/bg_body.jpg) top center no-repeat;
		color: #666666;
		font: 62.5%/1.6 Helvetica, Arial, sans-serif;
		}
		
		/* ckeditor:
			body
			{
				padding: 20px;
				background: #fff;
				color: #000;
				font-size: 12px;
			}
		*/
		
		#site {
			width: 960px;
			margin: 0 auto;
			}
			
			
			/* --- utils nav */
			#utils-nav {
				height: 30px;
				}
				#utils-nav ul {
					float: right;
					padding: 0 10px 0 0;
					margin: 0;
					}
					#utils-nav ul li {
						float: left;
						background: url(../images/divider1.gif) 0 12px no-repeat;
						}
					#utils-nav ul li:first-child {
						background: none;
						}
						#utils-nav ul li a {
							display: block;
							float: left;
							padding: 6px 10px 5px;
							color: #999;
							font-size: 1em;
							}

						
			
			/* --- header */
			#header {
				position: relative;
				height: 120px;
				}
			
				/* --- logo */
				#logo {
					float: left;
					display: inline;
					width: 313px;
					height: 47px;
					margin: 38px 0 0 20px;
					background: url(../images/logo_vcta.png) 0 0 no-repeat;
					}
				#logo img {
					position: absolute;
					left: -999em;
					}
					
					
				/* --- search */
				#searchForm {
					position: absolute;
					bottom: 37px;
					right: 20px;
					width: 220px;
					}
					#searchForm input {
						width: 190px;
						padding: 5px 5px 5px 25px;
						border: 0;
						background: #fff url(../images/mag_glass.gif) 7px 6px no-repeat;
						color: #666666;
						font-size: 1.1em;
						}
						#searchForm button {
							display: none !important;
							}
					
					
			/* --- primary navigation */
			#primary-navigation {
				height: 35px;
				background: #fff url(../images/bg_nav.gif) 0 0 repeat-x;
				}
				#primary-navigation ul {
					height: 35px;
					margin: 0;
					}
					#primary-navigation li {
						float: left;
						height: 35px;
						background: url(../images/divider2.gif) 100% 0 no-repeat;
						}
					#primary-navigation li:last-child {
						background: none;
						}
						#primary-navigation li a {
							float: left;
							display: block;
							padding: 9px 12px 7px;
							color: #666666;
							font-size: 1em;
							}
						#primary-navigation li a span {
							font-weight: bold;
							}
						#primary-navigation li a.on,
						#primary-navigation li a:hover {
							background: url(../images/bg_nav-over.gif) 0 0 repeat-x;
							color: #fff;
							text-shadow: 1px 1px 1px #666666;
							text-decoration: none;
							}
						#primary-navigation li.my-membership a,
						#primary-navigation li.my-membership a:hover {
							color: #afe684;
							background: none;
							text-shadow: none;
							}

			
			/* --- content */
			#content {
				min-height: 650px;
				height: auto !important;
				height: 650px;
				padding: 20px;
				border-top: 1px solid #ddd;
				background: #fff;
				}
				
				/* login */
				#login {
					width: 400px;
					margin: 0 auto;
					padding: 20px;
					background: url(../images/bg_login.gif) left top repeat-x;
					}
					#login button {
						float: right;
						display: block;
						}
					#login p {
						float: left;
						margin: 5px 0;
						}
					
					/* login error message */
					#login #message {
						text-align: center;
						float: none;
						clear: both;
						padding: 15px 0 0;
						color: #f00;
						}
				
				
				
			/* --- footer */
			#footer {
				padding: 20px 20px 40px;
				border-top: 1px solid #ddd;
				background-color: #fff;
				}
				#footer ul {
					display: block;
					margin: 0;
					}
					#footer ul li {
						float: left;
						background: url(../images/divider1.gif) 0 6px no-repeat;
						}
					#footer ul li:first-child {
						background: none;
						}
						#footer ul li a {
							padding: 0 5px;
							color: #666666;
							font-size: .9em;
							font-weight: bold;
							}
						#footer ul li:first-child a {
							padding: 0 5px 0 0;
							}
							
				#footer .my-membership a {
					color: #ccc;
					}
				
							
				/* copyright */
				#copyright {
					float: left;
					margin: 15px 0 0;
					line-height: 3;
					font-size: 1em;
					}
				#copyright a {
					color: #666666;
					font-weight: bold;
					text-decoration: none;
					}
				#copyright a:hover {
					text-decoration: underline;
					}
					
				/* sponsors */
				#sponsors {
					float: right;
					margin: 15px 0 0;
					line-height: 3;
					}
				#sponsors p {
					margin: 0;
					font-size: 1em;
					}
				#sponsors ul li {
					background: none;
					}	
				
				
				

/*	8. MISC
 *	----------------------------------------------
*/	

	.left {
		float: left;
		}
	.right {
		float: right;
		}
		

	/* -- corner radius */
	.corner-top {
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		}
		
	.corner-bottom {
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		}
		
	.corner-top-left {
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		}
		
	.corner-top-right {
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		}
		
	.corner-bottom-left {
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
		}
		
	.corner-bottom-right {
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
		}