/* CSS Document 
I still have to work on the static menu
changing all the CSS
changing the links
pagination stuff
date related links pointing to the all the articles from the month



*/
body {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
}
#header {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 188px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 365px;
	height: 129px;
	background: url('http://www.e4s.co.uk/images/frontEnd/logo.gif');
}
#strap {
	position: absolute;
	top: 0px;
	left: 365px;
	width: 625px;
	height: 88px;
	background: url('http://www.e4s.co.uk/images/frontEnd/strapline.gif');
}
#strap object {
	#position: absolute;
	top: 34px;
	right: 14px;
	width: 468px;
	height: 60px;
	border: 0px solid black;
	z-index: 1;
}
#datebox {
	position: absolute;
	top: 10px;
	right: 0px;
	height: 20px;
	width: 200px;
}
#datebox p {
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: right;
}
#bannerad {
	position: absolute;
	top: 34px;
	right: 14px;
	width: 468px;
	height: 60px;
	border: 0px solid black;
	z-index: 1;
}
#mainnav {
	position: absolute;
	top: 129px;
	left: 0px;
	width: 365px;
	height: 22px;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/mainnav.gif');
}
#mainnav a {
	text-decoration: none;
	color: white;
}
#mainnav ul {
	list-style: none;
}
						#mainnav li
						{
							display: inline;
							font-size: 10pt;
							font-weight: bold;
							color: white;
						}
						
						#mainnav #jobzonetab
						{
							position: absolute;
							top: 2px;
							left: 50px;
						}

						#mainnav #dealzonetab
						{
							position: absolute;
							top: 2px;
							left: 230px;
						}
#jobsearch {
	position: absolute;
	top: 88px;
	left: 365px;
	width: 625px;
	height: 63px;
	background: url('http://www.e4s.co.uk/images/frontEnd/jobsearch.gif');
	_z-index: -1;
}
#jobsearch form {
	position: absolute;
	top: 18px;
	left: 150px;
}
#jobsearch p {
	margin-top: 0px;
	display: inline;
	font-size: x-small;
	font-family: sans-serif;
	color: white;
}
#jobsearch input {
	display: inline;
}
#jobsearch #gobutton {
	position: absolute;
	top: 4px;
	left: 430px;
}
#jobsearch .locationbox {
	position: absolute;
	top: 2px;
	left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 135px;
}
#jobsearch .keywordbox {
	position: absolute;
	top: 2px;
	left: 290px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#jobsearch .categorybox {
	position: absolute;
	top: 2px;
	left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 135px;
}
#subnav {
	position: absolute;
	top: 151px;
	left: 0px;
	width: 810px;
	height: 37px;
}
#subnav a {
	text-decoration: none;
	color: white;
}
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnav li {
	display: inline;
	font-size: x-small;
	font-weight: bold;
}
#subnavbar {
	position: absolute;
	top: 29px;
	left: 0px;
	width: 810px;
	height: 2px;
	background-color: #972349;
}
#subnavbar2 {
	position: absolute;
	top: 29px;
	left: 0px;
	width: 201px;
	height: 2px;
	background-color: #972349;
}
#mainbodybar {
	position: absolute;
	top: 0px;
	left: 152px;
	width: 829px;
	height: 2px;
	background-color: #972349;
}
#postjob {
	position: absolute;
	top: 151px;
	left: 789px;
	width: 201px;
	height: 37px;
	background: url('http://www.e4s.co.uk/images/frontEnd/postjob-blue.gif') repeat-x;
}
#postjob img.employersBut {
	margin-left: 35px;
	margin-top: 4px;
	_margin-top: 4px;
	border: 0;
}
#postjob2img {
	padding:0px;
	width: 151px;
	height: 32px;
	text-align: center;
	color: white;
	font-size: 12px;
	vertical-align: middle;
	background: url('/images/frontEnd/gap-year-jobs/options.gif') repeat;
}
#logout {
	position: absolute;
	top: 163px;
	left: 940px;
	width: 75px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#navtab {
	position: relative;
	top: -5px;
	left: 401px;
	width: 118px;
	height: 4px;
	background-color: #972349;
}
#body {
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 990px;
	background-image: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/bg_gap.gif');
	background-repeat: repeat-y;
}
#loggedin {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 152px;
	height: 180px;
	background-color: red;
	background: url('http://www.e4s.co.uk/images/frontEnd/jobseekersnav.gif');
	background-repeat: repeat-y;
}
#loggedinbg {
	position: absolute;
	top: 50px;
	left: 2px;
	width: 149px;
	height: 260px;
	background-color: #fff;
}
#login2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 152px;
	height: 180px;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/access-granted.gif') no-repeat;
}
#login {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 152px;
	height: 180px;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/access-all-areas.gif') no-repeat;
}
#login form {
	text-align: center;
	margin: 10px 0 0 0;
}
#login p#pform {
	width: 130px;
	color: white;
	margin: 40px auto 0 auto;
	font-size: 11px;
	text-align: left;
}
.menutitle {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #972349;
	padding: 1px;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 1px;
	margin-bottom: 0px;
}
#postjob2b {
	position: absolute;
	top: 39px;
	left: 0px;
	width: 152px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}
#postjob2b img {
	margin-left: 2px;
}
#postjob2b a {
	display: block;
	background-color: #3589CF;
	color: #fff;
	text-decoration: none;
	width: 139px;
	border-right: 1px solid #972349;
	height: 15px;
	margin: 0 1px 0 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 3px;
}
.licolorlight {
	background-color: #0066FF;
	vertical-align: baseline;
	display: block;
	padding: 3px 5px 3px 0.5em;
	border-top: 1px solid #972349;
	color: #ffffff;
	text-decoration: none;
	width: 152px;
	height: 20px;
}
.licolorstrong {
	background-color: #001E69;
	display: block;
	color: #fff;
	text-decoration: none;
	width: 152px;
	height: 20px;
	text-align: center;
	margin: 0 1px 0 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
}
.licolorsimple {
	background-color: #001E69;
	display: block;
	padding: 3px 5px 3px 0.5em;
	border-top: 1px solid #972349;
	color: #fff;
	text-decoration: none;
	width: 152px;
	height: 25px;
}

#login #newsletterButton {
	width: 60px;
	border: 1px solid #c31718;
	height: 18px;
	color: white;
	font-size: 11px;
	background: #BC1616;
	margin-left: 76px;
	margin-top: 2px;
}
#login input {
	width: 134px;
	border: 1px solid #c31718;
	height: 14px;
	font-size: 11px;
}
#login h2 {
	left: 30px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0px;
	margin-top: 7px;
	text-transform: capitalize;
}
#login img {
	margin-top: 40px;
	margin-left: 19px;
}
#login a {
	color: white;
}
#login p {
	font-size: x-small;
	left: 10px;
	width: 130px;
	color: white;
	margin-top: 3px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#mainbodycorner {
	position: absolute;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/corner-gap.gif') top right no-repeat;
	display: block;
	right: 0px;
	top: 0px;
	height: 12px;
	width: 12px;
	z-index: 10;
}
#mainbodycorner2 {
	position: absolute;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/corner-gap2.gif') top right no-repeat;
	display: block;
	right: 0px;
	top: 0px;
	height: 12px;
	width: 12px;
	z-index: 10;
}
#mainbodycornerfull {
	position: absolute;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/corner-gap.gif') top right no-repeat;
	display: block;
	right: 0px;
	top: 0px;
	height: 12px;
	width: 12px;
	z-index: 10;
}
#mainbodycornerfull {
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/corner-gap2.gif') top right no-repeat;
}
#mainbody {
	position: relative;
	top: 0px;
	left: 152px;
	width: 685px;
	background: rgb(255, 255, 255);
}
#mainbody #emailPage {
	width: 360px;
	font-size: 12px;
	text-align: right;
	margin-bottom: 0px;
	margin-top: 0;
	margin-right: 10px;
	float: right;
	display: inline;
}
#mainbody #emailPage img {
	margin-right: 6px;
	margin-top: 5px;
}
.clearboth {
	clear: both;
}
#mainbody h1 {
	font-size: 18px;
	font-weight: bold;
	color: #972349;
	margin-top: 16px;
	margin-left: 10px;
	margin-bottom: 0px;
}
#mainbody h2 {
	margin-top: 4px;
	font-size: 16px;
	color: rgb(0, 37, 131);
	margin-left: 10px;
}
#mainbody p {
	margin-right: 14px;
	font-size: small;
	margin-left: 16px;
}
#mainbody a {
	color: black;
	font-weight: bold;
}
#mainbody #graduatesbox {
	position: absolute;
	left: 10px;
	top: 124px;
	_top: 134px;
	width: 325px;
	height: 113px;
}
#mainbody #graduatesbox p {
	margin-top: 2px;
	font-size: 11px;
}
#mainbody #internshipsbox {
	position: absolute;
	left: 345px;
	top: 124px;
	_top: 134px;
	width: 325px;
	height: 113px;
}
#mainbody #internshipsbox p {
	margin-top: 2px;
	font-size: 11px;
}
#mainbody #gaptempbox {
	position: absolute;
	left: 10px;
	top: 225px;
	_top: 245px;
	width: 325px;
	height: 113px;
}
#mainbody #gaptempbox p {
	margin-top: 2px;
	font-size: 11px;
}
#mainbody #parttimebox {
	position: absolute;
	left: 345px;
	top: 225px;
	_top: 245px;
	width: 325px;
	height: 113px;
}
#mainbody #parttimebox p {
	margin-top: 2px;
	font-size: 11px;
}
	.clearboth { clear: both; }

#postjob2 {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 152px;
	background: url('http://www.e4s.co.uk/images/frontEnd/gap-year-jobs/bg_gap.gif');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#postjob2 img {
	border-top: 1px solid #972349;
	margin-left: 2px;
}
#postjob2 ul {
	list-style: none;
	margin: 0 1px 0 2px;
	padding: 0;
	border: none;
}
#postjob2 li {
	border-top: 1px solid #fff;
	margin: 0;
}
#postjob2 li a {
	display: block;
	padding: 3px 5px 3px 0.5em;
	background-color: #972349;
	color: #fff;
	text-decoration: none;
	width: 139px;
}
#postjob2 li a:hover {
	background-color: #55051f;
	font-weight: bold;
	color: #fff;
}
#postjob2 li a.over {
	background-color: #55051f;
	font-weight: bold;
	color: #fff;
}
#postjob2b {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 152px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	height: 126px;
	background: #560620;
	border-bottom: 1px solid #fff;
}
#postjob2b .menuover {
	background-color: #015BA5;
}
#postjob2b img {
	border-top: 1px solid #972349;
	margin-left: 2px;
}
#postjob2b a {
	display: block;
	background-color: #FCEEF9;
	color: #560620;
	text-decoration: none;
	width: 139px;
	border-right: 1px solid #972349;
	height: 15px;
	margin: 0 1px 0 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 3px;
	font-weight: bold;
}
#postjob2b a:hover {
	background-color: #e7a2b9;
	font-weight: bold;
	color: #560620;
}
.menutitle {
	font-size: 12px;
	color: #FFFFFF;
	padding: 1px;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 1px;
	border-bottom: 1px solid #972349;
}
.mt {
	font-size: 12px;
}
#latestnews {
	position: absolute;
	top: 12px;
	left: 845px;
	width: 133px;
	border: 1px solid #972349;
	background-color: #FCEEF9;
}
#latestnews p {
	margin: 6px;
	padding: 0;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
}
#latestnews ul {
	margin: 10px;
	padding: 0;
	padding-left: 0px;
	margin-top: 4px;
	vertical-align: middle;
}
#latestnews li {
	vertical-align: middle;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
}
#latestnews a {
	color: #000;
}
#latestnewstitle {
	background-image: url(/images/frontEnd/gap-year-jobs/latestnews.gif);
	color: #fff;
	font-size: 11px;
	height: 20px;
	padding-top: 5px;
	padding-left: 15px;
	font-weight: bold;
}
#latestnews1 {
	position: absolute;
	top: 275px;
	left: 845px;
	width: 133px;
	border: 1px solid #972349;
	background-color: #FCEEF9;
}
#latestnews1 p {
	margin: 6px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}
#latestnews1 a {
	color: #000;
}
#latestnewstitle1 {
	background-image: url(/images/frontEnd/gap-year-jobs/latestnews.gif);
	color: #fff;
	font-size: 11px;
	height: 20px;
	padding-top: 5px;
	padding-left: 32px;
	font-weight: bold;
}
#latestnews ul {
	margin: 10px;
	padding: 0;
	padding-left: 0px;
	margin-top: 4px;
}
#latestnews li {
	margin: 0;
	padding: 0;
	padding-left: 12px;
	list-style-type: none;
	background: url(/images/frontEnd/gaparrow1.gif) no-repeat 0 0.5em;
}
#latestnews a {
	color: #000;
}
#postjob2e {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 150px;
	height: 220px;
	background: url('/images/frontEnd/postjob-home.gif') no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#postjob2e p {
	margin: 0;
	position: absolute;
	width: 120px;
	top: 95px;
	left: 18px;
	font-size: x-small;
}
#postjob2e a {
	color: black;
}
#postjob2bside {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 150px;
	background: #0066FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#leftcolumnbottom {
	display: none;
	background: blue;
	left: 7px;
	width: 145px;
	height: 15px;
}
#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 685px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
#footer-links {
	height: 17px;
	padding-top: 2px;
}
#footer-links2 {
	height: 17px;
	padding-top: 3px;
	background-color: #972349;
	color: #fff;
}
#footer-links2 a {
	color: #fff;
}
#footer2 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 836px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
.home-singletable, .home-tableleft, .home-tableright, .home-tableleftSameWidth, .home-tablerightSameWidth {
	border: 1px solid #560620;
	margin: 14px 0 5px 16px;
	padding: 0;
	font: 13px arial;
	background-color: #FCEEF9;
	/* background-color: #E1E7FF;
*/
}
.home-singletable .cityimage {
	position: relative;
	float: right;
	align: right;
}
.home-singletable .newsimage {
	position: relative;
	float: left;
	align: left;
}
.home-singletable .leftcell {
	text-align: right;
	padding-right: 0;
}
.home-singletable .rightcell {
	padding-left: 15px;
}
.home-singletable .rightcell2 {
	margin-left: 15px;
}
.home-stleft {
	font-weight: bold;
	text-align: right;
	padding-right: 0 ! important;
}
.home-singletable th, .home-tableleft th, .home-tableright th, .home-tableleftSameWidth th, .home-tablerightSameWidth th {
	text-align: left;
	padding: 14px 20px 14px 20px;
	background: url(/images/frontEnd/gap-year-jobs/gapsearchheader.gif) repeat-x;
	color: #FFFFFF;
	font-size: 14px;
}
.home-singletable td {
	padding: 2px 16px 8px 20px;
}
.home-tableleft td, .home-tableright td, .home-tableleftSameWidth td, .home-tablerightSameWidth td {
	padding: 2px 0px 8px 20px;
}
.note {
	color: #CC0000;
	font-size: 10px;
}
.home-singletable input, .home-tableleft input, .home-tableright input, .home-tableleftSameWidth input, .home-tablerightSameWidth input {
	border:1px solid #6699CC;
}
.home-singletable ul {
	margin: 0;
	padding: 0px;
	margin-top: 4px;
}
.home-singletable li {
	margin: 0;
	padding: 0;
	padding-left: 12px;
	list-style-type: none;
	background: url(/images/frontEnd/gaparrow.gif) no-repeat 0 0.5em;
}
/* CSS Document */