/* Structural elements */

#pageBackground
	
	{
	background-color: #85C76F;
	}

#pageBody
{
	position: absolute;
	left: 0px;
	top: 6px;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: .7em;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	border-width: 0px 0px 4px 0px;
	border-bottom-color: #006699;
	border-style: solid;
	text-align: left;
	}

#logoArea
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 153px;
	height: 132px;
	margin: 0 0 0 0;
	padding: 17px 0 0 15px;
	background-color: #FFFFFF;
	z-index: 3;
}

#homeHeaderArea
{
	position: absolute;
	height: 69px;
	top: 64px;
	left: 0px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-width: 0px 0px 6px 0px;
	border-bottom-color: #85C76F;
	border-style: solid;
	z-index: 2;
}

#homeHeaderImages
{
	position: absolute;
	left: 169px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-width: 0;
	z-index: 2;
}

#headerArea
{
	position: absolute;
	left: 169px;
	top: 6px;
	width: 341px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 2;
}
#titleArea
{
	position: absolute;
	left: 169px;
	top: 67px;
	height: 65px;
	margin: 0 0 0 0;
	padding: 0 0 11px 0;
	border-width: 0 0 6px 0;
	z-index: 2;
}


#horizontalNav
{
	position: absolute;
	left: 0px;
	top: 143px;
	width: 100%;
	height: 22px;
	margin: 0 0 0 0;
	padding: 3px 0 3px 0;
	border-width: 6px 0px 3px 0px;
	border-top-color: #85C76F;
	border-bottom-color: #85C76F;
	border-style: solid;
	z-index: 2;
}

#horizontalNavContent
{
	position: absolute;
	left: 169px;
	top: 0px;
	height: 22px;
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	border-width: 0 0 0 0;
	z-index: 2;
}

#textArea
{
	position: relative;
	left: 169px;
	top: 191px;
	width: 420px;
	height: auto;
	padding: 0 0 175px 0;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
#textAreaHome
{
	position: relative;
	left: 169px;
	top: 165px;
	width: 400px;
	height: auto;
	padding: 0 0 180px 0;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
#textAreaWide
{
	position: relative;
	left: 169px;
	top: 190px;
	width: 615px;
	height: auto;
	padding: 0 0 110px 0;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
#homeImageArea
{
	position: absolute;
	left: 584px;
	top: 183px;
	width: 191px;
	height: 267px;
	margin: 0 0 0 0;
	padding: 0;
	z-index: 2;
}

#navBar
{
	position: absolute;
	left: 0px;
	top: 143px;
	width: 169px;
	height: auto;
	margin: 0;
	white-space: normal;
	background-color: #FFFFFF;
	z-index: 4;
}

#spotlightArea
{
	position: absolute;
	left: 0px;
	top: 347px;
	width: 135px;
	height: auto;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #E7F4E2;
	border-width: 2px 0px 0px 0px;
	border-top-color: #006699;
	border-style: solid;
	white-space: normal;
	text-align: left;
	z-index: 2;
}

#whiteBox
{
	position: absolute;
	left: 0px;
	bottom: 10px;
	width: 169px;
	height: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	white-space: normal;
	text-align: left;
	z-index: 5;
}

#bottomNav
{
	position: relative;
	width: 100%;
	height: 12px;
	padding: 10px 0 0 0;
	margin: 20px 0 15px 0;
	background-color: #FFFFFF;
	border-width: 2px 0px 0px 0px;
	border-top-color: #85C76F;
	border-style: solid;
	text-align: left;
	z-index: 1;
	top: 0px;
}

#bottomNavItems
{
	position: absolute;
	left: 169px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border-width: 0;
	z-index: 2;
}

/* definition for all links */

a:link {
	text-decoration: none;
	color: #006699;
}
		
a:visited {
	text-decoration: none;
	color: #006699;
}
	
a:active {
	text-decoration: underline;
	color: #006699;
}

a:hover {
	text-decoration: underline;
	color: #006699;
}

/* definition for text */

.bodyText {				/* used only on home page */
  font-family: verdana, arial, helvetica, sans-serif;
  color: black;
  font-size: 1em;
  }
  
.bodyText a:link {		/* used only on home page */
	text-decoration: none;
	color: #006699;
}
  
.bodySubhead {			/* green boldface headers */
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #339900;
  font-size: 1em;
  }
  
.photoCaption {			/* photo captions */
  font-family: arial, helvetica, sans-serif;
  color: black;
  font-size: 1em;
  }
  
.spotlightTitle {		/* "News" header in home page spotlight */
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #339900;
  font-size: 1.2em;
  }
  
.spotlightSubhead {		/* bold header in home page spotlight */
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #006699;
  font-size: 1em;
  }
  
.navText {				/* third-level navigation (off state) */
  font-family: verdana, helvetica, sans-serif;
  color: #006699;
  font-size: 1em;
  text-decoration: none;
  }
  
.navTextOn {			/* third-level navigation (on state) */
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  color: #006699;
  font-size: 1em;
  text-decoration: none;
  }
  
.navText a:link {		/* make third-level nav links display without underline */
	text-decoration: none;
	color: #006699;
}

/* CSS for Text on Online Application */

fieldset.signIn
{
	font-size: 10px;
	padding: 2px;
	border: solid 1px #000000;
	width: 300px;
}

label.signIn
{
	margin-right:10px;
	position: relative;
	display: block;
	float: left;
	width: 100px;
	font-size:10px;
}

input.signIn
{ 
	font-size: 10px;
	margin-right: 10px;
	background-color: #ffffff;
}

input.signInSubmit
{
	font-size:12px;
	position:relative;
	float: left;
	margin-left:125px;
}

fieldset.reminder
{
	font-size: 10px;
	padding: 2px;
	border: 0px;
	width: 200px;
	text-align:center;
}

.alertText
{
	font-size: 14px;
	color: red;
}

fieldset.checklistArea
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 600px;
	height: 1310px;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: solid 2px #000000;
	font-size: 12px;
}

legend.checklist
{
	color: #006699;
	font-weight: bold;
	font-variant: small-caps;
	background-color: white;
	padding: 2px 6px;
	border: solid 1px #006699;
}

.checklistBoxes
{
	position:relative;
	left: 20px;
	top: 60px;
}


.checklistInfo
{
	position: relative;
	left: 130px;
	top: 0px;
	font-size:10px;
	border: solid 2px #339900;
	padding: 5px 5px;
	width: 400px;
	height: 110px;
}

input.submitChecklist
{
	position:relative;
	top:20px;
	left:220px;
	font-size:12px;
}

fieldset.inputFields
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 640px;
	height: auto;
	padding: 15px 7px 7px 7px;
	margin: 7px 7px 7px 7px;
	text-align: left;
	border: solid 2px #000000;
	font-size: 12px;
	text-align: left;
}

input.inputFields
{
	font-size:11px;
	font-family:Tahoma;
	color: Black;
	background-color: White;
	border: solid 1px black;
	margin-top:10px;
	padding-left: 2px;
}

select.inputFields
{
	font-size:11px;
	font-family:Tahoma;
	color: Black;
	background-color: White;
	border: solid 1px black;
	margin-top:10px;
	padding-left: 2px;
}

label.inputFields
{
	font-weight: bold;
	color: #339900;
    text-align: right;
    margin-right: 10px;
    margin-top:10px;
    position: relative;
    top: 4px;
    display: block;
    float: left;
    width: 145px;
}

label.inputFieldsInline  
{
	font-weight: bold;
	color: #339900;
    text-align: right;
    margin-right: 10px;
    margin-top:10px;
    margin-left:10px;
    display: inline;
    float: none;
    }
    
 label.inputFieldsResume
 {
	font-weight: bold;
	color: #339900;
	text-align: right;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 0px;
	display: inline;
	float: none;
 }
 
 label.resumeActTitle
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 27px;
		float:none;
	}
	
label.resumeActType
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 70px;
		float: none;
	}

label.resumeActDate
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 97px;
	}

label.resumeActLead
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 125px;
	}
	
label.resumeActDesc
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 155px;
	}

label.resumeAwardTitle
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 45px;
	}

label.resumeAwardDate
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 135px;
	}

label.resumeAwardDesc
	{
		font-weight: normal;
		color:#339900;
		position: relative;
		left: 270px;
	}
	
label.resumeJobTitle
	{
		font-weight:normal;
		color:#339900;
		position:relative;
		left:30px;
	}

label.resumeJobName
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 47px;
	}
	
label.resumeJobDate
	{
		font-weight: normal;
		color: #339900;
		position: relative;
		left: 90px;
	}
	
label.resumeJobHour
	{
		font-weight: normal;
		color:#339900;
		position:relative;
		left: 145px;
	}

label.inputFieldsWide
{
	font-weight: bold;
	color: #339900;
    text-align: right;
    margin-right: 10px;
    position: relative;
    top: 4px;
    display: block;
    float: left;
    width: 305px;
}

input.submitFields
{
	font-size: 12px;
    vertical-align: middle;
    font-weight: bolder;
    text-align: center;
    color: #ffffff;
    background: #339900;
    padding: 1px;
    border: solid 2px #339900;
    cursor: pointer;
    float:left;
    width:120px;
    margin-left: 260px;
}

label.collegeTableHead1
{
	position: relative;
	font-weight: bold;
	width:250px;
	color: #339900;
    text-align: left;
    margin-left:10px;
    border: 0px;
}

label.collegeTableHead2
{
	position: relative;
	left: 39px;
	width: 10px;
	font-weight: bold;
	color: #339900;
    text-align: center;
    margin-left:10px;
    border: 0px;
}

label.collegeTableHead3
{
	position: relative;
	left:50px;
	width: 100px;
	font-weight: bold;
	color: #339900;
    text-align: center;
    margin-left:10px;
}

label.collegeTableHead4
{
	position: relative;
	left:70px;
	width: 100px;
	font-weight: bold;
	color: #339900;
    text-align: center;
    margin-left:10px;
}