body {
	font-family: arial, helvetica, sans-serif;
	width: 100%;
	padding: 0px;
	margin:0px;
	font-size:90%;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	left: auto;
	top: 0px;
	right: auto;
	bottom: 0px;
	background-image: url(../images/bg3.gif);
	background-repeat: repeat;
}

textarea {
	font-family: arial, helvetica, sans-serif;
	font-size:90%;
}

a, a:link, .small a, .small a:link{color: #7E6FFF;
		text-decoration: underline;}
		
.smallWhite a, .smallWhite a:link{
	color: #ffffff;
	text-decoration: underline;
	font-size:small;
	}

a:hover {
	color: #7E6FFF;
	text-decoration: underline;
	font-weight: bold;
	}  
	
a img {border: none; 
		text-decoration: none;}
		
/*standard text formating items*/
em {font-style: italic;}
strong {font-weight: bold;}
.center {text-align: center;}
.small {
	font-size: 65%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.right {text-align: right;}
.red {color: #680004; font-weight: bold;}
.signature {
	color: #680004;
	font-weight: bold;
	font-style: italic;
}
.redbig {
	color: #680004;
	font-weight: bold;
	font-size: 16px;
}

.brightred {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
.indent1								{margin-left: 40px}
.indent2								{margin-left: 80px}
.indent3								{margin-left: 120px}

		
		/*menu*/
#navwrapper {
	width: 100%;
	background-color: #7E6FFF;
	height: 50px;
	margin: 0px;
	padding: 0px;
		}

#nav {
	clear: both;
	padding: 0;
	margin: 0px;
	list-style: none;
	font-weight: bold;
	background-color: #E3A43B;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* all lists */	
#nav ul { 
		padding: 0;	
		margin: 0;
		list-style: none; 
		line-height: 1;}

#nav a {
	display: block;
	text-decoration: none;
	border: none;
	color: #FFFFFF;
	z-index: 10;
	margin: 0px;
	padding: 5px;
	text-align: left;
		}
	
#nav a:hover {
	display: block;
	z-index: 10;
	margin: 0px;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #27F7D8;
		}
	
/* all list items */	
#nav li {
	float: left;
	/* width: 155px; /* width needed or else Opera goes nuts */
		height: 25px;
	z-index: 10;
	text-align: center;
	padding-top: 5px;
	border: thin ridge #FFFFFF;
}
	
 /* second-level lists */
#nav li ul {position: absolute;
		background: white;
		width: 100px;
		z-index: 10;
		text-align: center;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		margin-top: 0px;}

#nav li ul a {text-align: left; 
	 	padding: 5px 11px;	
	 	width: 122px;
	 	background: #E3A43B;
		text-align: center;
		font-weight: normal;}

#nav li ul li{
		background: #E3A43B; 
		border: 1px solid #dfe7c9; 
		border-top: 1px solid #dfe7c9;
		width: 152px; 	
		height: auto;
		text-align: center;
		padding: 2px 0px;
		margin: 0px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		z-index: 10;
}
	
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
		z-index: 10;
		left: auto;
}
	
/*changes the background color on hover*/
#nav li:hover, #nav li.sfhover {
	z-index: 10;
	background: #E3A43B;
	color: #27F7D8;
	font-weight: bold;
}	
	
/* lists nested under hovered list items */	
#nav ul li:hover a:hover, #nav ul li.sfhover a:hover{ 
		z-index: 10;
		width: auto;
		text-align: center;
		background:#7E6FFF; 
		font-weight: bold;
		color: #27F7D8;
}	

/*footer*/	
#footerwrap {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #E3A43B;
	clear: both;
    }
		
#footer {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-size: small;
	background-repeat: no-repeat;
	background-position: left center;
}
		
		/*main content*/
#maincontent {float: right; 
		width: 520px;
		margin-bottom: 5px;}
#maincontent a {font-weight: bold}
#maincontent ul.afl li {padding: 0px 0px 10px 0px;}

/*detail content*/
#detailcontent { 
		width: 100%;
		margin-bottom: 5px;}
#detailcontent a {font-weight: bold}
#detailcontent ul.afl li {padding: 0px 0px 10px 0px;}

/*content, contentwrapper*/			
#contentwrapper {
	float: none;
	margin: 0px;
	padding: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: auto;
	width: auto;
	clear: both;
}
		
#content {
	background: #fff;
	margin: 0px;
	float: left;
	width: 580px;
	padding: 5px;
}

#contentAdmin {
	background: #fff;
	margin: 0px;
	float: left;
	padding: 0px;
	width: 100%;
}

#contentAll {
	background: #fff;
	margin: 0px;
	float: left;
	padding: 5px;
}
		
		/*headerwrapper, header*/			
#headerwrapper {position: relative; 
		width: 740px; 
		margin: 0px auto;}
				
#header {
	padding-right: 1px;
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	right: 0px;
	background-color: #93D7F1;
}

#header p {
	position: absolute;
	top: 6px;
	left: 4px;
	text-align: center;
	height: 66px;
	width: 740px;
}
#header a {border: none; 
		font-weight: bold;}
/*Quick Link's box*/
#header select {margin-top: 8px; 
		width: 180px;}
/*Search box*/
#header input {margin: 0px; 
		padding: 0px}
/*label is used to improve page accessiblity*/
#header label {display: none}

.H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7E6FFF;
}

.H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7118DE;
	font-weight: bold;
}

.H3 {
	color: #FFF;
	font-weight: bold;
}

.H3 a {
	color: #FFF;
	font-weight: bold;
		}
	
.H3 a:hover {
	color: #FFF;
	font-weight: bold;
		}

#mainwrapper{
	background-color: #FFFFFF;
	width: 740px;
	margin: 0px auto;
	padding: 0px;
	background-position: center top;
	border: thin solid #000000;
	
}.footerParagraph {
	font-size: x-small;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
}



#contentRight {
	float: right;
	width: 430px;
	padding: 5px;
	border: thin solid #000000;
	margin: 5px;
}

#contentLeft {
	width: 136px;
	padding: 5px;
	border: thin none #000000;
	margin: 0px;
	background-color: #FFFFFF;
	float: left;
}

#sidebar {
	float: left;
	width: 240px;
	background: url(images/sidebar.gif) no-repeat top right;
	font-size: 0.9em;
}
h1 {
	font-size: 16px;
	color: #C96FFF;
}
.names {
	color: #FFFFFF;
	background-color: #7E6FFF;
	font-weight: bold;
}
#stumped {
	font-style: italic;
	color: #FFFFFF;
	background-color: #2A00CC;
	font-size: medium;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}
.blue {
	color: #1EA7AF;
	font-weight: bold;
}

.namesRed {
	color: #FFFFFF;
	background-color: #BE0614;
	font-weight: bold;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.selectPersonalityChoice{
	margin: 7px;
	width: 275px;
	border: thin solid #000000;
	padding: 7px;
	background-color: #4B6EA0;
	color: #FFFFFF;
	clear: both;
}

.selectChoice{
	margin: 7px;
	width: 300px;
	border: thin solid #000000;
	text-align: center;
	padding: 7px;
	background-color: #4B6EA0;
}

#companyWrapper{
	border: thin solid #4B6EA0;
	margin: 5px;
	padding: 5px;
	float: left;
}

.jobLine {
	border: thin solid #4B6EA0;
	margin: 5px;
	padding: 5px;
}

div.dateField {
	width: 140px;
	padding: 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #FFF;
	background-color: #900;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div#popupDateField:hover {
	background-color: #cde;
	cursor: pointer;
}
div#popupDateField2:hover {
	background-color: #cde;
	cursor: pointer;
}