BODY
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #777777;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px;
    LETTER-SPACING: normal;
    LINE-HEIGHT: normal;
}

.Normal      { color: #ECAD47; background-color: #FFFFFF; background-image: none; 
               font-weight: normal; text-decoration: none}
.Normal:Visited     { color: #E59310; background-color: #FFFFFF; background-image: none; 
               font-weight: normal; text-decoration: none}
.Normal:Hover       { color: #C79325; background-color: #FFFFFF; background-image: none; 
               font-weight: normal; text-decoration: underline}
               
.Normal2      { color: #ECAD47; background-color: #FFFFFF; background-image: none; 
               font-weight: bold; text-decoration: none}
.Normal2:Visited     { color: #E59310; background-color: #FFFFFF; background-image: none; 
               font-weight: bold; text-decoration: none}
.Normal2:Hover       { color: #C79325; background-color: #FFFFFF; background-image: none; 
               font-weight: bold; text-decoration: underline}
               
.TopNav
{
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
td           { font-family: Verdana; font-size: 11px }
.sidenav
{
    BORDER-LEFT: aqua thin;
    BORDER-RIGHT: aqua thin;
    COLOR: #fafad2;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}
.textcolor
{
    COLOR: #000000;
    FONT-FAMILY: Verdana
}
input        { color: #000000; font-family: Verdana; font-size: 11px }
TEXTAREA
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px
}
SELECT
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px
}
.blue
{
    COLOR: #191970;
    FONT-FAMILY: Verdana
}
.green
{
    COLOR: #006400;
    FONT-FAMILY: Verdana
}
.Page_Header
{
    BORDER-BOTTOM: thick solid;
    BORDER-LEFT: thin solid;
    BORDER-RIGHT: thin solid;
    BORDER-TOP: thin groove;
    CLEAR: both;
    COLOR: #006400;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 18px;
    FONT-VARIANT: small-caps;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase
}
.Right_Nav_Link
{
    COLOR: #fafad2
}
.smGreenHeader
{
    COLOR: #006400;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}
.smBlackText
{
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}
dt {
	font-weight: bold;
}
dd {
	margin: 10px 0px 20px 10px;
	font-style: italic;
}
dd ol {
	margin-top : 5px;
}
/*+++++++++++++++++++++++++++++++++++++The following styles were created on March 23 2010 by NS. Their purpose is to style the elements of the 'Employment Opportunities' (staffOpsV03ns.html) page.+++++++++++++++++++++++++++++++++++++++++++++*/
/*This page was created March 23 2010 to allow in context editing of the positions available by the HR staff. The old page was built using tables, and therefore unable to support in context editing. This version of the page uses div's in place of tables, and is editable through the browser using Adobe's in context editing functions. March 23 2010 NS.*/

HTML BODY {
height:100%;
min-height:100%;
}

a:link {color:#F5EAD3;}      /* unvisited link */
a:visited {color:#F5EAD3;}  /* visited link */
a:hover {color:#ECCB73;}  /* mouse over link */
a:active {color:#D5C392;}  /* selected link */

.cityNameJobName {
		margin: 0px 50px 0px 0px;
		padding:20px 440px 0 0;
		vertical-align:bottom;
		line-height:10px;
		/*height: 50px;*/ /*commented this out to avoid overlapping on multi-line job titles*/
		/*width:250px;*/
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight:bold;
		color:#444;
		text-align:right;
		/*border-bottom:#ccc dotted 1px;*/
		clear:both;
}

.cityName {
		font-size: 16px;
		line-height: 16px;
		color:#999999;
}

.driverSection {
		clear:both;
		background-color: #EBEBEB;
}

.description{
		margin:0px 0 0 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		float:left;
		line-height:14px;
		font-style:italic;
		text-align: right;
		width: 250px;
		height: 25px;
}

.descriptionText{
		width:440px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: left;
		/*float:left;*/ /*If this float is active, the html and body won't stretch to 100% page height*/
		margin:0px 0 15px 260px;
}

#employmentHeading {
		float: left;
		margin: 7px 0px 10px 3px;
}

#job {
		/*clear: both;*/
		width: 740px;
}

/*these styles cause this div to force the surrounding div to stretch. I know.*/
.jobPostingArea #driverSection #job #jobDivEnforcer {
		clear: both;
		height: 1px;
		width: 740px;
}

.jobPostingArea {
		clear:both;
		background-color: #F5F3F1;
		width: 740px;
}

#menu {
		height: 50px;
		width: 742px;
		background-color:#0C0;
}

.position {
		font-size: 18px;
		line-height: 18px;
		clear:both;
}

.requirements{
		margin:15px 0 0px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		line-height:14px;
		font-style:italic;
		text-align: right;
		width: 250px;
		float:left;
		/*float:left;*/
}


.requirementsText{
		width:440px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: left;
		/*float:left;*/
		margin:15px 0 15px 260px;
}



#staffOpportunitiesHeading {
		float: left;
		margin: 7px 0px 0px 0px;
}

.sectionHeader {
		color:#F0F0F0;
		background-color: #333;
		clear: both;
		width: 740px;
		min-height: 50px;
		vertical-align: middle; /*this is not making 'drivers, and elliot's ph number verticlly aligned middle, wonder why*/
		margin:0px 0 0 0;
		border-bottom:#000 solid 6px;
}

.sectionTitle {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 24px;
		float: left;
		vertical-align:middle; /*this is not making 'drivers, and elliot's ph number verticlly aligned middle, wonder why*/
		margin:10px 0 0 20px;
}

.sectionContact {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		float: right;
		margin:13px 20px 0 0 ;
}