/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Black Oyster Default CSS
LAST UPDATED:	17 August 2007
AUTHOR:			Daniel Thompson <dt@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for blackoysterrecruitment.co.uk
		
		Contains a list of default CSS styles for a generic
		site. Uses Arial 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/
* { margin:0; padding:0 }
html {height: 100%; margin-bottom: 1px;}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-align: left;
	line-height: 11pt;
	color: #000;
	background-color: #d8d8d8;
	background-image: url('../images/bgBody.gif');
	background-repeat: repeat-x;
}
	
/*	=2:	[LINKS] -------------------------------------------*/	
link,:visited { text-decoration:none }
a:link {color: #006699;}
a:visited {color: #6699CC;}
a:hover {color: #003366;}
#headBar .logo {
	display: inline;
	margin-bottom: 10px;
	margin-left: 20px;
}


a.pageLink, a.pageLink:visited {
	color: #b91f33;
	text-decoration: underline;
}
a.pageLink:hover {
	color: #006699;
}


/*	=3:	[COMMON ELEMENTS] ---------------------------------*/	
h1 {
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 14px;
	padding-bottom: 12px;
	padding-left: 4px;
	border-bottom: dotted 1px #a8a8a8;
}
h2,h3,h4,h5,h6,pre,code { font-size:12pt; }
hr {
	margin-top: 10px;
	margin-bottom: 1px;
	height: 1px;
	background-image: url('../images/hrDottedSilver.gif');
	background-repeat: repeat-x;
	border: 0px;
	background-color: #FFFFFF;
	color: #FFFFFF;
}
address { font-style:normal }
td {
	font-size: 11px;
	vertical-align: top;
	padding: 5px 3px 3px 5px;
}

/*	=4:	[TOP ELEMENTS] ------------------------------------*/
#headBar {
	background-image: url('../images/bgHeadBarShade.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 96px;
}

#headBar .logo {
	display: inline;
	float: left;
	padding: 15px 0 0 0;
}
#headBar .rec {
	display: inline;
	float: right;
	padding: 15px 10px 0 0;
}
#topNav {
	background-image: url('../images/bgTopNav.gif');
	background-repeat: no-repeat;
	height: 24px;
	width: 693px;
	padding-bottom: 6px;
	font-size: 11.5px;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 80px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #efd2d6;
}

/*	=5:	[NAVIGATION] --------------------------------------*/	
#topNav a, #btmNav a {
	color: #efd2d6;
	text-decoration: none;
}
#topNav a:hover, #btmNav a:hover{
	color: #ffeeee;
}

/*	=6:	[MAIN COLUMN] -------------------------------------*/	
#bodyRHS {
	width: 578px;
	background-color: #FFFFFF;
	padding-left: 7px;
	float: left;
	min-height: 630px;
}

#content p {
	padding-top: 14px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 14px;
	line-height: 18px;
	text-align: justify;
}

#content .quote1 {
	padding: 0px;
	margin: 0px;
}

#content {
	width: 561px;
	padding-right: 8px;
	padding-left: 9px;
	float: left;
}

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	
#bodyLHS {
	width: 198px;
	background-color: #FFFFFF;
	float: left;
	min-height: 630px;
}

#bodyLHS p {
	padding-top: 6px;
	padding-bottom: 8px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 8px;
	padding-left: 8px;
}
#bodyLHS ul {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 8px;
	margin-left: 25px;
	list-style: disc;
}
#bodyLHS li:hover {
	cursor: pointer;
	color: #A00000;
}


#bodyLHS .featuredJobs {
	background-image: url('../images/bgFeaturedJobsBody.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 198px;
	position: relative;
	padding-bottom: 50px;
}
	#bodyLHS .featuredJobs p {
		text-align: justify;
	}
	
	#bodyLHS .featuredJobs p.title {
		text-align: left;
		font-weight: bold;
	}
#bodyLHS .submitCV {
	background-image: url('../images/bgSubmitCV.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 137px;
	width: 198px;
	margin-top: 3px;
	padding-top: 30px;
	position: relative;
}

#bodyLHS .tipsAdvice {
	background-image: url('../images/bgTipsAdviceBox.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 257px;
	width: 202px;
	margin-top: 3px;
	padding-top: 58px;
	position: relative;
}


/*	=8:	[FOOTER] ------------------------------------------*/	
#page #footBar {
	float: left;
	background-image: url('../images/bgFootBarShade.gif');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 29px;
	height: 66px;
}

#btmNav {
	background-image: url('../images/bgBtmNav.gif');
	background-repeat: repeat-x;
	height: 19px;
	width: 767px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 6px;
	font-size: 9px;
	color: #FFFFFF;
}

#copyright {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #d8d8d8;
	height: 33px;
	padding-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	width: 783px;
}

/*	=9:	[LISTS] -------------------------------------------*/	
ul,ol { list-style:none }

#content ul {
	list-style: disc;
	margin-left: 45px;
}
	#content ul li {
		padding: 5px;
	}

/*	=10: [FORMS] ------------------------------------------*/	
form {margin-bottom: 0px;}
.frmCareer {
	background-image: url('../images/bgFormCareerPaths.jpg');
	background-repeat: no-repeat;
	width: 541px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}

/*	=11: [images] -----------------------------------------*/	
a img,:link img,:visited img { border:none }
img {border: 0px; display: block;}	
img.inline { display: inline; }

img.topleft {
	position: absolute;
	top: 0px;
	left: 0px;
}

img.topright {
	position: absolute;
	top: 0px;
	right: 0px;
}

img.bottomleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

img.bottomright {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/*	=12: [MISC] -------------------------------------------*/	
.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #0000FF; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }

.fLeft {float: left;}
.fRight {float: right;}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }


#pagewrap {
	width: 861px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url('../images/bg.png');
	background-repeat: repeat-y;
}

#page {
	width: 783px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	float: left;
	margin-left: 30px;
}
#pageRightShade {
	background-image: url('../images/bgShadeRight.png');
	background-repeat: repeat-y;
	height: 834px;
	float: left;
	width: 38px;
	background-position: left top;
}


#pageLeftShade {
	background-image: url('../images/bgShadeLeft.png');
	background-repeat: repeat-y;
	height: 834px;
	float: left;
	width: 38px;
	background-position: right top;
}


.buttonLink {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-right: 10px;
	margin-bottom: 8px;
	float: right;
	margin-left: 80px;
}

.shadedBox {
	background-image: url(images/bgBoxShade.gif);
	background-repeat: repeat-x;
	background-color: #efefef;
	border: 1px solid #eaeaea;
}

#errmsg {
	padding-left: 15px;
}

	#errmsg li {
		list-style: disc;
		margin: 10px;
		color: #ff0000;
	}
	
div#map {
	width: 270px;
	height: 270px;
	border: 1px solid #ccc;
}

.contactUs {
	background: url(../images/bgContactMail.jpg) no-repeat left top;
	width: 209px;
	height: 31px;
	display: block;
	font-size: 20px;
	padding: 50px 0 0 0;
	text-align: right;
}