/* Broad Strokes */
body
{
	background-color:					#b3ad97;
	background-image:					url('../images/sun.jpg');
	background-position:				top center;
	background-repeat:					no-repeat;
	font-family:						sans-serif;
	text-align:							center;
	width:								100%;
}

a, img, input, div, h1, h2, h3, h4, h5, h6, p, iframe, table, tr, td, select, option, form, object, embed, span, body
{
	border:								0px;
	margin:								0px;
	padding:							0px;
}

a
{
	color:								#0f3c5e;
	text-decoration:					none;
}

a:hover
{
	text-decoration:					underline;
}

small
{
	font-size:							10px;
}




/* Image Preloader */
#imgPreloader
{
	display:							none;
}





/* Main Container and Links at the top */
#mainContainer
{
	display:							block;
	margin-left:						auto;
	margin-right:						auto;
	padding-bottom:						10px;
	text-align:							left;
	width:								900px;
}

#header
{
	height:								33px;
	margin-bottom:						-20px;
	margin-left:						auto;
	margin-right:   					auto;
	position:							relative;
	text-align:							right;
	width:								800px;
}

#headerScroll
{
	background-image:					url(../images/header_loop.png);
	float:								left;
	height:								33px;
	left:								0px;
	position:							absolute;
	top:								0px;
	width:								800px;
}

#header a
{
	font-size:							18px;
	margin:								15px;
}

#header a:hover
{
	color:								#777;
	text-decoration:					none;
}

.headerLinks
{
	padding-top:						4px;
}
	
#content
{
	background-image:					url('../images/background_loop.png');
	border-bottom:						1px solid #000;
	display:							block;
	float:								left;
	padding-bottom:						10px;
	width:								900px;
}

#linksContainer
{
	background-image:					url('../images/buildings.png');
	background-repeat:					no-repeat;
	height:								166px;
	margin-left:						auto;
	margin-right:						auto;
	text-align:							left;
	width:								900px;
}

#logoLink
{
	cursor:								pointer;
	float:								left;
	height:								67px;
	margin-left:						15px;
	margin-top:							91px;
	position:							absolute;
	width:								293px;
}

#linksSubContainer
{
	margin-left:						362px;
	margin-top:							130px;
	overflow:							hidden;
	position:							absolute;
	width:								540px;
}

	/* Individual Link Buttons */
	#homeworkLink
	{
		background-image:					url('../images/homework.png');
		display:							block;
		float:								left;
		height:								48px;
		margin-left:						3px;
		margin-right:						3px;
		width:								156px;
	}

	#homeworkLink:hover
	{
		background-image:					url('../images/homework_h.png');
	}

	#canvasLink
	{
		background-image:					url('../images/canvas.png');
		display:							block;
		float:								left;
		height:								48px;
		margin-left:						3px;
		margin-right:						3px;
		width:								106px;
	}

	#canvasLink:hover
	{
		background-image:					url('../images/canvas_h.png');
	}
	
	#funLink
	{
		background-image:					url('../images/fun.png');
		display:							block;
		float:								left;
		height:								48px;
		margin-left:						3px;
		margin-right:						3px;
		width:								60px;
	}

	#funLink:hover
	{
		background-image:					url('../images/fun_h.png');
	}
	
	
	/* Catalog search Form */
	#catSearch
	{
		background-image:					url('../images/search_box.png');
		background-repeat:					no-repeat;
		float:								left;
		height:								30px;
		margin-top:							3px;
	}
	
	#searchText
	{
		background:							none;
		color:								#aaaaaa;
		float:								left;
		height:								19px;
		margin-left:						7px;
		margin-top:							7px;
		width:								158px;
	}
	
	#searchSubmit
	{
		background-image:					url('../images/search_button.png');
		cursor:								pointer;
		float:								left;
		height:								24px;
		margin-left:						10px;
		margin-top:							3px;
		width:								16px;
	}
	
#footer
{
	background-color:						#232323;
	color:									#f4f4f4;
	float:									left;
	font-size:								12px;
	margin-bottom:							10px;
	padding:								5px;
	text-align:								center;
	width:									890px;
}

#footer a
{
	color:									#ccc;
	font-weight:							bold;
}

	
	
	
/* Main Index Divs */
#featured
{
	float:									left;
	margin:									10px;
	margin-left:							20px;
	width:									600px;
}

#featuredItems
{
	float:									left;
	height:									210px;
	margin-top:								6px;
	width:									590px;
}

#vote
{
	float:									right;
	margin:									10px;
	margin-right:							20px;
	text-align:								right;
	width:									210px;
}

#voteSubmitBtn
{
	background-image:						url('../featured/images/vote.png');
	border:									0px;
	clear:									both;
	cursor:									pointer;
	float:									left;
	height:									30px;
	margin-left:							10px;
	margin-top:								5px;
	width:									66px;
}

#voteContent form
{
	margin-top:								10px;
}

.voteLink
{
	float:									right;
	font-size:								12px;
	height:									12px;
	margin-right:							10px;
	margin-top:								5px;
	text-align:								right;
	width:									100px;
}

.voteRadioBtn
{
	float:									left;
	line-height:							16px;
	margin-top:								2px;
}

.voteRadioText
{
	cursor:									pointer;
	display:								inline;
	float:									left;
	margin-left:							3px;
	text-align:								left;
	width:									175px;
}

.voteEntry
{
	clear:									left;
	float:									left;
	margin-bottom:							6px;
	margin-left:							8px;
	vertical-align:							bottom;
	width:									200px;
}

#new
{
	clear:									both;
	float:									left;
	margin-left:							50px;
	margin-top:								55px;
	padding-top:							10px;
	width:									800px;
}

#newItems
{
	float:									left;
	height:									120px;
	margin-top:								5px;
	width:									520px;
}

#newHeading
{
	float:									left;
	margin:									5px;
	margin-top: 							30px;
}

.newBracket
{
	float:									left;
	margin:									5px;
}







/* Boxes */
.box220
{
	clear:									left;
	float:									left;
	margin-right:							10px;
	margin-top:								10px;
	width:									220px;
}

.box220 .greenHeading, .box220 .redHeading, .box220 .blueHeading
{
	background-image:						url('../images/content/green/green_220.png');
	background-repeat:						repeat-y;
	color:									#fff;
	float:									left;
	font-weight:							bold;
	text-align:								left;
	width:									220px;
}

.box220 .redHeading
{
	background-image:						url('../images/content/red/red_220.png');
}

.box220 .blueHeading
{
	background-image:						url('../images/content/blue/blue_220.png');
}

.box220 .greenHeading .top, .box220 .redHeading .top, .box220 .blueHeading .top
{
	background-image:						url('../images/content/green/green_loop_top.png');
	background-repeat:						repeat-x;
	float:									left;
	height:									10px;
	width:									220px;
}

.box220 .redHeading .top
{
	background-image:						url('../images/content/red/red_loop_top.png');
}

.box220 .blueHeading .top
{
	background-image:						url('../images/content/blue/blue_loop_top.png');
}

.box220 .greenHeading .top .left, .box220 .redHeading .top .left, .box220 .blueHeading .top .left
{
	background-image:						url('../images/content/green/green_box.png');
	background-position:					top left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box220 .redHeading .top .left
{
	background-image:						url('../images/content/red/red_box.png');
}

.box220 .blueHeading .top .left
{
	background-image:						url('../images/content/blue/blue_box.png');
}

.box220 .greenHeading .top .right, .box220 .redHeading .top .right, .box220 .blueHeading .top .right
{
	background-image:						url('../images/content/green/green_box.png');
	background-position:					top right;
	float:									right;
	height:									10px;
	width:									10px;
}

.box220 .redHeading .top .right
{
	background-image:						url('../images/content/red/red_box.png');
}

.box220 .blueHeading .top .right
{
	background-image:						url('../images/content/blue/blue_box.png');
}

.box220 .greenHeading .heading, .box220 .redHeading .heading, .box220 .blueHeading .heading
{
	float:									left;
	padding-bottom:							8px;
	margin-left:							10px;
}

.box220 .content
{
	background-image:						url('../images/content/content_220.png');
	float:									left;
	padding-top:							3px;
	width:									220px;
}

.box220 .content .entry
{
	clear:									left;
	float:									left;
	line-height:							22px;
	margin-left:							5px;
	width:									210px;
}

.box220 .content .entry a
{
	font-weight:							bold;
}

.box220 .content .entry a:hover
{
	text-decoration:						underline;
}

.box220 .content .more
{
	clear:									left;
	display:								block;
	float:									left;
	font-weight:							bold;
	text-align:								right;
	font-size:								14px;
	margin-right:							5px;
	margin-top:								5px;
	width:									215px;
}

.box220 .content .bot
{
	background-image:						url('../images/content/content_loop_bot.png');
	background-position:					bottom;
	background-repeat:						repeat-x;
	float:									left;
	height:									10px;
	width:									220px;
}

.box220 .content .bot .left
{
	background-image:						url('../images/content/content_box.png');
	background-position:					bottom left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box220 .content .bot .right
{
	background-image:						url('../images/content/content_box.png');
	background-position:					bottom right;
	float:									right;
	height:									10px;
	width:									10px;
}







.box640
{
	clear:									left;
	float:									left;
	margin-left:							10px;
	width:									640px;
}

.box640 .greenHeading, .box640 .redHeading, .box640 .blueHeading
{
	background-image:						url('../images/content/green/green_640.png');
	background-repeat:						repeat-y;
	color:									#fff;
	float:									left;
	font-weight:							bold;
	width:									640px;
}

.box640 .redHeading
{
	background-image:						url('../images/content/red/red_640.png');
}

.box640 .blueHeading
{
	background-image:						url('../images/content/blue/blue_640.png');
}

.box640 .greenHeading .top, .box640 .redHeading .top, .box640 .blueHeading .top
{
	background-image:						url('../images/content/green/green_loop_top.png');
	background-repeat:						repeat-x;
	float:									left;
	height:									10px;
	width:									640px;
}

.box640 .redHeading .top
{
	background-image:						url('../images/content/red/red_loop_top.png');
}

.box640 .blueHeading .top
{
	background-image:						url('../images/content/blue/blue_loop_top.png');
}

.box640 .greenHeading .top .left, .box640 .redHeading .top .left, .box640 .blueHeading .top .left
{
	background-image:						url('../images/content/green/green_box.png');
	background-position:					top left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box640 .redHeading .top .left
{
	background-image:						url('../images/content/red/red_box.png');
}

.box640 .blueHeading .top .left
{
	background-image:						url('../images/content/blue/blue_box.png');
}

.box640 .greenHeading .top .right, .box640 .redHeading .top .right, .box640 .blueHeading .top .right
{
	background-image:						url('../images/content/green/green_box.png');
	background-position:					top right;
	float:									right;
	height:									10px;
	width:									10px;
}

.box640 .redHeading .top .right
{
	background-image:						url('../images/content/red/red_box.png');
}

.box640 .blueHeading .top .right
{
	background-image:						url('../images/content/blue/blue_box.png');
}

.box640 .greenHeading .heading, .box640 .redHeading .heading, .box640 .blueHeading .heading
{
	float:									left;
	padding-bottom:							8px;
	margin-left:							10px;
}

.box640 .greenHeading .heading h1, .box640 .redHeading .heading h1, .box640 .blueHeading .heading h1
{
	font-size:								28px;
	line-height:							34px;
	margin:									0px;
}

.box640 .greenHeading .heading h6, .box640 .redHeading .heading h6, .box640 .blueHeading .heading h6
{
	font-size:								10px;
	margin-left:							10px;
}

.box640 .content
{
	background-image:						url('../images/content/content_640.png');
	float:									left;
	width:									640px;
}

.box640 .content .entry
{
	clear:									left;
	float:									left;
	line-height:							22px;
	margin-left:							5px;
}

.box640 .content .entry a:hover
{
	font-weight:							bold;
	text-decoration:						none;
}

.box640 .content .more
{
	clear:									left;
	display:								block;
	float:									left;
	text-align:								right;
	font-size:								12px;
	margin-right:							5px;
	margin-top:								5px;
	width:									215px;
}

.box640 .content .top
{
	background-image:						url('../images/content/content_loop_top.png');
	background-position:					top;
	background-repeat:						repeat-x;
	float:									left;
	height:									10px;
	width:									640px;
}

.box640 .content .top .left
{
	background-image:						url('../images/content/content_box.png');
	background-position:					top left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box640 .content .top .right
{
	background-image:						url('../images/content/content_box.png');
	background-position:					top right;
	float:									right;
	height:									10px;
	width:									10px;
}

.box640 .content .bot
{
	background-image:						url('../images/content/content_loop_bot.png');
	background-position:					bottom;
	background-repeat:						repeat-x;
	float:									left;
	height:									10px;
	width:									640px;
}

.box640 .content .bot .left
{
	background-image:						url('../images/content/content_box.png');
	background-position:					bottom left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box640 .content .bot .right
{
	background-image:						url('../images/content/content_box.png');
	background-position:					bottom right;
	float:									right;
	height:									10px;
	width:									10px;
}








.box860
{
	clear:									left;
	float:									left;
	margin-left:							20px;
	margin-top:								10px;
	width:									860px;
}

.box860 .greenHeading, .box860 .redHeading, .box860 .blueHeading
{
	background-image:						url('../images/content/green/green_860.png');
	background-repeat:						repeat-y;
	float:									left;
	width:									860px;
}

.box860 .redHeading
{
	background-image:						url('../images/content/red/red_860.png');
}

.box860 .blueHeading
{
	background-image:						url('../images/content/blue/blue_860.png');
}

.box860 .redHeading .top
{
	background-image:						url('../images/content/red/red_loop_top.png');
}

.box860 .blueHeading .top
{
	background-image:						url('../images/content/blue/blue_loop_top.png');
}

.box860 .greenHeading .top .left, .box860 .redHeading .top .left, .box860 .blueHeading .top .left
{
	background-image:						url('../images/content/green/green_box.png');
	background-position:					top left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box860 .redHeading .top .left
{
	background-image:						url('../images/content/red/red_box.png');
}

.box860 .blueHeading .top .left
{
	background-image:						url('../images/content/blue/blue_box.png');
}

.box860 .greenHeading .top .right, .box860 .redHeading .top .right, .box860 .blueHeading .top .right
{
	background-image:						url('../images/content/green/green_box.png');
	background-position:					top right;
	float:									right;
	height:									10px;
	width:									10px;
}

.box860 .redHeading .top .right
{
	background-image:						url('../images/content/red/red_box.png');
}

.box860 .blueHeading .top .right
{
	background-image:						url('../images/content/blue/blue_box.png');
}

.box860 .greenHeading .heading, .box860 .redHeading .heading, .box860 .blueHeading .heading
{
	float:									left;
	margin-left:							10px;
	padding-bottom:							14px;
	padding-top:							10px;
}

.box860 .content
{
	background-image:						url('../images/content/content_860.png');
	float:									left;
	padding-top:							6px;
	width:									860px;
}

.box860 .content .entry
{
	clear:									left;
	float:									left;
	line-height:							22px;
	margin-left:							5px;
}

.box860 .content .entry a:hover
{
	font-weight:							bold;
	text-decoration:						none;
}

.box860 .content .more
{
	clear:									left;
	display:								block;
	float:									left;
	text-align:								right;
	font-size:								12px;
	margin-right:							5px;
	margin-top:								5px;
	width:									215px;
}

.box860 .content .bot
{
	background-image:						url('../images/content/content_loop_bot.png');
	background-position:					bottom;
	background-repeat:						repeat-x;
	float:									left;
	height:									10px;
	width:									860px;
}

.box860 .content .bot .left
{
	background-image:						url('../images/content/content_box.png');
	background-position:					bottom left;
	float:									left;
	height:									10px;
	width:									10px;
}

.box860 .content .bot .right
{
	background-image:						url('../images/content/content_box.png');
	background-position:					bottom right;
	float:									right;
	height:									10px;
	width:									10px;
}







/* Common Styles */
.pageLogo
{
	margin:									10px;
	margin-top:								5px;
}

.pageTitle
{
	color:									#0f3c5e;
	font-size:								26px;
	font-weight:							bold;
	height:									42px;
	margin-left:							14px;
	margin-top:								10px;
}

.success
{
	color:									#4f1312;
	font-weight:							bold;
}





/* Highlight content in a light blue box */
.highlight
{
	background-color:						#dfe7ed;
	background-image:						url('../images/highlight/hlt_640.png');
	background-repeat:						repeat-y;
	clear:									both;
	float:									left;
	margin-bottom:							10px;
	margin-left:							10px;
	margin-top:								10px;
	text-align:								justify;
	width:									640px;
}

.highlight h1
{
	color:									#0f3c5e;
	float:									left;
	font-size:								24px;
	font-weight:							bold;
	margin-bottom:							5px;
	margin-left:							0px;
}

.highlight .text
{
	float:									left;
	margin-left:							10px;
	margin-right:							10px;
}

.highlight .top
{
	background-image:						url(../images/highlight/hlt_loop_top.png);
	background-repeat:						repeat-x;
	float:									left;
	height:									18px;
	width:									100%;
}

.highlight .top .left
{
	background-image:						url(../images/highlight/hlt_box.png);
	background-position:					top left;
	float:									left;
	height:									18px;
	width:									18px;
}

.highlight .top .right
{
	background-image:						url(../images/highlight/hlt_box.png);
	background-position:					top right;
	float:									right;
	height:									18px;
	width:									18px;
}

.highlight .bot
{
	background-image:						url(../images/highlight/hlt_loop_bot.png);
	background-position:					bottom center;
	background-repeat:						repeat-x;
	float:									left;
	height:									18px;
	width:									100%;
}

.highlight .bot .left
{
	background-image:						url(../images/highlight/hlt_box.png);
	background-position:					bottom left;
	float:									left;
	height:									18px;
	width:									18px;
}

.highlight .bot .right
{
	background-image:						url(../images/highlight/hlt_box.png);
	background-position:					bottom right;
	float:									right;
	height:									18px;
	width:									18px;
}



	
	
	
	
/* Headings */
h1
{
	font-size:								36px;
	margin-left:							10px;
}

h2
{
	font-size:								30px;
	margin-left:							10px;
}