/*
	This is the same as the index, this is intended as a template for NIE Papers. This stylesheet is going to be huge, but the intention is to allow for php variables at the top of each page to determine the layout, hence giving us the most flexibility. There will be multiple repeat styles, so editing may be difficult after the fact in determining the cascade. I will try to use as many individual elements as possible to avoid alterations to unintended elements and pages. I suggest using a tool like "firebug" when trying to edit active sites.

CSS Template Stylesheet
Created 5.2.2008
by Jay
River City Studio
*/


	/* -------------------------- Global Declarations ----------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 20px;
	background-color: #fff;
}

a {
	text-decoration: none;
	color: blue;
}

img {
	border: none;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}


	/* Container always the same */
#container {
	position: relative;
	width: 955px;
	margin: 0px auto;
}





		/* ------------------------------------------ Header Declarations --------------------------------------- */

	/* The three versions available are -- logoOnly, noLoginForm, header */

/* First are declarations that apply to all versions */

#logoOnly, #noLoginForm, #header {
	position: relative;
	width: 100%;
/* 	height: 105px; */
	height: 105px;
	padding-bottom: 7px;
	background-image: url('/_img/logo.jpg');
	background-repeat: no-repeat;
	background-position: 30px 10px;
}

#homeLink {
	position: relative;
	top: 10px;
	left: 30px;
	padding-bottom: 70px;
	padding-left: 210px;
}

#paperLogo {
	position: absolute;
    left: 250px;
	height: 85px;
	width: 220px;
/* 	background-color: #9CCF31;
	background-color: #FF6600;*/
	padding-top: 3px;

}


/* ------------------------------ Subscribe Form Declarations ------------------------- */

#register {
	float: right;
	width: 325px;
	height: 85px;
	position: relative;
}

#register h1#registerHeader {
	font-size: 17px;
/* 	font-weight: normal; */
	color: #F58207;
	margin-bottom: 4px;
}

#register p {
	font-size: 11px;
	line-height: 15px;
	color: #666;
	font-family: Arial;
	width: 250px;
}

#register img#registerGoButton {
	position: absolute;
	bottom: 0px;
	right: 12px;
}

/*h3.supportSponsorHeading {
	font-size: 17px;
	color: #ce0000;
	text-align: center;
	font-weight: normal;
	width: 125px;
	margin: 0px auto;
}

img.supportImage {
	display: block;
	margin: 0px auto;
	margin-top: 30px;
}*/



	/* ----------------- Login Form Declarations ------------------------- */


#login {
	position: relative;
	margin-left: 333px;
	height: 85px;
	width: 270px;
/* 	background-color: #9CCF31; */
	background-color: #FF6600;
	padding-top: 3px;
	border: 1px outset #9CCF31;
}

#login h1#loginHeader {
	color: #fff;
	font-size: 16px;
	margin-left: 15px;
	margin-bottom: 4px;
}

#loginForm {
	margin-left: 15px;
	font-size: 11px;
}

#loginForm p {
	margin-bottom: 8px;
	color: #fff;
	text-align: right;
	width: 25px;
}

#loginForm input {
	position: absolute;
	left: 80px;
	width: 135px;
	font-size: 11px;
	padding-left: 3px;
	background-color: #fff;
	color: #333;
	border: 1px inset #333;
}

#loginForm input#loginSubmitButton {
	position: absolute;
	left: 225px;
	bottom: 30px;
	width: auto;
	border: none;
	background-color: transparent;
}

#loginForm p#loginForgotPassword {
	margin-left: 15px;
	width: auto;
	text-align: left;
}

#loginForm p#loginForgotPassword a {
	color: #030099;
	font-size: 11px;
/* 	width: auto; */
}

#login p#loggedIn {
	font-size: 22px;
	text-align: center;
	color: #ce0000;
	margin-top: 25px;
}

#login p#loggedIn a {
	color: #ce0000;
	padding: 0px 15px;
}





		/* -------------------------------------- Nav Declarations ----------------------------------- */


#nav {
	background-color: #CE0000;
/* 	background-color: #018971; */
	text-align: center;
	padding: 4px 0px;
	padding-left: 75px;
	height: 15px;
}

#nav a {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px solid #fff;
}

#nav a:hover, #nav a.active {
	color: #FBCD06;
}





			/* ---------------------------- Content Declarations --------------------------------- */
		/* All Content Divs have three columns, there are varying differences on the widths, whether there is an iframe, or if there is an apple or not */
		/* Declarations for the MyAccount Pages is declared after general page styles */

#content, #apple, #account, #frame {
	min-height: 400px;
	/* IE Hack */
	height: auto !important;
	height: 450px;
}


	/* Declarations for all Content Sections */

#left {
	position: relative;
	width: 230px;
	float: left;
	padding-left: 8px;
}

#right {
	float: right;
	width: 225px;
	padding-top: 45px;
	position: relative;
}

#middle {
	margin-left: 275px;
	margin-right: 250px;
	padding-top: 20px;
	position: relative;
}





		/* ------------------------- Specific Declarations for the default "content" ------------------ */

#content, #account {
	background-image: url('/_img/solidGradientBacker.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}







		/* ------------------------- Specific Declarations for the "Apple" Content --------------------- */

#apple {
	background-image: url('/_img/appleBacker.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#apple #right p#appleText, #apple #right p.appleText {
	width: 165px;
	position: relative;
	left: 10px;
	text-align: center;
	color: #fff;
	font-size: 15px;
}

#appleText strong, .appleText strong {
	font-size: 114% !important;
}

#apple #right p#appleText a {
	color: #fff;
}

#apple #right p.slogan, #right p.testimonial {
/* 	color: #003366; */
	color: #E6001C;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	margin-top: 85px;
}

#right p.testimonial {
	margin-top: 35px;
}



	/* ------------------------- Specific Declarations for the "frame" ---------------------------- */

#frame {
	background-image: url('/_img/homeBacker.jpg');
/* 	background-repeat: no-repeat; */
	background-repeat: repeat-x;
	background-position: 0px 0px;
/* 	background-color: #FAE39F; */
}

#frame #left {
	width: 185px;
}

#frame #right {
	width: 440px;
	padding-top: 0px;
}

#frame #middle {
	margin-left: 230px;
	margin-right: 450px;
}

#frame #right iframe, #account #right iframe {
	background-color: #fff;
	border: none;
/* 	height: 1250px; */
	height: 1800px;
	padding-top: 20px;
	width: 440px;
}


/* ------------------------ General Left Declarations ---------------------------------- */
#left img {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: -3px;
	/*position: relative;
	top: -20px;*/
	/* This is matched below at ( #left form, #left form#underHomeStudent ) */
}



/* ----------------------------- General Middle Declarations --------------------------------- */

#middle h2 {
	color: #D9370F;
	margin-bottom: 10px;
	margin-top: 8px;
	font-size: 18px;
}

#middle h4 {
	font-size: 13px;
	margin: 8px 0px;
}

#middle h4 a  {
	text-decoration: underline;
}

#middle h4 span.red {
/* 	color: #CE0000; */
	color: #030099;
	border: none;
}

#middle h1 {
	color: #ce0000;
/* 	color: #030099; */
	font-size: 20px;
	margin-bottom: 10px;
}

#middle h3 {
	font-size: 14px;
	padding-bottom: 25px;
	margin-top: 10px;
}

#middle p {
	margin: 7px 0px;
}

#middle p.bigger, #left p.bigger {
/* 	font-weight: bold; */
	font-size: 130%;
}

#middle p.biggest {
/* 	font-weight: bold; */
	font-size: 180%;
}

#middle p.smaller {
	font-size: smaller;
}

#middle ul {
	margin-left: 25px;
}


		/* ------------------------------- General Right Declarations ----------------------------- */

#right h4 {
	color: #030099;
	text-align: center;
	padding: 6px;
}

#right p {
	margin: 0px auto;
	padding: 6px 14px;
}

#right div.box p {
	margin: 8px;
	border: 1px solid #333;
	padding: 5px;
	background-color:#FD9F02;
}

#right img {
	text-align: left;
}

#right img.imageUnderApple {
	position: relative;
	top: 30px;
}



	/* ---------------------------------- Begin Individual Element Declarations  ----------------------------- */


	/* ----------- Student Login Form (left) ----------- */

#left form, #left form#underHomeStudent {
	position: relative;
	left: 19px;
	width: 150px;
	text-align: center;
	border: 2px solid #018971;
	font-size: 11px;
	background-color: white;
	font-family: Arial;
/* 	top: -20px; */
}

#left form h4 {
	text-align: center;
/* 	background-color: red; */
	background-color: #018971;
	color: #fff;
	padding: 3px 5px;
	font-size: 15px;
}

#left form p {
	margin: 6px 0px;
}

#left form input {
	width: 125px;
	background-color: #fff;
	color: #333;
}

#left form input.studentLoginFormButton {
	width: auto;
	border: none;
}



	/* ------------ Middle Content Blocks ---------------- */

#middle div.block, #account #left div.block {
	position: relative;
	padding: 7px 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	min-height: 75px;
	/* IE Hack */
	height:auto !important;
  height:75px;
}

#middle div.block img, #account #left div.block img {
	float: left;
}

#middle div.block h4, #account #left div.block h4 {
/* 	color: #CE0000; */
	color: #030099;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	margin-left: 150px;
	margin-bottom: 4px;
	font-size: 13px;
}

#middle div.block p, #account #left div.block p {
	font-size: 12px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	margin-left: 150px;
}

#middle div.block a, #account #left div.block a {
/* 	color: #ce0000; */
	color: #030099;
}

#middle div.block p.additionalInfo, #account #left div.block p.additionalInfo {
	font-size: 11px;
	margin-top: 4px;
}



		/* -------------- Additional Links -----------------------*/

div.additionalLinks {
	margin-left: 150px;
}

div.additionalLinks p {
	font-weight: bold;
	margin-bottom: 3px;
}

div.additionalLinks p.lightWeight {
	font-weight: 400;
}

div.additionalLinks ul {
	font-weight: bold;
	margin-left: 20px;
}

div.additionalLinks li {
	margin: 2px 0px;
}

div.additionalLinks a {
/* 	color: #CE0000; */
	color: #030099;
	text-decoration: underline;
}

div.additionalLinks h4 {
	color: #CC0000;
}


	/* --------------------------------- More Info Blocks ------------------------------------- */

div.moreInfo h4 {
	color: #CC0000;
}

div.moreInfo p {
	margin-left: 15px !important;
}

div.moreInfo p a {
	font-weight: bold;
}

div.moreInfo p a:hover {
	color: #333;
}

div.moreInfo ul li {
	font-size: 11px;
	margin-left: 30px !important;
	font-style: italic;
	list-style-type: none;
}





	/* ------------------------- My Account Pages Declarations ------------------------------- */


		/* Right Side */

#account #right {
	float: right;
	width: 400px;
	position: relative;
	margin: 15px;
}

#account #right h2 {
	color: #ce0000;
	padding-bottom: 5px;
	border-bottom: 2px outset #666;
	margin-bottom: 7px;
}

#account #right h3 {
	color: #ce0000;
	margin-bottom: 6px;
	margin-top: 4px;
}

#account #right p {
	margin: 4px 0px;
}

#account #right p.myaccountResources img {
	margin-top: 11px;
}

#account #right p.error {
	margin: 0px auto;
	padding: 5px;
	font-size: 16px;
	font-family: "Arial Black", Arial, sans-serif;
	border: 1px solid #333;
	background-color: #fd9f02;
	color: #ce0000;
	width: 275px;
	text-align: center;
}

img.paperLogo {
	border: 2px outset #030099;
}



		/* Left Side */


#account #left {
	margin-left: 25px;
	margin-right: 450px;
	padding-top: 15px;
	width: 450px;
	position: relative;
	float: none;
}

#account #left h1 {
	color: #ce0000;
/* 	color: #FF6600; */
	font-size: 22px;
	margin-bottom: 7px;
}

#account #left h2, #account #left h3 {
	color: #ce0000;
/* 	color: #018971; */
	font-size: 17px;
	margin-bottom: 5px;
	padding-top: 7px;
}

#account #left h2#columnClear {
	clear: left;
}

#account #left p {
	margin-bottom: 5px;
}

#account #left ul {
	margin-left: 20px;
	margin-bottom: 5px;
}

#account #left div.myaccountBlock {
	margin: 8px 0px;
}


#leftColumn {
	width: 50%;
	float: left;
}

#rightColumn {
	margin-left: 50%;
}

	/* ----------------- Recover Password Form Declarations ----------------------*/

#recoverPasswordForm, #accountForm {
	width: 300px;
	position: relative;
	margin: 0px auto;
/* 	margin-top: 20px; */
	padding: 10px;
	border: 1px solid #000;
	background-color: #fd9f02;
}

#recoverPasswordForm h2, #accountForm h3 {
	color: #ce0000;
	margin-bottom: 5px;
	padding: 0px;
}

#recoverPasswordForm p, #accountForm p {
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 3px;
	padding: 4px;
	text-align: right;
	padding-right: 60px;
}

#accountForm p.left {
	text-align: left;
}

#accountForm p.fullwidth {
	text-align: left;
	padding-right: 0px;
}

#recoverPasswordForm input, #accountForm input, #accountForm select {
	margin-left: 10px;
	margin-right: 5px;
	left: 100px;
	background-color: #fff;
	color: #333;
	font-size: 11px;
	padding-left: 3px;
	width: 87px;
}

#accountForm input.radio {
	width: 13px;
	margin-left: 10px;
}

#recoverPasswordForm input#submit, #accountForm input#submit, #accountForm input.submit {
	margin-top: 5px;
	margin-left: 50px;
	position: relative;
	left: 0px;
	cursor: pointer;
	background-color: #FF6600;
	padding-left: 0px;
	width: auto;
	font-weight: bold;
}

/* This is in just in case there's one of these is placed in a three column layout */
/*#right #accountForm {
	width: auto;
	margin-right: 10px;
}*/

#right #accountForm form {
/* 	text-align: right; */
}




	/* ------------------------- Special Signup-Form Declarations -------------------------------------*/

.red {
	border:1px solid #CE0000;
	color:#CE0000;
	font-weight:bold;
	padding:3px;
	width: 250px;
	margin: 0px auto;
	text-align: center;
	line-height: 16px;
}

.blue {
	border:1px solid #3E4C7B;
	color:#3E4C7B;
	font-weight:bold;
	padding:3px;
	width: 250px;
	margin: 0px auto;
	text-align: center;
}

p.red {
	width: auto;
	margin: 0px !important;
	padding: 0px;
}



		/* -------------------------- Footer Declarations	---------------------------- */

#footer {
	clear: both;
	margin-top: 25px;
}

#footer p#bottomLinks {
	text-align: center;
}

#footer p#bottomLinks a, #footer #bottomLinks span {
	padding: 0px 10px;
}

#footer #bottomLinks span {
	color: #666;
}

#verifyForm {
	width: 350px;
	position: relative;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid #000;
	background-color: #fd9f02;
}

	/* ----------------------- New Styles for Hot Topic Section (2.2.2009) -------------------------- */
	
#rightTopic {
	float: right;
	width: 430px;
	padding-top: 10px;
	background-color: #fff;
	padding-left: 10px;
}

#rightTopic h3 {
	color: #112233;
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px solid #112233;
	margin-bottom: 9px;
}

#rightTopic p.info {
	padding-left: 5px;
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 21px;
}

.tBlock {
/* 	margin-top: 23px; */
	min-height: 125px;
	height: auto !important;
	height: 125px;
}

.tBlock img {
	float: left;
}

.tBlock h4, .tBlock p {
	margin-left: 200px;
}

.tBlock h4 {
	font-family: Georgia, serif;
	font-size: 16px;
	padding-bottom: 1px;
	border-bottom: 1px solid #112233;
	margin-bottom: 8px;
}

.tBlock h4 a {
	color: #112233 !important;
}



	/* ----------------- Reworked Form ------------------------------- */
	
#newSelectForm input, #newSelectForm select {
	width: 180px;
}

#newSelectForm p {
	padding-right: 4px !important;
}