/**************** REMOVED UL,LI FROM THE LIST *****************************/
/* CSS Reset */
	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, b, u, i, center, dl, dt, dd, 
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , img, input, textarea
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	
	
	

/* Broad Statements - things that affect whole classes */
	
	body
	{
		background-color:				#0594ef;
		font-family:					sans-serif;
	}
	
	a
	{
		color:							#0594ef;
		text-decoration:				none;
	}
	
	a:hover
	{
		color:							#0594ef;
		text-decoration:				underline;
	}
	
	ul
	{
		list-style-type:				square;
		margin-top:						3px;
	}
	

	
	
	
	
/* Page Banner / Links */

	
	/* This bar spans the width of the page and all of the header content floats inside of it */
	#bannerBar
	{
		background-image:				url(../graphics/banner_gradient.png);
		background-repeat:				repeat-x;
		height:							90px;
		width:							100%;
	}
	
	
	
	
		/* This is the fixed-width box that sits inside the bannerBar so that the content is centered and the proper width */
		#bannerBox
		{
			margin-left:					auto;
			margin-right:					auto;	
			width:							800px;
		}
		
		
			/* Floats the image on the left-side of the bannerBox*/
			#srcLogo
			{
				float:							left;
			}
			
			
			
			/* Floated box that holds the login form and ancillary text */
			#loginBox
			{
				float:							right;
				font-size:						12px;
				height:							40px;
				text-align:						right;
			}
			
				
				/* Table that is contained within the loginBox */
				#loginTable
				{
					color:							#0594ef;
					font-weight:					bold;
					vertical-align:					middle;
				}
				
				
				/* Login failure text */
				.loginFailure
				{
					color:							#de2323;
					font-size:						14px;
					font-weight:					normal;
					padding-right:					10px;
				}
				
				
				/* Login inputs */
				.loginTextBox
				{
					border:							1px solid #0594ef;
					font-size:						16px;
					height:							20px;
					margin-right:					10px;
					color:							#0594ef;
				}
				
				.loginButton
				{
					background-color:				#0594ef;
					background-image:				url(../graphics/login_button.png);
					border:							0px;
					color:							#fff;
					font-size:						10px;
					height:							15px;
					width:							46px;
				}
				
				.logoutButton
				{
					background-color:				#0594ef;
					background-image:				url(../graphics/logout_button.png);
					border:							0px;
					color:							#fff;
					font-size:						10px;
					height:							15px;
					width:							46px;
				}
				
				
				/* LoginBox Links */
				#loginBox a
				{
					color:							#a10325;
					text-decoration:				none;
				}
				
				#loginBox a:hover
				{
					color:							#a10325;
					text-decoration:				underline;
				}
				
				
				
			/* Links Box */
			#linksBox
			{
				clear:							right;
				color:							#fff;		
				float:							right;
				height:							37px;
				margin-top:						5px;
				vertical-align:					middle;
				width:							530px;
			}
			
				/* Individual links inside of the linksBox */
				.linkBox
				{
					color:							#fff;
					float:							right;
					height:							41px;
					padding-left:					20px;
					padding-right:					20px;
					padding-top:					8px;
					text-align:						center;
				}
				
				.linkBox:hover
				{
					color:							#fff;
					background-color:				#0594ef;
				}
				
				.linkBox a
				{
					color:							#fff;
					text-decoration:				none;
				}
				
				
				
				
				
	/* This bar spans the width of the page and all of the footer content floats inside of it */
	#footerBar
	{
		background-image:				url(../graphics/footer_gradient.png);
		background-repeat:				repeat-x;
		color:							#fff;
		float:							left;
		font-size:						12px;
		height:							55px;
		text-align:						center;
		width:							100%;
	}
	
	
	
	
		/* This is the fixed-width box that sits inside the bannerBar so that the content is centered and the proper width */
		#footerBox
		{
			margin:							0px;
			margin-left:					auto;
			margin-right:					auto;	
			width:							800px;
		}
		
		
		#footerBar a
		{
			color:							#a10325;
		}
		
		#footerBar a:hover
		{
			color:							#0b3cf4;
		}
		
		
		
		
		
		
		
		
	/* This created the subLinks bar - this may eventually be used for additional link options, but currently is just the dark brown line underneath the banner. */
	#subLinksBar
	{
		background-color:				#0594ef;
		float:							left;
		height:							5px;
		width:							100%;
	}
	
	
	#subLinksBarAdmin
	{
		background-color:				#0594ef;
		color:							#fff;
		font-size:						12px;
		text-align:						center;
		width:							100%;
	}
	
	
	#subLinksBarUser
	{
		background-color:				#0594ef;
		color:							#fff;
		font-size:						16px;
		text-align:						center;
		width:							100%;
	}
	
	.subLinkTitle
	{
		font-weight:					bold;
		margin-left:					25px;
		padding:						5px;
	}
	
	
	.subLink
	{
		margin-left:					5px;
		margin-right:					5px;
	}
		
	
	#subLinksBarAdmin a, #subLinksBarUser a
	{
		color:							#fff;
		text-decoration:				none;
	}
	
	
	#subLinksBarAdmin a:hover, #subLinksBarUser a:hover
	{
		color:							#0b3cf4;
	}
	
	
	
	
	
	
	
	
/* Content */

	/* Content Div - the container floats inside of this so that it is centered. */
	#contentDiv
	{
		background-color:				#ffe7c6;
		float:							left;
		padding-bottom:					20px;
		width:							100%;
	}
	
	/* Content Container - the width of this is fixed so it can float in the middle of the page. */
	#contentContainer
	{
		margin-left:					auto;
		margin-right:					auto;
		margin-top:						0px;
		min-height:						300px;
		text-align:						center;
		width:							800px;
	}
	
	
	#contentImgHeading
	{
		float:							right;
		margin-left:					10px;
	}
	
	
	#contentImgFloat
	{
		float:							right;
		margin:							20px;
		margin-right:					10px;
	}
	
	
	/* The text next to the logo */
	.aboutText
	{
		color:							#000;
		font-size:						13px;
		font-weight:					normal;
		margin-bottom:					32px;
		text-align:						justify;
	}
	
	
	/* Big heading at the top of the page - What is SRC? */
	.bigHeading
	{
		color:							#0594ef;
		font-size:						26px;
		font-weight:					bold;
		padding-top:					15px;
		text-align:						justify;
	}
	
	
	/* Small headings */
	.smallHeading
	{
		color:							#0594ef;
		font-size:						16px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	/* Subject headings over the informative paragraphs */
	.heading
	{
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	/* Subject headings over the informative paragraphs */
	.blueHeading
	{
		color:							#0594ef;
		font-size:						16px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	/* Text that makes up the informative paragraphs */
	.paratext
	{
		color:							#000;
		font-size:						13px;
		font-weight:					normal;
		margin-bottom:					20px;
		text-align:						justify;
	}
	
	
	/* Text that makes up requirement paragraphs on the signup page. */
	.reqText
	{
		color:							#000;
		font-size:						13px;
		font-weight:					normal;
		margin-bottom:					10px;
		text-align:						justify;
	}

	
	/* A container with a border and darker background color to seperate elements */
	.paraContainer
	{
		background-color:				#fff;
		border:							2px solid #0594ef;
		margin:							10px;
		margin-bottom:					20px;
		margin-top:						0px;
		padding:						10px;
	}
	
	
	/* The big, centered signup link on the index page */
	#signupLink a
	{
		background-color:				#f1ede4;
		border:							3px solid #0594ef;
		color:							#0594ef;
		display:						block;
		font-size:						24px;
		font-weight:					bold;
		margin:							20px;
		margin-left:					auto;
		margin-right:					auto;
		padding:						5px;
		width:							250px;
	}
	
	
	#signupLink a:hover
	{
		background-color:				#fcf9f3;
		color:							#0594ef;
	}
	
	
	
	
	

/* Gameboard Styles */
	
	/* Board game table */
	#bGame
	{
		border:							4px solid #0594ef;
		border-collapse:				collapse;
		font-size:						14px;
		margin-left:					auto;
		margin-right:					auto;
		margin-top:						10px;
		text-align:						center;
		vertical-align:					middle;
		width:							700px;
	}
	
	
	#bGame a
	{
		color:							#0594ef;
		font-weight:					bold;
	}
	
	
	#bGame a:hover
	{
		text-decoration:				underline;
	}
	
	
	/* Light Board Game Square */
	.square1
	{
		background-color:				#eee6d3;
		height:							140px;
		padding-left:					10px;
		padding-right:					10px;
		width:							120px;
	}
	
	/* Dark Board Game Square */
	.square2
	{
		background-color:				#faf6ea;
		height:							140px;
		padding-left:					10px;
		padding-right:					10px;
		width:							120px;
	}
	
	
	.pursuitForm
	{
		background-color:				#f1ede4;
		border:							2px solid #0594ef;
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		margin-left:					auto;
		margin-right:					auto;
		padding:						10px;
		text-align:						right;
		width:							500px;
	}
	
	
	.pursuitSlug
	{
		color:							#0594ef;
		font-size:						26px;
		font-weight:					bold;
		margin-left:					10px;
		text-align:						center;
	}
	
		
		
		
		
		
		
/* Forms for registration pages */

	/* The form */
	
	.cancelButton
	{
		background-color:				#880f0f;
		border:							0px;
		color:							#fff;
		font-size:						20px;
		width:							200px;
	}
	
	.continueButton
	{
		background-color:				#007305;
		border:							0px;
		color:							#fff;
		font-size:						20px;
		width:							200px;
	}
	
	.registerForm
	{
		background-color:				#f1ede4;
		border:							2px solid #0594ef;
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		margin-left:					auto;
		margin-right:					auto;
		padding:						10px;
		text-align:						right;
	}
	
	
	.registerForm tr
	{
		vertical-align:					top;
	}
	
	
	.registerForm td
	{
		padding:						5px;
		padding-left:					15px;
		padding-right:					15px;
	}
	
	
	.registerInput
	{
		border:							2px solid #0594ef;
		font-size:						24px;
		margin-left:					10px;
		text-align:						left;
		width:							250px;
	}
	
	
	.registerText
	{
		color:							#000;
		font-size:						22px;
		font-weight:					normal;
		margin-left:					10px;
		text-align:						left;
	}
	
	
	.registerInfo
	{
		color:							#0594ef;
		font-size:						20px;
		font-weight:					normal;
		margin-bottom:					10px;
		text-align:						left;
	}
	
	
	.registerButton
	{
		background-color:				#0594ef;
		border:							0px;
		color:							#fff;
		font-size:						20px;
		width:							80px;
	}
	
	
	.error
	{
		color:							#b21f1f;
		font-size:						20px;
		font-weight:					bold;
		margin-bottom:					10px;
	}
	
	
	.errorJS
	{
		color:							#b21f1f;
		display:						none;
		font-size:						20px;
		font-weight:					bold;
		margin-bottom:					10px;
	}
	
	
	
	
	
	
/* The Programs Page */

	/* The list at the top of the programs page for each section */
	.programBullets
	{
		color:							#0594ef;
		margin-bottom:					50px;
		text-align:						left;
		vertical-align:					middle;
	}
	
	
	/* Subject headings over the informative paragraphs */
	.programHeading
	{
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		letter-spacing:					3px;
		text-align:						justify;
	}
	
	
	/* Small Program headings */
	.smallProgramHeading
	{
		color:							#0594ef;
		font-size:						18px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	/* Text that makes up the slightly indented info */
	.programText
	{
		color:							#000;
		font-size:						13px;
		font-weight:					normal;
		text-align:						justify;
	}
	
	
	/* A background div for the events that are in lists */
	.programOdd
	{
		background-color:				#eee6d3;
		padding:						15px;
		padding-bottom:					8px;
		padding-top:					8px;
	}
	
	
	/* A background div for the events that are in lists */
	.programEven
	{
		background-color:				#faf6ea;
		padding:						15px;
		padding-bottom:					8px;
		padding-top:					8px;
	}
	
	
	/* A div to provide a border for the program list. */
	.programBorder
	{
		border:							2px solid #0594ef;
		border-collapse:				collapse;
		margin:							10px;
		width:							776px;
	}
	
	
	
	/* The small program date and time text under the program heading */
	.programDate
	{
		color:							#0594ef;
		font-size:						12px;
		margin-bottom:					7px;
	}
	
	
	
	
	
/* Book Lists/Resources */

	/* A row in a table with an alternating background-color */
	.resourceEven
	{
		background-color:				#faf6ea;
		text-align:						left;
	}
	
	
	/* A row in a table with an alternating background-color */
	.resourceOdd
	{
		background-color:				#eee6d3;
		text-align:						left;
	}

	
	/* This fixes the width of the cell*/
	.resourceCell
	{
		width:							388px;
	}
	
	
	/* The author name under the book title */
	.smallAuthorName
	{
		font-size:						14px;
		text-decoration:				none;	
	}
	
	.smallAuthorName:hover
	{
		font-size:						14px;
		text-decoration:				underline;	
	}	
	
	
	/* Name of each resource */
	.smallResourceHeading
	{
		color:							#0594ef;
		font-size:						18px;
		font-weight:					bold;
		padding-top:					10px;
		text-align:						left;
	}
	
	
	/* Name of each resource */
	.smallResourceHeading:hover
	{
		color:							#0594ef;
		text-decoration:				underline;	
	}
	
	
	
	/* Image of a book cover - floated left */
	.resourceImage
	{
		display:						block;
		float:							left;
		padding:						10px;
	}
	
	
	
	
/* Stats Page */

	/* The Small box that floats on the left with sort options */
	#statsSortBox
	{
		float:							left;
		font-size:						18px;
		text-align:						left;
		width:							150px;
	}
	
	#statsSortBox h2
	{
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	
	/* The main stats information container */
	#statsBox
	{
		float:							left;
		margin-left:					30px;
		text-align:						left;
		width:							600px;
	}
	
	
	#statsBox h2
	{
		color:							#0594ef;
		font-size:						24px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	.statsTable
	{
		border-collapse:				collapse;
		margin-bottom:					15px;
		margin-top:						15px;
		width:							600px;
	}
	
	
	.statsTable td
	{
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.statsTable th
	{
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.statsTable a
	{
		color:							#fff;
	}
	
	
	.rowEven
	{
		background-color:				#f9fafa;
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.rowOdd
	{
		background-color:				#fff;
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.rowEnd
	{
		background-color:				#0594ef;
		color:							#fff;
		font-weight:					bold;
	}

	
	.hoursCount
	{
		float:							left;
		text-align:						right;
		width:							30px;
	}
	
	
	.hoursGraph
	{
		background-image:				url(../graphics/graph_bar.jpg);
		float:							left;
		height:							8px;
		margin-left:					10px;
		margin-top:						5px;
	}
	
	
	.hoursRange
	{
		width:							75px;
	}
	
	
	.hoursReaders
	{
		width:							460px;
	}
	
	
	
	
	
/* Find Users Page */

	#searchForm
	{
		margin-bottom:					10px;
		margin-top:						10px;
	}
	

	.inputName
	{
		font-size:						12px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	.inputText
	{
		border:							1px solid #0594ef;
		display:						block;
		margin-bottom:					5px;
	}
	
	
	.inputButton
	{
		background-color:				#0594ef;
		border:							1px solid #fff;
		color:							#fff;
		display:						block;
		margin-bottom:					5px;
	}	
	
	
	#browseBox
	{
		text-align:						center;
	}
	
	
	.browseLetter
	{
		float:							left;
		width:							20px;
	}
	
	
	#userListTable
	{
		border-collapse:				collapse;
		width:							650px;
	}
	
	#userListTable td
	{
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	#userListTable a
	{
		color:							#0594ef;
		text-decoration:				none;
	}
	
	#userListTable a:hover
	{
		color:							#0594ef;
	}
	
	
	
	
	
/* User entries */

	#readerInfoBox
	{
		float:							left;
		margin-left:					30px;
		text-align:						left;
		width:							320px;
	}
	
	
	#readerInfoBox h2
	{
		color:							#0594ef;
		font-size:						24px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	#readerInfoTable tr
	{
		vertical-align:					top;
	}
	
	
	.readerName
	{
		font-weight:					bold;
		margin-right:					10px;
		width:							100px;
	}
	
	.readerField
	{
		border:							1px solid #0594ef;
		width:							200px;
	}
	
	#IIIAdmin
	{
		background-color:				#fde1a4;
		border:							1px solid #0594ef;
		padding-bottom:					15px;
		padding-left:					15px;
		text-align:						left;
		
	}
	
	.IIIName
	{
		font-weight:					bold;
		margin-right:					5px;
		width:							140px;
	}

	.IIIField
	{
		border:							1px solid #0594ef;
		text-align:						center;
		width:							30px;
	}
	
	.IIIAdd
	{
		background-color:				#f9f0d9;
		color:							#1dbb0c;
		cursor:							pointer;
		font-size:						12px;
		width:							100px;
	}

	.IIIAdd:hover
	{
		background-color:				#f9f0d9;
		color:							#000;
		cursor:							pointer;
		font-size:						12px;
		width:							100px;
	}

	.smallButton
	{
		background-color:				#f9f0d9;
		color:							#b93030;
		cursor:							pointer;
		font-size:						10px;
		width:							100px;
	}
	
	
	.smallButton:hover
	{
		font-weight:					bold;
	}
	
	
	.readerButton
	{
		background-color:				#0594ef;
		color:							#fff;
		cursor:							pointer;
		float:							right;
		font-size:						14px;
		font-weight:					bold;
	}
	
	
	#readingHistory
	{
		float:							left;
		margin-left:					30px;
		text-align:						left;
		width:							420px;
	}
	
	
	#readingHistory h2
	{
		color:							#0594ef;
		font-size:						24px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	.editButton
	{
		background-color:				#f9f0d9;
		color:							#0594ef;
		cursor:							pointer;
		font-size:						10px;
	}
	
	
	.editButton:hover
	{
		font-weight:					bold;
	}
	
	
	.readingHistoryTable
	{
		border-collapse:				collapse;
		float:							left;
		margin-left:					auto;
		margin-right:					auto;
		margin-top:						20px;
	}
	
	
	.readingHistoryTable th
	{
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.readingTitle
	{
		border:							1px solid #0594ef;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.prizeReceived
	{
		color:							#b15b1c;
	}
	
	
	.readingInfo
	{
		display:						block;
	}
	
	
	
	
	
	
/* Review Page */
	
	#reviewBox
	{
		float:							left;
		margin-left:					30px;
		text-align:						left;
		width:							400px;
	}
	
	
	#reviewBox h2
	{
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	.reviewField
	{
		border:							1px solid #0594ef;
		margin-bottom:					15px;
		width:							400px;
	}
	
	
	.reviewButton
	{
		background-color:				#0594ef;
		color:							#fff;
		cursor:							pointer;
		float:							left;
		font-size:						14px;
		font-weight:					bold;
	}
	
	
	.reviewForm
	{
		background-color:				#f1ede4;
		border:							2px solid #0594ef;
		color:							#0594ef;
		float:							left;
		font-size:						20px;
		font-weight:					bold;
		margin-left:					auto;
		margin-right:					auto;
		padding:						10px;
	}
	
	
	/* iFrame that holds the review form */
	.reviewFrame
	{
		height:							510px;
		margin-left:					2px;
		width:							600px;
	}
	
	
	
	
	
	
	
	
/* Reviews Page - the listing of reviews */

	#reviewsBox
	{
		margin-left:					auto;
		margin-right:					auto;
		text-align:						right;
		width:							740px;
	}
	
	
	.reviewsEven
	{
		background-color:				#f9fafa;
		border:							1px solid #0594ef;
		margin-bottom:					10px;
		padding:						10px;
	}
	
	
	.reviewsOdd
	{
		background-color:				#fff;
		border:							1px solid #0594ef;
		margin-bottom:					10px;
		padding:						10px;
	}
	
	.reviewsTitle
	{
		color:							#0594ef;
		font-size:						18px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	.reviewsAuthor
	{
		color:							#000;
		font-size:						14px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	.reviewsWriter
	{
		color:							#0594ef;
		font-size:						10px;
		font-weight:					bold;
		text-align:						justify;
	}
	
	
	.reviewsText
	{
		color:							#000;
		font-size:						12px;
		text-align:						justify;
	}
	
	.reviewsMedia
	{
		color:							#000;
		font-size:						12px;
		text-align:						center;
	}
	
	
	.reviewsEdit
	{
		clear:							right;
		float:							right;
		font-size:						12px;		
	}
	
	
	.reviewsApprove
	{
		float:							right;
		font-size:						12px;	
	}

	.pageNumber
	{
		background-color:				#d9ce98;
		color:							#000;
		font-size:						10px;
		font-weight:					bold;
		margin:							3px;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	.pageNumber:hover
	{
		background-color:				#b6aa70;
		color:							#fff;
	}
	
	
	.pageNumberSelected
	{
		font-size:						10px;
		font-weight:					bold;
		margin:							3px;
		padding-left:					5px;
		padding-right:					5px;
	}
	
	
	
	
	
/* My Account */
	
	.myAccountBox
	{
		float:							left;
		margin-bottom:					20px;
		text-align:						left;
		width:							700px;
	}
	
	
	.myAccountBox h2
	{
		color:							#0594ef;
		font-size:						20px;
		font-weight:					bold;
		margin-bottom:					0px;
	}
	
	
	
	.accountInfoTable tr
	{
		vertical-align:					top;
	}
	
	
	.myAccountLinks
	{
		float:							right;
		width:							300px;
	}
	
	.accountLink a
	{
		background-color:				#FFF;
		border:							3px solid #0594ef;
		color:							#0594ef;
		display:						block;
		font-size:						24px;
		font-weight:					bold;
		margin:							20px;
		margin-left:					auto;
		margin-right:					auto;
		padding:						5px;
		text-align:						center;
		width:							250px;
	}
	
	
	.accountLink a:hover
	{
		background-color:				#f9f0d9;
		color:							#0594ef;
	}