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

/* Created: 2 Dec 2009 & 3 PM
 * Author: Joshua Deidun <www.ivt.com.au>
*/

/*------ IMPORT STYLESHEETS ------*/
	@import "thickbox.css";


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


/*	1. COLORS
 *	----------------------------------------------
 *	green		=		#83AD1B
 *	red			=		#CB042D
 * 	blue		=		#192C71
*/


/*	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, input { 
		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 {
		text-decoration: none;
	   }	 
	
	a:link, a:active, a:visited, a:hover {
		color: #4F6DD8;
		outline: none;
		}
		
	a:visited {
		color: #E60532;
		}	
		
	a:hover {
		text-decoration: underline;
		color: #83AD1B;
		}			

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


	h1, h2, h3, h4, h5, h6 {
		color: #CB042D;
		}
		
	h1 {
		font-size: 3.5em;
		line-height: 1;
		}
		
	h2 {
		font-size: 1.9em;
		margin: 0 0 .5em;
		}
		
	h3 {
		font-size: 1em;
		color: #fff;
		padding: 8px 0 10px;
		}			
		
	label {
		font-size: 1.1em;
		}
		
	p { 
		margin: 0 0 .8em; 
		}							
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	
	
	body {
		margin: 0;
		font: 62.5%/1.5 Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		color: #0F1A43;
		background: #e2e8f8 url(../images/bg-body.gif) repeat;
		}
		
	/*----------------------------------------*/
	/*-------------- CONTAINER ---------------*/
	/*----------------------------------------*/
		#container { 
			width: 980px; 
			margin: 28px auto;
			background: #fff url(../images/bg-container.gif) 0 0 repeat-y; 
			}

		/*-------------------------------------*/
		/*-------------- HEADER ---------------*/
		/*-------------------------------------*/
			#header { 
				height: 206px;
				text-align: center;
				margin: 0 5px 0 4px;
				
				}
		
			/* --- logo */
			#header h1 a {
				padding: 15px 0; 
				color: #192C71; 
				display: block;
				width: 100%;
				}
			
			/* --- navigation */
			#header ul#nav { 
				width: 970px; 
				height: 28px; 
				padding: 0; 
				background: url(../images/bg-nav.gif) repeat-x;
				}
				
			#header ul#nav li { 
				float: left; 
				height: 28px;
					
				}
				
			#header ul#nav li a { 
				float: left; 
				display: block; 
				height: 20px; 
				cursor: pointer; 
				color: #fff; 
				font-size: 1.3em; 
				font-weight: bold; 
				padding: 4px 17px; 
				}
				
			#header ul#nav li a:hover, #header ul#nav li a.home {
				background: url(../images/bg-nav-hover.gif) repeat-x; 
				text-decoration: none; 
				cursor: pointer;
				}
				
			#header ul#nav li a.home { 
				padding: 4px 17px 4px 20px;
				}	
			
			#header ul#nav li.login a { 
				padding: 5px 0 0 45px;
				background: url(../images/lock_open.gif) 25px 5px no-repeat;
				}
				
			#header ul#nav li.search { 
				float: right; 
				font-size: 12px; 
				}
				
				#header ul#nav li.search form {
					width: 181px;
					margin: 1px;
					background: url(../images/search.gif) 0 4px no-repeat;
					}
				
				#header ul#nav li.search form input {
					width: 140px;
					padding: 4px 5px 3px; 
					border: 2px solid #444; 
					background: #fff;
					float: right;
					line-height: 1;
					}	
		
		/*--------------------------------------*/
		/*-------------- CONTENT ---------------*/
		/*--------------------------------------*/
		#content { 
			font-size: 1.2em; 
			float: left;
			width: 970px; 
			margin: 0 5px 0 3px;
			padding: 0;
			}
			
			#content div.left { 
				float: left; 
				width: 710px; 
				margin: 25px 0 25px 25px;
				display: inline;
				}
			
				#content .left div#intro {
					float: left;
					width: 700px;
					margin: 0;
					padding: 0;
					
					position: relative;
					padding-bottom: 1em;
					border-bottom: 1px solid #CB042D;
					}
									
				#content .left a.more {
					position: absolute;
					bottom: 0;
					right: 0;
					display: block;
					width: 33px;
					height: 17px;
					color: #fff;
					background: url(../images/more-btn.gif) no-repeat;
					text-align: center;
					text-decoration: none;
					}
					
				#content .left div#links a {
					margin: 10px 5px 10px 0;
					display: block;
					float: left;
					}
				
				/* --- columns */ 
				#content .left div#services div.col { 
					position: relative; 
					float: left; 
					width: 213px; 
					padding: 0; 
					margin: 0 18px 25px 0; 
					border-bottom: 1px solid #CB042D; 
					padding-bottom: 1em; 
				
					}	
					
				#content .left div#services {
					float: left;
					width: 700px;
					}
					
				#content .left div#services h3 {
					background: url(../images/bg-h3-services.gif) no-repeat;
					width: 213px;
					text-align: center;
					}
					
				#content .left div#services img {
					margin: 0 20px 5px;
					}
					
				#content .left div#services div.service_desc {
					padding: 0 5px;
					}							
			
			#content .right { 
				float: right; 
				width: 200px;
				padding: 10px;
				}
				
				#content .right a {
					text-decoration: underline;
					}
				
				#content .right h3 { 
					background: url(../images/bg-h3-right.gif) no-repeat;
					width: 160px;
					padding-left: 40px;
					}
				
				#content .right div { 
					padding: 7px 10px;
					}
				
				#content .right div#news ul li { 
					padding: 4px 0 0 20px;
					background: url(../images/bullets.png) 0px 5px no-repeat;
					}
				
				#content .right div#news ul li strong a {
					text-decoration: none;
					}
				
				#content .right div#involved ul li {
					margin: 6px 0;
					float: left;
					display: block;
					}
				
				#content .right div#involved ul li#signup {
					padding: 6px 0 0 31px;
					background: url(../images/signup.gif) 1px 0 no-repeat;				
					}
					
				#content .right div#involved ul li#donate a {
					padding: 7px 0 10px 31px;
					background: url(../images/check.gif) 2px 2px no-repeat;
					}					
				
				
			
			
			
			/* hidden elements */
			iframe { 
				display: none; 
				}
		
		/*-------------------------------------*/
		/*-------------- FOOTER ---------------*/
		/*-------------------------------------*/
		#footer { position: relative; margin: 0; padding: 40px 5px 0 4px; background: url(../images/bg-container.gif) 0 -1906px no-repeat; font-size: 1.1em; width: 971px; height: 53px; float: left; text-align: center; }
		
		#footer a#member { position: absolute; top: 8px; left: 365px; }
		#footer a { color: #960320; }
		#footer a:hover { color: #E60532; }
		#footer a:visited { color: #960320; }
		#footer p { margin: 0 0 .3em; }