/* 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]
	=3:		[SPLASH]
	=4:		[TUTORING]
	=5:		[VOCATIONAL]

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


/*------=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: none;
}

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

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

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] -----------------------------*/

.floatLeft {
	float: left;	
}

.floatRight {
	float: right;	
}

.clearLeft {
	clear: left;	
}

.clearRight {
	clear: right;	
}

.clearBoth {
	clear: both;	
}

.sIFR-alternate {
	display: none;
}

#loginholder {
	display: none; 
	width: 400px; 
	height: 200px; 
	border: 3px double #ddd; 
	color: #000; 
	text-align: center;
	padding: 10px; 
	background: #fff	
}

#logininfo {
	float: right;
	width: 250px;
	text-align: right;
}

body.green {
	background: url('../images/back_green.jpg') #009091 top center repeat-x;
}

body.green.faded {
	background: url('../images/back_green_faded.jpg') #009091 top center repeat-x;
}

body.grey {
	background: url('../images/back_grey.jpg') #929292 top center repeat-x;
}

body.grey.faded {
	background: url('../images/back_grey_faded.jpg') #929292 top center repeat-x;
}

#footer {
	clear: both;
	width: 928px;
	padding-top: 20px;
	color: #fff;
}

/*------=3:	[SPLASH] -----------------------------*/

#splashPod {
	width: 538px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

#splashLogo {
	margin: 10px auto;
	display: block;
}

.splashSection {
	display: inline;
	float: left;
	margin-bottom: 10px;
}

/*------=4:	[TUTORING] -----------------------------*/

#container {
	width: 958px;
	margin: 0 auto;
}

#topLogo {
	float: left;
	padding-left: 5px;
}

#topright {
	width: 722px;
	height: 110px;
	float: left;	
	color: #fff;
	font-size: 14px;
}

	#topright .box {
		float: right;
		width: 300px;
		text-align: right;
		line-height: 22px;
		letter-spacing: -1px;
		padding-top: 10px;
		font-family: Arial, Helvetica, sans-serif
		font-size: 14px;
	}

	#topright .box fieldset {
		margin-top: 5px;
	}

	#topright .box a {
		color: #fff;
	}

#topnavholder {
	clear: both;
	margin: 5px 0 20px 0;
	width: 958px;
	height: 65px;
	position: relative;
}

#topnavholder img {
	position: absolute;
}


#topnav {
	clear: both;
	width: 958px;
	height: 65px;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}

	#topnav li {
		display: block;
		float: left;
		font-size: 16px;
		height: 20px;
		margin-top: 20px;
		padding: 0 3px 0 8px;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	#topnav li.first {
		padding-left: 16px;
	}

	#topnav li.separator {
		background: url('../images/topnav_separator.gif') center no-repeat;
		width: 9px;
	}

	#topnav li.focus {
		background: url('../images/topnav_item_on.png') no-repeat;
		background-position: 5px 0;
	}
	
		#topnav li a {
			color: #fde7b7;
		}
	
		#topnav li a:hover {
			color: #fff;
		}
	
		#topnav li ul {
			background: #0ca4a3;
			position: absolute;
			top: 42px;
			left: 10px;
			border: 2px solid #8d2a3b;
			padding: 5px 0 5px 0;
			z-index: 500;
		}
		
			#topnav li ul li {
				background: url(none);
				font-size: 12px;
				float: none;
				display: block;
				text-align: left;
				padding: 10px 15px 10px 15px;
				margin: 0;
				width: 150px;
			}
			
			#topnav li ul li.focus {
				background: #018e8f;
			}
	
			#topnav li ul li a {
				color: #fff;
			}
		
			#topnav li ul li a:hover {
				color: #fde7b7;
			}

	.largewhite {
		background: #fff;
		width: 952px;
		left: 4px;
	}

	.largewhitebottom {
		margin: 0 auto;
		position: relative;
		top: -2px;
	}
	
	.picturegirl {
		background: url('../images/picture_girl.jpg');
		width: 440px;
		height: 252px;
		float: left;
		margin: 7px;
	}
	
	.greenbox {
		background: url('../images/greenbox.png');
		padding: 20px;
		width: 442px;
		height: 212px;
		float: left;
		margin: 7px;
		font-size: 13px;
		line-height: 20px;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.greenbox .title {
		font-size: 22px;
		color: #fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 5px 0 15px 115px;
	}
	
	.greenbox .content {
		width: auto;
		height: 150px;
	}
	
	.greenbox .tutorlogin {
		color: #ffebbb;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
	}
	
	.greenbox .tutorlogin a {
		color: #9ce6e7;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	
	.pod.small {
		background: #f0f0f0;
		margin: 5px 0px 0 10px;
		line-height: 18px;
		font-size: 14px;
		float: left;
		position: relative;
	}
	
	.pod a {
		color: #a22a3c;
		text-decoration: underline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.pod.large {
		background: #f0f0f0;
		width: 936px;
		margin: 0 auto;
		line-height: 18px;
		font-size: 14px;
		position: relative;
	}
	
		.pod .podContent {
			padding: 0 5px 0 5px;
		}
	
			.pod .podContent .pt13 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 13px;
				color: #4c4c4c;
			}
		
			.pod .podContent #contactList {
				list-style-type: disc;
				padding-left: 20px;
			}
		
			.pod .podContent #contactList li {
				width: 180px;
				float: left;
				padding: 4px;
				font-family:Arial, Helvetica, sans-serif;
			}
		
				.pod .podContent #contactList li a {
					color: #a22a3c;
					text-decoration: none;
				}
		
				.pod .podContent #contactList li a:hover {
					text-decoration: underline;
				}
		
		.pod .podLink {
			color: #a22a3c;
			text-decoration: underline;
		}
		
		.pod .podDate {
			font-weight: bold;
			color: #009091;
		}
	
		.pod .podHeader {
			background: url('../images/pod_image.png') no-repeat #fff;
			width: 100%; 
			height: 28px;
			font-size: 24px;
			line-height: 24px;
			padding-top: 12px;
			position: relative;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #a22a3c;
		}
		
		.pod .podHeader a {
			color: #a22a3c;
		}
		
			.pod .podHeader .rising {
				float: right; 
				padding-right: 76px;
				height: 28px;
				position: relative;
				top: -12px;
				line-height: 46px;
				background: url('../images/pod_image.png') no-repeat #fff;
			}
		
		.pod .podSchoolsOut {
			font-size: 24px; 
			font-family:"Times New Roman", Times, serif;
			font-style: italic;
			font-weight: bold;
			line-height: 28px; 
			margin-top: 10px;
			color: #006667; 
		}
	
		.pod .podTop {
			background: url('../images/pod_topleft.png') no-repeat;
			width: 100%; 
			height: 11px;
		}
		
			.pod .podTop .podTopRight {
				background: url('../images/pod_topright.png') no-repeat;
				width: 13px;
				height: 11px;
				float: right;
			}
	
		.pod .podBottom {
			background: url('../images/pod_bottomleft.png') no-repeat;
			width: 100%; 
			height: 11px;
		}
		.pod.small .podBottom {
			background: url('../images/pod_bottomleft.png') no-repeat;
			width: 100%; 
			height: 11px;
			position: absolute;
			bottom: 0;
		}
		
			.pod .podBottom .podBottomRight {
				background: url('../images/pod_bottomright.png') no-repeat;
				width: 14px;
				height: 11px;
				float: right;
			}
			
		#otherLinks {
		
		}
			
			#otherLinks li {
				padding: 5px;
				border-bottom: 1px solid #fff;
			}
			
			#otherLinks a {
				color: #a22a3c;
			}
			
			#otherLinks.hoveronly a {
				text-decoration: none;
			}
			
			#otherLinks a:hover {
				text-decoration: underline;
			}
			
	.subpage {
		width: 672px;
		padding: 10px;
		float: left;
	}
	
	.subpage.smaller {
		width: 612px;
	}
			
	.subpage.full {
		width: 940px;
		float: left;
	}
	
		.subpage .subpageHeader {
			background: url('../images/pod_image.png') no-repeat #fff;
			height: 36px;
			line-height: 30px;
			font-size: 24px;
			padding: 12px 0 0 5px;
			color: #a22a3c;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
	
		.subpage .subpageContent {
			padding: 0 5px 0 5px;
			line-height: 18px;
			font-size: 13px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #4c4c4c;
		}
		
		
/*------=5:	[VOCATIONAL] -----------------------------*/

	#sidebar {
		width: 226px;
		float: left;
		margin-right: 10px;
	}
	
	#sidenav {
		width: 226px;
		padding-bottom: 5px;
		background: url('../images/sidenav_topback.png') top left no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1px;
		line-height: 0.1px;
	}
	
		#sidenav li {
			width: 199px;
			height: 10px;
			margin: 0 8px 0 19px;
			padding: 8px 0 0 0 ;
			display: block;
			font-size: 16px;
			font-weight: bold;
			position: relative;
			line-height: 16px;
		}
	
		#sidenav li.focus {
			background: url('../images/sidenav_hover.png') top left no-repeat;
		}
	
		#sidenav li a {
			color: #fde7b7;
		}
	
		#sidenav li a:hover {
			color: #fff;
		}
	
		#sidenav li ul {
			background: #f0d290;
			position: absolute;
			top: 0px;
			left: 200px;
			border: 2px solid #952436;
			padding: 5px 0 5px 0;
			z-index: 500;
			width: auto;
		}
		
			#sidenav li ul li {
				background: url(none);
				font-size: 12px;
				float: none;
				display: block;
				text-align: left;
				padding: 10px 15px 10px 15px;
				margin: 0;
				width: 130px;
			}
			
			#sidenav li ul li.focus {
				background: #d9b15a;
			}
	
			#sidenav li ul li a {
				color: #952436;
			}
		
			#sidenav li ul li a:hover {
				color: #fff;
			}
	
		#sidebar .sideViewAll{
			color: #a22a3c;
			font-weight: bold;
			display: block;
			padding: 2px 0 10px 28px;
			font-size: 13px;
		}
			
		#sidebottom {
			background: url('../images/sidenav_bottommiddle.png') repeat-y;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
			#sidebottom .title {
				color: #4d4d4d;
				font-weight: bold;
				font-size: 13px;
				padding: 4px 0 4px 6px;
				margin-left: 10%;
			}
			
			#sidebottom #otherLinks {
				width: 80%;
				margin: 0 auto;
			}
			
			#sidebottom #otherLinks li {
				border-bottom: 1px solid #e2e2e2;
				margin-top: 5px;
				padding-bottom: 10px;
				line-height: 17px;
			}
			
			#sidebottom #otherLinks li bold {
				margin-bottom: 5px;
				display: block;
			}
			
			#sidebottom #otherLinks li a {
				color: #a22a3c;
				text-decoration: underline;
			}
			
	#rightbox {
		float: left;
		width: 692px;
	}
		

	.voc_largewhite {
		width: 692px;
		background: #fff;
		padding-bottom: 10px;
	}

	.voc_largewhitebottom {
		margin: 0 auto;
		position: relative;
		top: -5px;
	}
		
	.pod .podContent #contactList.small li {
		width: 142px;
		float: left;
		padding: 4px;
	}
	
	#toppad {
		height: 10px;
		width: 500px;
	}
	
	#lmrhome {
		margin: 0 0 20px 10px;
		width: 672px;
		height: 449px;
		background: url('../images/lmrhome_top.png') top left no-repeat;
	}
	
		#lmrhome .loginbox {
			margin: 0 0 0 243px;
			width: 430px;
			color: #fff;
			font-size: 15px;
			line-height: 29px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
	
		#lmrhome .loginbox a {
			color: #8f152a;
			text-decoration: underline;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
		}
	
		#lmrhome .loginbox strong {
			font-family: Arial, Helvetica, sans-serif;
		}
	
		#lmrhome .title {
			margin: 230px 0 0 130px;
			width: 430px;
			color: #8f152a;
			font-size: 22px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
	
		#lmrhome .text {
			margin: 20px 0 0 5px;
			width: 656px;
			color: #fff;
			font-size: 13px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 20px;
		}