/* -start- for print */
.headerlogoPrint {
	width: 231px;
	float: left;
	display: none;
}
.headerlogoPrint h1 {

	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 231px;
	font-size: 0.1em;
	color: #3A6732;
	text-indent: -10000px;
}
.headerInfoPrint {
	width: 235px;
	padding-top: 87px;
	float: right;
	display: none;
}
/* -end- for print */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* ------- END sifr css ------------ */

html {
	min-height: 100%;
	margin-bottom: 1px;
}

.container {
	width: 747px;
	margin-right: auto;
	margin-left: auto;
}
.contentBG 
{
	background-image: url(../Images/mainbg.gif);
	/*background-position: 0px 30px;*/
	float: left;
	width: 750px;
	background-repeat: no-repeat;
	/*background-color: #70B635;*/
	/*
	float: left;
	width: 735px;
	padding-right: 6px;
	padding-left: 6px;
	background-image: url(../Images/bggradient.gif);
	background-repeat: repeat-y;
	*/
}

.headerTop 
{
	/*
	float: left;
	height: 20px;
	width: 705px;
	text-align: right;
	padding-right: 30px;
	padding-top: 10px;
	background-color: #FFFFFF;
	*/
}

.bgImage {
	background-image: url(../Images/mainbg.gif);
	/*background-position: 0px 30px;*/
	float: left;
	width: 735px;
	background-repeat: no-repeat;
	background-color: #70B635;
}
.bgImageAdmin {
	background-image: url(../Images/headeradmin.jpg);
	background-position: 0px 30px;
	float: left;
	width: 735px;
	background-repeat: no-repeat;
	background-color: #eeeff0;
}

/* -Start- Framework Classes*/
div.columnWrapper
{
	float: left;
	width: 670px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}

.columnWrapper p {

	font-size: 70%;

}
/* -End- Framework Classes */

/* -Start- Additonal Tweeks*/
.onePxBottomLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #77a766;
}

.backToTop {
	display: block;
	float: left;
	width: 495px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.backToTop a {
	font-weight: bold;
	text-decoration: none;
}

.backToTop a:hover {
	text-decoration: underline;
}

/* -End- Additonal Tweeks*/

/* -start- Generic*/
.validationError
{
	font-size:10px;
	color: #ffffff;
	padding:0px 0px 0px 0px;
}
/* -end- Generic*/

/* -start- fonts */
h1 {
	font-size: 130%;
	margin: 0px;
	padding: 0px;
}

h2 
{
	font-size: 80%;
}

h3 {
	font-size: 86%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.rightColWrapper a {
	text-decoration: none;
}


h4 {
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}
/*- end- fonts*/


/* -start- Input field classes */
input.textboxMedium
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border: solid 1px #66955A;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-weight:normal;
	width:200px
}

.dropdownMedium
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border: solid 1px #66955A; 
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float:none;
	font-weight:normal;
	width:200px
}

textarea.textAreaMedium
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border-style:solid;
	border-color:#66955A;
	border-width:1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight:normal;
	width:200px
}


input.loginInput 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border: solid 1px #66955A; /*WAS #606060;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	width:100px;
}

.jobtypedropdown
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
	
}

.cvnotes
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	font-weight:normal;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float:left
}
.cvdropdown
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border: solid 1px #66955A; 
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float:none;
	font-weight:normal;
}
.cvinput 
{
	width: 122px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border: solid 1px #66955A;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
	font-weight:normal;
}

.cvMultilineInput 
{
	width: 122px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border-style:solid;
	border-color:#66955A;
	border-width:1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight:normal;
}

.fileUpload
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#66955A;
	margin:1px 5px 1px 1px;
	border: solid 1px #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-weight:normal;
	height: 18px;
}
.cvradiobutton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #66955A;
	margin:1px;
	border-style:none;
	border-width:thin;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight:normal;
}

/* -End -  Input field classes */

/* -Start- Header Section*/
.header {
	width: 670px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom:15px;
	margin: 0px;
	float: left;
}
.headerlogo {
	width: 231px;
	padding-top: 55px;
	float: left;
}
.headerInfo {
	width: 235px;
	padding-top: 75px;
	float: right;
	text-align: right;
}
/* -End- Header Section*/

/* -Start- Flash Section */

div.clsFlashImagesSurroundDiv
{
	/*width: 580px;*/ /*Padding adjusted*/
	/*
	padding-right: 40px;
	padding-left: 40px;
	height: 170px;
	margin: 0px;
	float: left;
	border:1px solid #ffffff;
	*/
}

.imageRow {

	float: left;
	width: 670px;
	margin-bottom: 17px;

}

.adminImageRow
{
	float: left;
	width: 670px;

}

/* -End- Flash Section */

/* -Start- NavBar*/

.navbar {
	float: left;
	width: 670px;
	background-color: #66955a;
	height:27px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}


.sideNavigation {
	float: left;
	width: 160px; /*margin adjusted*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}

.sideNavigation p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.sideNavigation a {
	text-decoration: none;
	display: block;
	width: 150px;
	padding: 5px;
	/*borders originally on li*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #77a766;
}

.sideNavigation a:hover {
	background-color: #77a766;
	display: block;
	text-decoration: none;
	width: 150px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;
	/*borders originally on li*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #77a766;
}

.sideNavigation li {

	display: block;
	list-style-type: none;
	font-size: 70%;
}

.sideNavigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul.bulletList
{
	font-size: 70%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.bulletList li {
	margin: 0px;
	padding-bottom: 5px;
}


/* -End- NavBar */

/* -Start- Left Column*/
.leftColumn {
	float: left;
	width: 320px;
	margin-right: 30px;
}

.leftColumn p {
	font-size: 70%;
}

/*
.leftColumn {
	width: 670px;
	display: block;
}
*/

/* -End- Left Column*/

/* -start- right column*/
.rightColumn {
	float: left;
	width: 320px;
}
/*
.rightColumn p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffffff;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
*/
/*
.rightColumn {
	width: 670px;
	margin-top: 10px;
	display: block;
}
*/

.rightColWrapper {
	float: left;
	width: 495px;
	margin-left:15px;
}
div.smallColumn {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
}

/* -end- right column*/

/* -start- job description area*/
.jobRef {
	float: left;
	width: 105px;
	font-size: 110%;
	margin-right: 10px;
}

.jobRef p {
	margin: 0px;
	padding: 0px;
	font-size: 70%;
}

.jobContainer {
	float: left;
	width: 495px;
	padding-top: 0px; /*Was 15px*/
	padding-bottom: 10px;
	display: block;
	/*
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0d790;
	*/
}

.jobDescriptionArea {
	float: left;
	width: 380px;
	display: block;
}

.jobDescriptionArea p {
	padding-bottom: 10px;
	margin: 0px;
}

/*TABLE REPLACEMENT - START*/
table.VacanciesTable
{	
	width:495px;
	border: 0px;
}

.VacanciesTableHeader td
{
	border-bottom: solid 1px #77A766;
	font-weight:bold;
}

.VacanciesTableItem td
{
	border-bottom: solid 1px #77A766;
}

.VacanciesTableFooter td
{
}

/*TABLE REPLACEMENT - END*/
/* -end- job description area */

/* -start- Footer*/
.dtText {
	text-align: right;
	width: 217px;
	float: right;
	padding-top: 4px;
}

.dtText a {

	color: #FFFFFF;

}

.footerLeft {
	float: left;
	width: 300px;
	padding-top: 4px;
}

.footerRight {
	float: right;
	width: 300px;
}

.footer {
	float: left;
	width: 650px;
	background-color: #7eb84e;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 65%;
}
/* -End- Footer */


/* -- Main Content --*/


div.contentArea {
	width: 670px;
	margin-top: 17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	float: left;
}

body {
	background-image: url(../Images/bgrepeat.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #70B635;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;/*#5F6060;*/
	font-size: 100%;
}

/* -- End Main Content --*/

/* -start- floats*/
.left {
	float: left;
}
.right {
	float: right;
}

/* Clear floats */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */

/* -end-  floats*/

/* -Start- DataGrid formatting*/
.Grid
{
	font-family: Verdana, Arial;
    font-size: 11px;
    border: solid 0px #ffffff;
    width: 670px;
}
.Grid A
{
	color: #66955A;
	text-decoration: underline;
}
.Grid A:hover
{
	text-decoration: none;
}
.GridHead
{
    background-color: #66955A;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    border: #66955A;
}

.GridHead td
{
	 padding: 5px 0px 5px 0px;
}

.GridItem
{
    background-color: Transparent;
    border-bottom: solid 1px #8BAE81;
    color: #ffffff;
    padding-left: 5px
}
.GridItemHover, .GridItemSelected
{
    background-color: #8BAE81;
    border-bottom: #8BAE81;
    color: #ffffff;
    padding-left: 5px
}
.GridItemAlt
{
    background-color: Transparent;
    border-bottom: solid 1px #8BAE81;
    color: #ffffff;    
    padding-left: 5px
}
.GridItemAltHover
{
    background-color: #8BAE81;
    border-bottom: #8BAE81;
    color: #ffffff;    
    padding-left: 5px
}
.GridFooter
{
    background-color: Transparent;
    line-height: 10pt
}
.GridPager
{
    background-color: #66955A;
    color: Yellow;
    font-weight: bold;
    text-align: center;
}
.GridPager A
{
    color: #FFFFFF;
    text-decoration: underline;
}
.GridPager A:hover
{
    text-decoration: none;
}

/* -End- DataGrid formatting*/

/* -start- admin styles*/
.adminNav {
	float: left;
	height: 27px;
	width: 670px;
	background-color: #66955A;
	margin-bottom:10px;
}

/*
.navigation img {
	margin-right: 12px;
}
*/
/* -start- Table styles */
.cvtable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-style:none;
}

.cvtable td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-style:none;
	font-weight:bold;
}

.callbackTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-style:none;
}

.callbackTable td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-style:none;
	font-weight:bold;
}



/* -end- Table styles */

.leftColumnCV {
	float: left;
	width: 495px;
	margin-left:15px; 
}

.leftColumnCV p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffffff;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.leftColumnWide {
	float: left;
	width: 670px;
	margin-left:0px; 
}

.leftColumnWide p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ------- Minimum height fix ------------ */
/* for Mozilla/Safari/Opera */
*>.mainArea {
	padding-top: 58px;
	min-height: 1px;
}

*>.mainArea .content {
	margin-top: -58px;
	width: 675px;
}

/* for IE, with IE5/Mac backslash filter \*/
* html .mainArea {
 height: 58px;
}
/* end filter */
/* ------- End Minimum height fix  ------------ */
.pageIntro p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #ffffff;
	margin: 0px;
	padding-top:10px;
	padding-bottom:10px;
}

.pageIntro td {
	font-size: 65%;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin: 0px;
}
.pageIntro table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.pageIntro select {
	margin-bottom: 5px;
	width: 150px;
	border: 1px solid #C1D4E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-size: 100%;
	color: #005192;
}

.pageIntroInput {
	font-size: 100%;
	width: 150px;
	border: 1px solid #C1D4E7;
	color: #005192;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pageIntro textarea {
	font-size: 100%;
	width: 150px;
	border: 1px solid #C1D4E7;
	color: #005192;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wallpaperPad {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	width: 155px;
}
.wallpaperEnd {
	margin: 0px;
	float: left;
	width: 155px;
}
.wallpaperCaptions {
	float: left;
	width: 155px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.wallpaperCaptions a {
	text-decoration: none;
}
.wallpaperCaptions a:hover {
	text-decoration: underline;
}


.onePxLine {
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 495px;
	padding: 0px;
	background-image: url(../Images/greendivider.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.noBorder
{
	border: 0px;
}
div.pageIntro {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 495px;
}
.rightColWrapper a:hover {
	text-decoration: underline;
}
