﻿html{ padding: 0px; margin: 0px; height: 100.2%; }
body {padding: 0px; margin: 0px; background-color: #f6adcd; }

a {outline:none;}

.title {width:950px;margin:0 auto;background-color: #f6adcd;height:173px;}

.container {width:950px; background-color:#FFF; margin:0 auto; min-height:600px; position:relative;}
.footerbar {width:950px; background-color:#f6adcd; margin:0 auto;}

.leftColumn {width:110px; float:left; margin-left:62px;}
.middleColumnStnd {width:477px; float:left;}
.searchBox  {width:240px; float:left;}

.standardClear {clear:both; height:70px; margin:0; padding:0;}
.bodyClear {clear:both; height:40px; margin:0; padding:0;}
.titleToTextClear {clear:both; height:20px; margin:0; padding:0;}
.titleToTextClearSmall {clear:both; height:5px; margin:0; padding:0;}
.formrowclear {clear:both; height:10px; margin:0; padding:0;}

/*background image templates*/

.homeText {position:relative; /*background:transparent url(../newimages/pelican.jpg) right 75px no-repeat;*/ min-height:400px; width:439px;margin-left:37px;}

.pelican {position:absolute; top:220px;right:315px;}

.xmasdecoration {position:absolute; top:0px; left:465px;z-index:0;}
.homeTextChristmas {position:relative; min-height:400px; width:439px;margin-left:38px;}

.homeTextNoImage {width:439px;margin-left:38px;min-height:400px; }
.TestimonialTextNoImage {width:439px;margin-left:38px;}

.homeTextChristmas p {font:normal 90% arial; color:#6d6f70; margin-top:0px; width:285px;}
.homeText p {font:normal 90% arial; color:#6d6f70; margin-top:0px; width:500px;}
.homeTextNoImage p {font:normal 70% arial; color:#6d6f70; margin-top:0px; width:400px;}
.homeTextNoImage p a {color:#6d6f70; margin-top:0px; width:400px; text-decoration:none;}

.jobListingText {width:439px;margin-left:38px;}

.TestimonialTextNoImage p {font:normal 70% arial; color:#6d6f70; margin-top:0px; width:400px;margin-bottom:0;}
.TestimonialTextNoImage .testimonialsquoter {margin-top:0;margin-bottom:15px; color:#ec4e98;}

.leftColumn p a {font:bold 70% arial;color:#ec4e98; text-decoration:none;}

.noJobsFound {font:bold 80% arial; color:#ec4e98;}

.pageheading { font: normal 1em arial; color: #F22B92; }
.formInputHeadings { font: bold .8em arial; color: #666666;	height: 1.5em; display: block; }
.jobAdminPanel { margin:8px 15px 0px 15px; border:dashed 1px #e0e0e0; padding: 10px 5px 5px 5px;	}
.formInputsTextBoxSmall { font: bold .8em arial; height: 1.2em; width: 8em; font-family: arial; color: #444444; }
.formInputsTextBox { font: bold .8em arial; height: 1.2em; width: 18.5em; font-family: arial; color: #444444; }
.formInputsTextLong { font: bold .8em arial; height: 1.2em; width: 25em; font-family: arial; color: #444444; }
.ddllist { font: bold .8em arial; width: 15em; font-family: arial; color: #444444; }
.formInputsTextBoxMulti { font: normal .8em arial; height:70px; width: 30em; font-family: arial; color: #444444; }
.formInputsTextBoxStub { font: bold .8em arial; height: 1.2em; width: 5em; color: #444444; float:left; display:block; }
/*SEARCH SEARCH SEARCH */
.searchBoxContainer {background: url(../newimages/searchboxback.gif) repeat-y;}
.searchboxtitle {font:bold 70% arial; color:#ec4e98; margin:10px 0px 5px 0px;}
.searchboxformText {font:bold 65% arial; color:#6d6f70;}
.nospace {margin:0; padding:0; height:0px;clear:both;}
.searchbutton {background: url(../newimages/search.gif) no-repeat; width:45px; height:16px; border:none; cursor:pointer;}

.chkBox { width: 15px;height: 18px;    float: left;margin-right: 5px; cursor:pointer;}
.chkLabel {float: left;  font:bold 65% arial; color:#6d6f70; padding-top:3px;}

.chkBoxCat label {font:bold 65% arial; color:#6d6f70; padding-top:0px;}

.jobListings {width:388px;}
.jobBrief {	font:normal 70% arial; color:#6d6f70; }
.jobTitle { font:normal 70% arial; color: #ec4e98; }
.jotwDetails { font:normal 70% arial; color: #ec4e98; text-decoration:none;cursor:pointer;}
.jobSubHeading { font: normal 1em arial;}
.jobSubHeadingJOTW { font: normal .7em arial;color: #ec4e98}
.jobref { font: normal 0.95em arial; color: #6d6f70;	 }

.jobrefJOTW { font: normal .7em arial; color: #505050;}
.jotwDiv {position:absolute; bottom:-5px; left:0px;width:350px;}
.jotwDivLong {position:absolute; bottom:5px; left:0px;width:600px;}

.hide { color: #666666; display: none; visibility: hidden; }
.show { display: inline; visibility: visible; color: #505050; }
.showstrong{ display: inline; visibility: visible; color: #ec4e98; font:normal .95em arial; text-decoration: none;cursor:pointer; }
.showstrongJOTW{ display: inline; visibility: visible; color: #ec4e98; font:normal .75em arial; text-decoration: none;}
.showstrong:hover{ color: #6b505d; }
.hidestrong{ color: #666666; display: none; visibility: hidden; color: #F26521; }
.apply{	color: #F22B92; text-decoration: none; font-weight: bold; }
.smallparagap { display: block; margin-top: .7em; }


.footerleft {float:left; font:normal 65% arial; color:#ef5ea4; margin-top:10px;}
.footerright a {text-decoration:none; float:right; font:normal 65% arial; color:#6d6f70; margin-top:10px;}


/*MENU MENU MENU MENU*/
/* Step 1 - get rid of the bullets and margin */
#menu {width:110px;}
#menu ul {margin:0; padding:0; list-style-type:none;}

#menu ul li a {display:block; width:110px; height:20px; padding-top:6px; border-bottom:solid 1px #f6a7cc;}

#menu ul li a {font:bold 70% arial; text-decoration:none;color: #ec4e98;}
#menu ul li a:hover {color: #6d6f70;}

#menu a#selected {color: #6d6f70;}

#menu a#item1 {background:transparent url(../newimages/home.gifs) no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item2 {background:transparent url(../newimages/different.gifs) no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item3 {background:transparent url(../newimages/vacancies.gifs) no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item4 {background:transparent url(../newimages/contact.gifs) no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item5 {background:transparent url(../newimages/testimonials.gifs) no-repeat; border-bottom:solid 1px #f6a7cc;}

#menu a#item1active {background:transparent url(../newimages/home.gifs) -110px 0px no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item2active {background:transparent url(../newimages/different.gifs) -110px 0px no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item3active {background:transparent url(../newimages/vacancies.gifs) -110px 0px no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item4active {background:transparent url(../newimages/contact.gifs) -110px 0px no-repeat; border-bottom:solid 1px #f6a7cc;}
#menu a#item5active {background:transparent url(../newimages/testimonials.gifs) -110px 0px no-repeat; border-bottom:solid 1px #f6a7cc;}

#menu a#item1:hover {background-position:-110px 0px;}
#menu a#item2:hover {background-position:-110px 0px;}
#menu a#item3:hover {background-position:-110px 0px;}
#menu a#item4:hover {background-position:-110px 0px;}
#menu a#item5:hover {background-position:-110px 0px;}

/* Step 6 - Clearing the float */
#leftmenuArea {display:block; width:145px; float:left; padding: 125px 50px 35px 105px;}


/*QUOTE*/

.carysQuote p {color: #ec4e98;margin-top:4px;margin-bottom:5px;font:normal 65% arial;word-spacing:-1px; line-height:12px;}
p.mainquoteText {font:normal 70% arial;word-spacing:0px;word-spacing:0px;line-height:12px;}
.carysQuote p a {font:normal 100% arial;word-spacing:0px;word-spacing:0px;line-height:12px;}

.twitter {position:absolute; top:27px; right:120px;border:none;}
.facebook {position:absolute; top:20px; right:62px;border:none;}
