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

a:visited {
	color: red;
}

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: 110px;
	padding-bottom: 7px;
	background-image: url('/_img/logo.jpg');
	background-repeat: no-repeat;
	background-position: 35px 15px;
}

#homeLink {
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 100px;
	padding-left: 315px;
}


/* ------------------------------ 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: -5px;
	right: 60px;
}

/*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: #FF0D00;
	padding-top: 3px;
	border: 1px outset #AA352E;
}

#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: 55px;
}

#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: #292929;
	font-size: 11px;
/* 	width: auto; */
}

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

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





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


#nav {
	background-color: #FF0D00;
	text-align: center;
	padding: 4px 0px;
/* 	padding-left: 35px; */
}

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

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





			/* ---------------------------- 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 {
	width: 165px;
	position: relative;
	left: 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

#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-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: 1225px;
	padding-top: 20px;
	width: 440px;
	margin-top: 0px;
}


/* ------------------------ 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: #E62135;
	margin-bottom: 10px;
	margin-top: 8px;
	font-size: 17px;
}

#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 h4.color {
	color: #030099;
}

#middle h1 {
/* 	color: #ce0000; */
	color: #FFFFFF;
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: normal;
}

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

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

#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, #right p.box {
	margin: 8px;
	border: 1px solid #333;
	padding: 5px;
	background-color:#FD9F02;
}

#right p.box a {
	color: blue;
	font-weight: bold;
}



	/* ---------------------------------- 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 #FF0D00;
	font-size: 11px;
	background-color: white;
	font-family: Arial;
/* 	top: -20px; */
}

#left form h4 {
	text-align: center;
/* 	background-color: red; */
	background-color: #FF0D00;
	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;
	margin-top: 6px;
}



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

ul.checkBullets li {
	list-style-image: url('/_img/check.jpg');
}


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


	/* ------------------------- Sponsor Listing ------------------------------------ */

#sponsors {
	margin-left: 15px;
}

#sponsors li {
	list-style-type: none;
	margin: 3px 0px;
	font-size: 11px;
}

#sponsors li a {
	color: blue;
}





	/* ------------------------- 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;
}
#account #right iframe {
	width: 435px;
}


		/* Left Side */


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

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

#account #left h2, #account #left h3 {
/* 	color: #ce0000; */
	color: #E62135;
	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: 23px;
	margin-bottom: 3px;
	padding: 0px;
	position: relative;
	width: 135px;
	padding-right: 130px;
}

#accountForm p.full, #recoverPasswordForm p.full {
	width: 100%;
	padding-right: 0px;
}

#accountForm p.rightAlign {
	text-align: right;
	width: 265px;
	padding: 0px;
}

#accountForm p.center {
	text-align: center;
	width: 265px;
	padding: 0px;
}

#recoverPasswordForm input, #accountForm input, #accountForm select {
	margin-left: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 11px;
	width: 115px;
	height: 15px;
	padding-left: 3px;
	/*background-color: #fff;
	color: #333;*/
}

#accountForm select {
	border: 1px inset #333;
	width: 160px;
}

#accountForm select.autoWide {
   position:relative;
   margin-left: 0px;
	width: auto; 
	padding-left: 3px;
}

#accountForm option {
	width: 180px;
}

#accountForm input.radio {
	width: 12px;
	height: 12px;
	position: relative;
	margin-right: 5px;
	margin-left: 30px;
}

#recoverPasswordForm input#submit, #accountForm input#submit, #accountForm input.submit {
	margin-top: 5px;
	margin-left: 50px;
	position: relative;
	width: auto;
	height: auto;
}

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

	/* ------------------------- Special Sinup-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;
}


	/* -------------------------- Random Styles Here and There ------------------------ */

p.bigger, td.bigger {
	font-size: 130%;
}

#mailerForm input {
	position: absolute;
	left: 95px;
}

#mailerForm input.submit {
	position: relative;
	left: 0px;
}

#mailerForm textarea {
	margin-top: 8px;
}

img.paperLogo {
	border: 2px outset #030099;
	padding: 3px;
	background-color: #fff;
}

#contactUsForm {
	width: 240px;
}

#contactUsForm p {
	margin-bottom: 12px;
}

#contactUsForm input {
	float: right;
	width: 125px;
	border: 1px solid #333;
	padding: 1px;
}

#contactUsForm textarea {
	width: 240px;
	height: 110px;
	border: 1px solid #333;
	padding: 1px;
}

#contactUsForm input.submit {
	width: auto;
	border: 1px outset #333;
}

#contactUsForm p.error {
	color: red;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

#contactUsForm input.error {
	border: 2px solid red;
}

#right img.sponsorListing {
	display: block;
	margin: 3px auto;
}


	/* ----------------- Additional Styles Added After Completion ------------------------- */
	
#middle div.homeBox {
	padding: 0px 8px;
	margin: 12px auto;
	border: 1px solid red;
}
	
#middle p a.arrowLink {
	font-weight: bold;
	padding-left: 12px;
	background-image: url('/_img/arrowLink.gif');
	background-repeat: no-repeat;
	color: blue;
}

#middle p a.arrowLink:hover {
	color: red;
}

#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;
}

#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 !important;
}

.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;
}