/************************************************\
 ******************** 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: #3f8304;
		text-decoration: none;
	}
	a:hover 
	{
		text-decoration: underline;
	}
		
		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

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

	p 
	{
		margin: 0 0 1em;
		font-size: 1.2em;
	}
		
		
/*	5. LIST
 *	----------------------------------------------
*/
		
	ul 
	{
		margin: 0 0 1em;
	}
	
	li 
	{
		font-size: 1.2em;
	}

		
		
/*	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;
	}
		
		
		#site 
		{
			width: 960px;
			margin: 0 auto;
		}
			
			
			/* --- utils nav */
			#utilsNav 
			{
				height: 30px;
			}
			#utilsNav ul 
			{
				float: right;
				padding: 0 10px 0 0;
				margin: 0;
			}
			#utilsNav ul li 
			{
				float: left;
				background: url(../images/divider1.gif) 0 12px no-repeat;
			}
			#utilsNav ul li:first-child 
			{
				background: none;
			}
			#utilsNav 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 */
			#primaryNavigation 
			{
				position: relative;
				z-index: 99;
				height: 35px;
				background: #fff url(../images/bg_nav.gif) 0 0 repeat-x;
			}
			#primaryNavigation ul 
			{
				height: 35px;
				margin: 0;
			}
			#primaryNavigation li 
			{
				float: left;
				display: block;
				height: 35px;
				background: url(../images/divider2.gif) 100% 0 no-repeat;
			}
			#primaryNavigation li:last-child 
			{
				background: none;
			}
			#primaryNavigation li a 
			{
				display: block;
				padding: 9px 12px 7px;
				color: #666666;
				font-size: 1em;
			}
			#primaryNavigation li a span 
			{
				font-weight: bold;
			}
			#primaryNavigation li li a span 
			{
				font-weight: normal;
			}
			#primaryNavigation li a.on,
			#primaryNavigation li:hover a,
			#primaryNavigation 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;
			}
			#primaryNavigation li.myMembership a,
			#primaryNavigation li.myMembership a:hover 
			{
				color: #afe684;
				background: none;
				text-shadow: none;
			}			
			#primaryNavigation li ul 
			{
				position: absolute;
				z-index: 99;
				left: -999em;
				width: 153px;
				height: auto;
				background: #bee1a3;
			}	
			#primaryNavigation li li 
			{
				float: none;
				height: auto;
				background: none;
				font-size: 100%;
			}
			#primaryNavigation li:hover li a 
			{
				display: block;
				width: 116px;
				padding: 5px 12px 4px;
				color: #666666;
				font-size: 1em;
				background: none;
				text-shadow: none;
			}
			#primaryNavigation li li a:hover 
			{
				padding: 5px 12px 4px 25px;
				background: #7ac142 url(../images/dropdown-bullet-point.gif) 13px 10px no-repeat;
				text-shadow: none;
				color: #fff;
			}
			#primaryNavigation li:hover ul 
			{
				left: auto;
			}
			#primaryNavigation li li ul 
			{
				display: none !important;
			}
						

			/* --- banner */
			#body
			{
				position: relative;
			}
			#banner 
			{
				overflow: hidden;
				height: 170px;
				border-top: 1px solid #ddd;
				background-color: #d7e5cb;
			}
			#corner
			{
				position: absolute;
				top: 151px;
				left: 0;
				width: 20px;
				height: 20px;
				z-index: 98;
				background: url(../images/corner.png) 0 0 no-repeat;
			}
			
			
			/* --- content */
			#content 
			{
				min-height: 650px;
				height: auto !important;
				height: 650px;
				margin: 0 0 20px;
				background: #fff url(../images/divider3.gif) 319px 0 repeat-y;
			}
				
				/* column 1 */
				#content .col1 
				{
					float: left;
					width: 320px;
				}
					
					#content .col1 ul 
					{
						padding: 0 0 0 22px;
					}
					#content .col1 ul li 
					{
						list-style: disc;
					}
					
					/* advertising */
					#content .col1 #advertising 
					{
						padding: 0 20px 20px;
						background-color: #d7e5cb;
					}
					#content .col1 #advertising ul 
					{
						margin: 0;
						padding: 0;
					}
					#content .col1 #advertising li 
					{
						list-style: none;
						padding: 20px 0 0;
						margin: 0;
						line-height: 0;
					}
					
					/* welcome */
					#content .col1 #welcome 
					{
						padding: 20px;
					}
						
					
				/* column 2 */
				#content .col2 
				{
					float: left;
					width: 370px;
					padding: 20px;
				}
					
					#content .col2 h1 
					{
						border-bottom: 1px solid #ddd;
					}
						
						/* register, spotlight, news */
						#content .col2 #register,
						#content .col2 #spotlight,
						#content .col2 #news 
						{
							position: relative;
							width: 100%;
						}
						#content .col2 #register ul,
						#content .col2 #spotlight ul,
						#content .col2 #news ul 
						{
							margin: 0 0 3em;
						}	
						#content .col2 #register ul li,
						#content .col2 #spotlight ul li,
						#content .col2 #news ul li 
						{
							margin: 0 0 1em;
						}	
						#content .col2 #register ul li 
						{
							padding: 0 0 0 25px;
							background: url(../images/register_icon.gif) 0 5px no-repeat;
						}	
						#content .col2 #register a,
						#content .col2 #spotlight a,
						#content .col2 #news a 
						{
							font-weight: bold;
						}
							
						#content .col2 .small 
						{
							font-size: .8em;
						}
							
						/* options */
						#content .col2 .options 
						{
							position: absolute;
							top: 9px;
							right: 0;
						}
						#content .col2 .options .more 
						{
							position: relative;
							left: 7px;
						}
						
					
				/* column 3 */
				#content .col3 
				{
					float: right;
					width: 227px;
				}
					
					/* login panel */
					#member-login 
					{
						margin: 0 0 2em;
						background: #f1f0f0;
					}
					#member-login h2 
					{
						padding: 9px 0 7px 20px;
						background: url(../images/bg_member-login.gif) 0 0 no-repeat;
					}
					#member-login form 
					{
						padding: 17px 17px 5px;
					}
					#member-login form label 
					{
						display: block;
						font-size: 1.2em;
					}
					#member-login form input 
					{
						width: 144px;
						padding: 5px;
						border: 1px solid #ddd;
						color: #666666;
						font-size: 1.1em;
					}
					#member-login form button 
					{
						float: right;
						display: block;
						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;
					}
					#member-login p 
					{
						padding: 0 17px 10px;
					}
					#member-login p a 
					{
						color: #ec7121;
						font-size: 11px;
					}
					#member-login.loggedin p 
					{
						margin: 0;
						padding: 10px 17px;
						text-align: left;
					}
					#member-login.loggedin ul 
					{
						margin: 0;
						padding: 0 0 0 17px;
					}
					#member-login.loggedin ul li a 
					{
						display: block;
						width: 130px;
						padding: 0 0 0 15px;
						background: url(../images/bullet-point.gif) 3px 6px no-repeat;
						font-weight: bold;
					}
						
					/* side panel */
					#content .col3 #sidePanel 
					{
						padding: 20px 18px;
						border: 1px solid #ddd;
						border-top: none;
						border-right: none;
					}
					#content .col3 #sidePanel p#compak 
					{
						margin: 0 0 1.8em;
						line-height: 0;
					}
					#content .col3 #sidePanel p#member,
					#content .col3 #sidePanel p#renew,
					#content .col3 #sidePanel p#manage 
					{
						margin: 0 0 .5em;
						line-height: 0;
					}
					#content .col3 #sidePanel p#member 
					{
						margin: 0;
					}
					#content .col3 #promotion 
					{
						padding: 20px;
					}
				
				
			/* --- 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 .myMembership a 
			{
				color: #ccc;
			}
						
				/* copyright */
				#copyright 
				{
					float: left;
					margin: 25px 0 0;
					font-size: 1em;
				}
				#copyright a 
				{
					color: #3f8304;
					font-weight: bold;
					text-decoration: none;
				}
				#copyright a:hover 
				{
					text-decoration: underline;
				}
					
				/* sponsors */
				#sponsors 
				{
					float: right;
					margin: 25px 0 0;
				}
				#sponsors p 
				{
					margin: 0;
					font-size: 1em;
				}
				#sponsors ul li 
				{
					background: none;
				}
				
				
				

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

	/* -- 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,	
	#primaryNavigation li li:last-child a:hover
	{
		-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;
	}
		
	/* ----- CKEDITOR -- Do not remove */
	/* ckeditor:
		body
		{
			padding: 20px;
			background: #fff;
			color: #666666;
			font-size: 12px;
		}
	*/
	
	/*
	   ckeditor:
		a:link, a:active, a:visited
		{
			color: #7ac142;
		}
	*/