/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:		21 December 2007
AUTHOR:			Wade Womersley

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS]
	=2:		[COMMON]

---------------------------------------------------------*/


/*------=1:	[STANDARDS] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

a {
	text-decoration: underline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-family: Verdana, Helvetica, Arial;
	background: white;
	line-height: 1;
	color: black;
	font-size: 12pt;
}

ol, ul {
	list-style: none;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.sIFR-alternate {
	display: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/*------=2:	[COMMON] -----------------------------*/

body {
	background: #1b1844 url('../images/background.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

body.small {
	background: #1b1844 url('../images/background_small.gif') repeat-x;
}

#container {
	width: 800px;
	margin: 0 auto;
	position: relative;
}

	#header {
		background: url('../images/header.png') bottom no-repeat;
		width: 800px;
		height: 133px;
		position: relative;
	}
	
		#header ul {
			list-style-type: none;
			padding: 85px 0 0 240px;
		}
	
			#header ul li {
				color: #fff;
				float: left;
				padding: 0 8px 0 7px;
				font-size: 16px;
				font-weight: bold;
			}
	
				#header ul li a {
				text-decoration: none;
					color: #fff;
				}
		
				#header ul li a:hover {
					color: #f9d689;
				}
		
				#header ul li.current a {
				text-decoration: none;
					color: #f9b629;
				}
	
	#subheader {
		background: url('../images/subheader.gif') repeat-x;
		width: 800px;
		height: 228px;
		position: relative;
		color: #3d3d3d;
	}
	
	body.small #subheader {
		background: url('../images/subheader_small.gif') repeat-x;
		height: 68px;
		width: 740px;
		font-size: 36px;
		padding: 30px 0 0 60px;
		font-weight: bold;
	}
	
		#subheader h1 {
			font-size: 24px;
			margin: 0 auto;
			width: 500px;
			line-height: 28px;
			font-weight: bold;
			text-align: center;
			padding-top: 30px;	
			color: #CC0033;
			
		}
	
		#subheader h2 {
			font-size: 18px;
			font-weight: bold;
			margin-left: 250px;
			padding-top: 15px;
		}
		
		#subheader #dropdown {
			background: url('../images/dropdown.png') no-repeat;
			width: 327px;
			height: 29px;
			position: relative;
			font-size: 18px;
			padding: 8px 0 0 5px;
			margin: 10px 0 0 250px;
			cursor: pointer;
		}
		
			#subheader #dropdown ul {
				display: none;
				background: #fff;
				border: 1px solid #3d3d3d;
				width: 246px;
				position: absolute;
				list-style-type: none;
				top: 37px;
				left: 0;
			}
		
				#subheader #dropdown ul li {
					padding: 10px;
				}
		
		#subheader #gobutton {
			float: right;
			position: relative;
			top: -8px;
		}
		
		#subheader a {
			text-decoration: underline;
			line-height: 14px;
			font-size: 12px;
			text-align: center;
			width: 250px;
			padding: 10px 0 0 300px;
			display: block;
			color: #3d3d3d;
		}	   
		
		#aboutcontent {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 1420px;
		}
		
		#surveycontent {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 1200px;
		}
		
		#tutorialcontent {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 1800px;
		}
		
		#tutorialcontent ul{
		font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
list-style-type: disc;
padding: 6px;
margin: 2px;			   
}  
	   #helpcontent2 {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 4100px;
		}
		#helpcontent {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 3600px;
		}
		
		#evcontent {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 900px;
		}
	
		#content {
			background: #fff;
			padding: 10px 20px 10px 20px;
			height: 520px;
		}
	
		#content #sidenav {
			width: 180px;
			float: left;
			font-weight: bold;
			font-size: 14px;
		}
		
			#sidenav ul {
				list-style-type: none;
			}
		
			#sidenav ul li {
				list-style-type: none;
				color: #17143a;
				padding: 5px 0 5px 0;
			}
		
			#sidenav ul li ul li {
				padding-left: 20px;
				color: #3d3d3d;
			}
	
		#content #signupbox {
			background: url('../images/signupbox.png') no-repeat;
			width: 256px;
			height: 340px;
			float: left;
		}
		
			#signupbox #inpName {
				margin: 190px 0 0 20px;
				width: 180px;
				height: 23px;
				border: 0;
				font-size: 20px;
			}
		
			#signupbox #inpEmail {
				width: 180px;
				height: 23px;
				border: 0;
				margin: 33px 0 0 20px;
				font-size: 20px;
			}
		
			#signupbox #inpSubmit {
				margin: 20px 0 0 110px;
			}
			
		#content #textbox {
			float: left;
			width: 660px;
			font-size: 16px;
			padding: 0 0 0 30px;
		}
		
		
		
		body.small #content #textbox {
			width: 540px;
		}
			
			#textbox h1 {
				font-size: 24px;
				color: #000066;
				font-weight: bold;
				margin: 20px 0 20px 0;
			}
			
			#textbox h2 {
				font-size: 18px;
				color: black;
				font-weight: bold;
				margin: 20px 0 20px 0;
			}
			
			body.small #textbox h1 {
				font-size: 18px;
				color: #000066;
				font-weight: bold;
				margin: 20px 0 20px 0;
			}
			
			#textbox p {
				margin: 15px 0 15px 0;
				line-height: 22px;
			}
			
			
			#content #textboxindex {
			float: left;
			width: 460px;
			font-size: 16px;
			padding: 0 0 0 30px;
		}
		
		
		
		body.small #content #textboxindex {
			width: 540px;
		}
			
			#textboxindex h1 {
				font-size: 24px;
				color: #000066;
				font-weight: bold;
				margin: 20px 0 20px 0;
			}
			
			#textboxindex h2 {
				font-size: 18px;
				color: black;
				font-weight: bold;
				margin: 20px 0 20px 0;
			}
			
			body.small #textboxindex h1 {
				font-size: 18px;
				color: #000066;
				font-weight: bold;
				margin: 20px 0 20px 0;
			}
			
			#textboxindex p {
				margin: 15px 0 15px 0;
				line-height: 22px;
			}

			
	
	#footer {
		background: url('../images/footer.png') no-repeat;
		padding-top: 30px;
		padding-bottom: 50px;
		color: #fff;
		text-align: center;
		font-size: 10px;
		line-height: 12px;
	}

	#feedback {
		width: 800px;
		height: 300px;
		position: absolute;
		z-index: 100;
		top: -274px;
	}
	
		#feedback #feedback_off {
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#feedback #feedback_on {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
		
		#feedback fieldset {
			position: absolute;
			top: 20px;
			left: 100px;
			width: 500px;
		}
		
			#feedback fieldset label {
				width: 100px;
				font-weight: bold;
				float: left;
				clear: left;
				margin-bottom: 10px;
				font-size: 14px;
				line-height: 18px;
			}
			
			#feedback fieldset input, #feedback fieldset textarea {
				float: left;
				margin-bottom: 10px;
			}
			
			#feedback fieldset #fb_submit {
				clear: left;
				float: right;
				margin: 5px;
			}
			
			#feedback fieldset #fb_cancel {
				clear: left;
				float: right;
				margin: 5px;
			}
			
		#feedback #feedback_toggler {
			background: url('../images/blank.gif');
			width: 150px;
			height: 22px;
			position: absolute;
			bottom: 0;
			right: 0;
			cursor: pointer;
		}