/* Site Layout Styles
 * Updated:  08 July 2008 @ 2.13pm
 * Author: Matthew Holmes <www.ivt.com.au>
 ---------------------------------------------*/

/* -- reset css [http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/] */
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 { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: inherit; 
	font-family: inherit; 
	vertical-align: baseline;
	list-style: none;
	}
	
	#skiplinks { display: none; }
	
	/*-------------------------------------------------------------------------------------*/
	
	html { overflow:-moz-scrollbars-vertical; }
	body {
		color: #666666;
		font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
	/* -- links */
	a {
		color: #1c3e95;
		}
	a:hover {
		text-decoration: none;
		}
	
	
	/* -- container */
	#container {
		width: 1020px;
		margin: 0 auto;
		}	
	
	/* -- header */
	#header {
		position: relative;
		height: 130px;
		}
		/* logo */
		#header h1 {
			padding: 30px 0 0 40px;
			}
		/* phone */
		#phone {
			position: absolute;
			top: 55px;
			right: 40px;
			color: #1c3e95;
			font-size: 1.1em;
			}
		#phone span {
			font-size: 1.5em;
			font-weight: bold;
			}
			
	/* -- banner */
	#banner {
		position: relative;
		height: 260px;
		background: url(../webimage/bg.gif) no-repeat;
		}
		/* picture */
		#picture {
			width: 669px;
			height: 260px;
			background: #000;
			}
		/* donate */
		#donate {
			position: absolute;
			top: 130px;
			right: 40px;
			width: 260px;
			color: #fff;
			font: italic 2.2em Times, sans-serif;
			}
		#donate a {
			position: absolute;
			top: 50px;
			right: 25px;
			font: italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
	
	/* -- navigation */
	#nav {
		height: 70px;
		padding-left: 20px;
		background: url(../webimage/bg.gif) 0 -260px no-repeat;
		}
	#nav li {
		float: left;
		}
	#nav li a {
		display: block;
		padding: 15px 22px 10px;
		color: #fff;
		font-size: 1.4em;
		text-decoration: none;
		}
	#nav li a:hover {
		color: #f90;
		}
		
	/* -- main body */
	#main_body {
		margin: 0 0 50px;
		background: url(../webimage/bg.gif) 0 -330px no-repeat;
		}
		/* content */
		#content {
			float: left;
			width: 605px;
			padding: 15px 25px 15px 40px;
			}
			/* welcome */
			#welcome {
				background: url(../webimage/bg-content.gif) left bottom no-repeat;
				padding: 0 0 15px;
				font-size: 1.1em;
				}
			#welcome h2 {
				margin: 0 0 8px;
				}
			#welcome p {
				padding: 3px 0;
				}
			#welcome p#blurb {
				color: #f90;
				font-size: 1.4em;
				font-style: italic;
				font-weight: bold;
				}
			/* news */
			#news {
				position: relative;
				padding: 17px 0 0;
				font-size: 1.1em;
				}
			#news h2 {
				margin: 0 0 12px;
				}
			#news li {
				padding: 0 0 5px;
				}
			#news a {
				color: #f90;
				font-weight: bold;
				}
			#news span {
				color: #999;
				font-size: .9em;
				}
			#news #rss {
				position: absolute;
				top: 19px;
				left: 105px;
				}
		/* sidebar */
		#sidebar {
			float: right;
			width: 284px;
			padding: 15px 40px 0 25px;
			font-size: 1.1em;
			}
			#sidebar h2 {
				margin: 0 0 12px;
				}
			#sidebar li {
				padding: 0 0 12px;
				}
			#sidebar li.end {
				padding: 0;
				}
				
	/* -- extra */
	#extra {
		height: 113px;
		padding: 0 30px;
		background: url(../webimage/bg.gif) 0 -1902px no-repeat;
		}
	#extra li {
		position: relative;
		float: left;
		width: 260px;
		padding: 30px 30px 0;
		}
		/* search */
		#extra form {
			position: absolute;
			top: 45px;
			left: 95px;
			}
		#extra form input {
			width: 180px;
			padding: 3px;
			border: 1px solid #bbb;
			border-top: 1px solid #ccc;
			border-left: 1px solid #ccc;
			color: #1c3e95;
			font-style: italic;
			}
		
	/* -- footer */
	#footer {
		padding: 15px 40px;
		font-size: 1.1em;
		}
	#footer span {
		float: right;
		}
	#footer span a {
		color: #666666;
		}
	
	/* -- float fix */
	div#main_body:after, p#footer:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	*html #main_body, *html #footer {
		height: 1%;
		}
	*+html #main_body, *+html #footer {
		height: 1%;
		}
		
		
	/* ----- FORM STYLES ----- */
	form#signup_form, form#signup_form fieldset{ margin:0; padding:0; border:0} form#signup_form legend{ display:none} form#signup_form fieldset fieldset legend{ display:block; margin:0} form#signup_form .required{ font-weight:bold} form#signup_form ol{ margin:0; padding:0; list-style:none} form#signup_form li{ clear:both; margin:0 0 .75em; padding:0} form#signup_form label{ float:left; width:110px; margin-right:5px; text-align:right} form#signup_form label:after{ content:":"} form#signup_form .state{ float:left; margin:0 0 .75em} form#signup_form ul{ margin:0; padding:0; list-style:none} form#signup_form li li{ float:left; width:55%; margin:0; padding:0; clear:none} form#signup_form .receive_email, form#signup_form .security_code_fieldset, form#signup_form .interests{ margin-left:115px} form#signup_form .state label, form#signup_form .receive_email label, form#signup_form .interests label{ display:inline; width:auto; margin:0} form#signup_form .interests li{ width:30%} form#signup_form .state label:after, form#signup_form .receive_email label:after, form#signup_form .interests label:after{ content:""} form#signup_form button{margin-left:115px;border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8 url(../webimage/bg_btn.gif) repeat-x;width:auto;padding:3px;color:#333;font-weight:bold}form#signup_form ul{padding:0;}form#signup_form li{list-style: none;}form#signup_form{padding:10px 0 0;}p.error{color: #ffb60f;font-size:1.3em;}form#signup_form li#nopadding {padding: 0;margin: 0;clear:none;}
	
	.search_form{padding:0 0 15px;} .search_form legend, .search_form label{display:none;} .search_form button{border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8 url(../webimage/bg_btn.gif) repeat-x;width:auto;padding:3px;color:#333;font-weight:bold}
	
	#TB_ajaxContent form,#TB_ajaxContent form fieldset{margin:0;padding:0;border:0}#TB_ajaxContent form{padding:15px 0 0}#TB_ajaxContent form ol{list-style:none;margin:0;padding:0}#TB_ajaxContent form li{clear:both;margin:0 0 .75em;padding:0}#TB_ajaxContent form label{float:left;width:65px;margin-right:5px;padding:4px 0 0;text-align:right;font-size:1.1em}#TB_ajaxContent form label:after{content:":"}#TB_ajaxContent form input{width:170px}#TB_ajaxContent form button{margin-left:70px;border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8 url(../webimage/bg_btn.gif) repeat-x;width:auto;padding:3px;color:#333;font-weight:bold}
			
	
	/* ----- THICKBOX STYLES ----- */
	#TB_overlay{  position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}.TB_overlayMacFFBGHack{background:url(../webimage/macFFBgHack.png) repeat}.TB_overlayBG{ background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75}#TB_window{ position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}#TB_window img#TB_Image{ display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666}#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left}#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right}#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px}#TB_title{ background-color:#e8e8e8; height:27px}#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}#TB_ajaxContent.TB_modal{ padding:15px}#TB_ajaxContent p{ padding:5px 0px 5px 0px}#TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px}#TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%}#TB_iframeContent{ clear:both; border:none; display:block; margin:15px}
