/*********************************************************************************************************** 
	General Styles 
************************************************************************************************************/

html, body 
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	color: white;
	font-family:Verdana;
	font-size: 62.5%;
	background-color: #336799;
	width: 100%;
}

a 
{
	color: white;
	outline: none;
	cursor:pointer;
}

p
{
	margin:15px 0;
}

img
{
	border: 0;
}

form
{
	height: 100%;
}

.block
{
	display:block;
}

.clear
{
	clear:both;
}

.minHeightModule
{
	float:right;
	width:1px;
	height:300px;
}

.content
{
	padding:1px 10px;
}

/*********************************************************************************************************** 
	Main Container 
************************************************************************************************************/

#container
{
	position: relative;	
	min-height: 100%;
	font-size: 1.2em;
}

#container.Home #ftrEducators, #container.Educators #ftrEducators
{
	display:none;
	border:solid 1px red;
}

#container.Home #ftrStudentIntro, #container.StudentIntro #ftrStudentIntro, #container.Educators #ftrStudentIntro
{
	display:none;
}

#container.Educators
{
	background-color:#7D88A1;
}

/*********************************************************************************************************** 
	Header Section
************************************************************************************************************/

#header
{
	width: 968px;
	margin: 0 auto;	
	position:relative;
	height:70px;
}

/*********************************************************************************************************** 
	Top Navigation
************************************************************************************************************/

#studentGlobal
{
	display:none;
	width: 376px;
	height: 39px;
	position: absolute;
	right: 10px;
	top: 0px;
}

#studentGlobal img, #educatorGlobal img, #rifGlobal img
{
	padding-bottom:7px;
}

#educatorGlobal
{
	display:none;
	width: 376px;
	height: 39px;
	position: absolute;
	right: 10px;
	top: 0px;
}

#rifGlobal
{
	display:none;
	position:absolute;
	top:0;
	right:20px;
}

#studentNavigation, #educatorsNavigation
{
	display:none;
	padding-left:13px;
	height:80px;
	width: 538px;
}

#studentNavigation img, #educatorsNavigation img
{
	margin-top:-40px;
	cursor:pointer;
}

/* Dynamically hide/show navigation elements based on page ID */

#container.Student #studentNavigation, #container.RequestInformation #studentNavigation
{
	display:block;
}

#container.Student #studentGlobal
{
	display:block;
}

#container.Educators #educatorGlobal, #container.Educators #educatorsNavigation
{
	display: block;
}

#container.RequestInformation #rifGlobal
{
	display: block;	
}

#navInterview, #navStudentLife, #navGetInvolved, #navPaySchool, #navEducationalResources, #navCreativeLearning, #navScholarshipsEvents, #navCulinaryResources
{
	position: relative;
	left: 0;
	top: 0;
}

/*********************************************************************************************************** 
	Footer Section
************************************************************************************************************/

#footer
{
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	height: 375px;
	z-index:1;	
	clear:both;
	text-align:center;
}

#footerBkgd
{
	width: 968px;
	height: 375px;
	margin:0 auto;
	background-image:url(../Images/Common/bkg_img.gif);
	background-repeat:no-repeat;
	background-position: center 1px;
}

#footerBkgdEducator
{
	width: 968px;
	height: 302px;
	margin:0 auto;
	background-image:url(../Images/Educators/bkgdStudent.gif);
	background-repeat:no-repeat;
	background-position: center 1px;
	display: none;
}

#container.Educators #footerBkgd
{
	display:none;
}

#container.Educators #footerBkgdEducator
{
	display:block;
}

#footerBar
{
	background-image:url(../Images/Common/ftr_gradient.gif);
	background-color: #17171c;
	background-repeat:repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 73px;
}

#footerImage
{
	background-image: url(../Images/Common/ftr_logo.gif);
	background-repeat:no-repeat;
	background-position: center 0px;
	height: 73px;
	width: 968px;
	margin: 0 auto;
	position: relative;
}

#ftrButtons
{
	position: absolute;
	bottom: 15px;
	left: 15px;
}

#studentHomeButton
{
	position:absolute;
	top:-20px;
	left:443px;
	display:none;	
}

#educatorsRequestAPresentationButton
{
	position:absolute;
	top: -46px;
	left: -20px;
	display:none;	
}

#requestPresentationButton
{
	display: block;
}

#requestPresentation
{
	position:absolute;
	top:-4px;
	left:104px;
	text-align:left;
	width:733px;
	display:none;
	z-index:999;
}

#requestPresentationContent
{
	width:733px;
	background-color:#0B0E11;
}

#requestPresentationPanel
{
	padding: 0 0 0 5px;
	background-image:url(../Images/Educators/inspireStdsBkgd.gif);
	background-repeat:repeat-y;
	background-color:#0B0E11;
	position: relative;
}

.scrollPaneRequest
{
	position:absolute;
	width: 725px;
	margin-left: 1px;
	height:475px;
	top:0;
	left:0;
	background-image:url(../Images/Educators/inspireBkgd.gif);
	background-repeat:repeat-y;
	background-color:#0B0E11;
}

.scrollPaneRequest .content
{
	padding: 0 20px;
}

#requestPresentationPanel a
{
	position: relative;
	left: 250px;
}

#requestPresentationCloseButton
{
	position: absolute;
	top: 3px;
	right: 2px;
	z-index: 100;
}

#container.Student #studentHomeButton, #container.RequestInformation #studentHomeButton
{
	display:inline;
}

#container.Educators #educatorsRequestAPresentationButton
{
	display:block;
}

#ftrText
{
	position: absolute;
	bottom: 15px;
	right: 0;
	color: #cccccc;
	font-size: 0.9em;
}
#ftrText a
{
	text-decoration: none;	
	color: #cccccc;
}

/*********************************************************************************************************** 
	Main Content Area
************************************************************************************************************/

#middle
{
	position: relative;
	z-index: 100;
	text-align:center;
	width: 968px;
	margin: 0 auto;	
	margin-bottom:110px;
}

.Student #middle, .Educators #middle
{
	height:520px;
	border:solid 1px transparent;
}

#moduleContainer
{
	position: relative;
	width: 510px;
	margin:0 auto;
	top: 0%;
	left: 0%;
	height:340px;
	margin-top:60px;
}

#InterviewPreviewOff
{
	display:none;
}

.scrollPane 
{
	position:absolute;
	width: 492px;
	margin-left: 1px;
	height:255px;
	top:0;
	left:0;
	background-image:url(../Images/Student/student_bkg_info.gif);
	background-repeat:repeat-x;
	background-color:#080F17;
	background-position: -1px 0;
	
}

#moduleInterview, #moduleStudentLife, #moduleGetInvolved, #modulePaySchool, #moduleEducationalResources, #moduleCreativeLearning, #moduleScholarshipsEvents, #moduleCulinaryResources
{
	text-align:left;
	float: left;
	width: 253px;
	margin: 2px 2px 0 0;
}

#InterviewFull, #StudentLifeFull, #GetInvolvedFull, #PaySchoolFull
{
	display: none;
	position: absolute;
	background-image:url(../Images/Student/student_bttm_cap.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	left: 0;
	top: 0;
	height:333px;
	width:493px;
	overflow:auto;
}

#EducationalResourcesFull, #CreativeLearningFull, #ScholarshipsEventsFull, #CulinaryResourcesFull
{
	display: none;
	position: absolute;
	background-image:url(../Images/Educators/infoBoxBottomCap.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	left: 0;
	top: 0;
	height:333px;
	width:493px;
	overflow:auto;
}

#InterviewFull
{
	left: -245px;
	top: -163px;
}

#StudentLifeFull
{
	left: 255px;
	top: -163px;
}

#GetInvolvedFull
{
	left: -245px;
	top: 172px;
}

#PaySchoolFull
{
	left: 255px;
	top: 172px;
}

#EducationalResourcesFull
{
	left: -245px;
	top: -163px;
}

#CreativeLearningFull
{
	left: 255px;
	top: -163px;
}

#ScholarshipsEventsFull
{
	left: -245px;
	top: 172px;
}

#CulinaryResourcesFull
{
	left: 255px;
	top: 172px;
}

#InterviewScrollPane a, #EducationalResourcesScrollPane a
{
	color:#336699;
}

#StudentScrollPane a, #CreativeLearningScrollPane a
{
	color:#9933cc;
}

#GetInvolvedScrollPane a, #CulinaryResourcesScrollPane a
{
	color:#ffcc33;
}

#PaySchoolScrollPane a, #ScholarshipsEventsScrollPane a
{
	color:#009999;
}


/*********************************************************************************************************** 
	Modules
************************************************************************************************************/

#WelcomeModule
{
	margin:45px auto 0 auto;
	width:402px;
}

#StudentIntroModule
{
	margin:15px auto 0 auto;
	width:499px;
}

#EducatorsModule
{
	margin:0 auto;
	width:733px;
}

#SecretCodeModule
{
	margin:45px auto 0 auto;
	width:502px;
}

#RequestInformationModule
{
	margin:0 auto;
	width:733px;
}

#RequestInformationConfirmationModule
{
	margin:0 auto;
	width:402px;
}

#PageNotFoundModule
{
	margin:50px auto 0 auto;
	width:402px;
}


#welcomePanel
{
	background-image:url(../Images/Welcome/welcome_slice.gif);
	background-repeat:repeat-y;	
	padding: 20px 20px;
}

#secretCodePanel
{
	background-image:url(../Images/Code/code_slice.gif);
	background-repeat:repeat-y;	
	padding: 10px 20px;
}

#educatorPanel
{
	background-image:url(../Images/Educators/educators_slice.gif);
	background-repeat:repeat-y;
	text-align: left;
	padding: 15px 65px;
}

#rifPanel
{
	background-image:url(../Images/RIF/RI_slice.gif);
	background-repeat:repeat-y;
	text-align: left;
	padding: 15px 65px;	
}

#requestInformationConfirmationPanel
{
	background-image:url(../Images/Confirmation/Confirm_slice.gif);
	background-repeat:repeat-y;
	text-align: left;
	padding:5px 35px;
}

#pageNotFoundPanel
{
	background-image:url(../Images/Sorry/sorry_slice.gif);
	background-repeat:repeat-y;
	text-align: left;
	padding: 15px 65px;	
}


a.aiLink
{
	position: relative;
	background-image: url(../Images/Student/student_icon_bttn.gif);
	background-repeat:no-repeat;
	padding: 3px 30px 3px 25px;
	line-height: 25px;
	text-decoration:underline;
}

a.aiLink span
{
	position:absolute;	
	top:0;
	right:0;
	background-image: url(../Images/Student/student_icon_logo.gif);
	background-repeat:no-repeat;
	width: 26px;
	height: 19px;
	text-decoration:none;
	padding:0;
	margin:0;
}


/*********************************************************************************************************** 
	Form Alignment
************************************************************************************************************/

div.form
{
	padding: 5px;
	margin: 0px auto;
}

div.row 
{
	clear:left;
	padding-top: 5px;
	
}

div.row span.formw 
{
	float: left;
	width: 275px;
	text-align: left;
	
} 
div.row span.label
{
	float: left;
	width: 260px;
	padding-right:15px;
	padding-top:3px;
	text-align: right;
	line-height:14px;
}

div.row span.required
{
	background-image:url(../Images/Common/icon_required.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

div.row span.error
{
	color:Red;
	text-align:center;
	display:block;
}

/*********************************************************************************************************** 
	Interstitial Pages
************************************************************************************************************/

#Interstitial, #InterstitialThirdParty, #EducatorInterstitial
{
	position:absolute;
	top:150px;
	left:270px;
	text-align:left;
	background-image:url(../Images/Interstitial/redirect_bkg.gif);
	background-repeat:repeat-x;
	background-color:#0B0E11;
	padding:20px;
	width:400px;
	display:none;
	z-index:1000;
}
.SubmitButton
{
	background-image: url(/adv/Images/RIF/RI_bttn_submit.gif);
	width: 144px;
	height: 33px;
	border: none 0px #000000;
	margin-left: 292px;
	margin-top: 20px;
}

.FormTextBox
{
	font-size: 10px;
	width: 150px;
}
.FormPhoneTextBox
{
	width: 30px;
	font-size: 10px;
}
.FormPhoneTextBox2
{
	width: 50px;
	font-size: 10px;
}
.PostalCodeTextBox
{
	width: 100px;
	font-size: 10px;
}
.EmailTextBoxShort
{
	width: 200px;
	font-size: 10px;
}
.FormDropDownList
{
	font-size: 10px;	
}


/*********************************************************************************************************** 
	Educator Pages
************************************************************************************************************/

#ftrStudent
{
	display: none;
}

#container.Educators #ftrStudent
{
	display: block;
}

p.aiLinkEducators
{
	position: relative;
	background-image: url(../Images/Student/student_icon_bttn.gif);
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding: 5px 30px 3px 25px;
	line-height: 20px;
}

p.aiLinkEducators span
{
	display: block;
	color: #FFFFFF;
}

p.aiLinkEducators a
{
	text-decoration:underline;
}

#CulinaryResourcesScrollPane p a
{
	text-decoration: underline;
}

#CreativeLearningScrollPane p.aiLinkEducators, #CulinaryResourcesScrollPane p.aiLinkEducators
{
	position: relative;
	background-image: url(../Images/Educators/iconAcrobat.gif);
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding: 5px 30px 3px 30px;
	line-height: 20px;
}

.note
{
	font-size: 0.9em;
}
