/* 	Project: Jersey Association for Child Carers
	Author: James Aitchison
	Last modified: 14:31pm 06/08/2008 */

/* COLOUR PALETTE

	Dark Blue: #0c53bd
	Light Blue: #8bc3fc
	Green: #5CC159
	Dark Green (used in notice text): #327a2f
	Purple: #B540FF
	Dark Purple (used in notice text): #9030CD */


body {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

h1 { 				/* Title of Website */
	padding: 0;
	margin: 0;
	background-image: url('../images/title.gif');
	background-repeat: no-repeat;
	width: 500px;
	height: 55px;
	position: absolute;
	top: 150px;
}

h1 span {
	display: none;
}

h2 { 				/* Strapline */
	padding: 0;
	margin: 0;
}

h2 span {
	display: none;
}

h3 { 				/* Welcome Message Title */
	padding-left: 10px;
	margin: 0;
	color: white;
	font-family: Arial;
	font-size: 1.6em;
}

h4 { 				/* Notice Box Title */
	padding: 0;
	margin: 0;
	color: white;
	font-family: Arial;
	font-size: 1.2em;
}

h4 a {
	color: white;
	text-decoration: none;
}

h5 { 				/* Content heading */
	color: #0c53bd;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Arial;
	font-size: 1.4em;
}

h6 { 				/* Content subheading */
	color: #0c53bd;
	padding: 0 0 10px 0;
	margin: 20px 0 0 0;
	font-family: Arial;
	font-size: 1.1em;
}

h6 a , big a {
	color: #5f82b7;
	text-decoration: none;
}

h6 a:hover , big a:hover {
	color: #0c53bd;
}

big {
	display: block;
	color: #0c53bd;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Arial;
	font-size: 1.1em;
}

.active { 			/* Active Navigation Buttons */
	background: url('../images/active.gif') no-repeat;
	color: white;
}

.active a {
	color: white;
}

.button { 			/* Navigation Buttons */
	background: url('../images/button.gif') no-repeat;
}

.button a {
	color: #0c53bd;
}

.button a:hover {
	background: url('../images/active.gif') no-repeat;
	color: white;
}

p.notice-box-text { 	/* Notice box content */
	margin: 0;
	padding: 3px 10px 3px 10px;
}

p.welcome-text { 		/* Welcome message text */
	margin: 0;
	padding: 5px 10px 0 10px;
	color: #063d90;
	font-family: Arial;
	line-height: 1.2em;
}

p.welcome-text a {
	text-decoration: none;
	color: white;
}

p.welcome-text a:hover {
	color: #0c53bd;
}

.hover {
	text-decoration: underline;
}

.table-title { 			/* Title for Vacancies table */
	font-weight: bold;
	background: #0c53bd;
	color: white;
	font-family: Arial;
	font-size: 1.1em;
}

p.message { 		/*  Single lined messages */
	background: url('../images/button-vacancies.gif') no-repeat;
	width: 450px;
	height: 25px;
	margin: 0;
	margin-left: 90px;
	margin-top: 40px;
	padding: 2px;
	text-align: center;
	color: #0c53bd;
	font-weight: normal;
	font-family: Arial;
	letter-spacing: 1px;
}

.highlight {
	background: #eee;
}

.table-hover:hover {
	background: #eee;
}

p.content-text {
	font-family: Arial;
	font-size: 0.9em;
	line-height: 1.3em;
}

p.content-text a {
	color: #0c53bd;
	text-decoration: none;
}

p.content-text a:hover {
	color: #5f82b7;
}

ul.content-list {
	font-family: Arial;
	font-size: 0.9em;
	line-height: 1.3em;
}

table.parish-table {
	border: 1px solid #ccc;
	font-family: Arial;
	font-size: 0.9em;
	margin-bottom: 10px;
	width: 600px;
	margin-left: 15px;
}

table.parish-table a {
	color: #0c53bd;
	text-decoration: none;
}

table.parish-table a:hover {
	text-decoration: underline;
}

table.parish-table tr {
	border: 1px dashed #aaa;
}

table.parish-table td.field {
	background: #2a76d5;
	color: white;
}

table.parish-table tr td ul {
	padding: 0;
	margin: 0 0 0 13px;
}

/* HEADER */

div#background {
	margin: 0;
	padding: 0;
	height: 100%;
}

div#background div#bg-top {
	background: #0c53bd;
	width: 100%;
	height: 50px;
}

div#background div#bg-bottom {
	background: #8bc3fc;
	width: 100%;
	height: 180px;
}

div#container {
	margin: 0 auto;
	margin-top: 60px;
	padding: 0;
	width: 900px;
}

div#girl {
	background: url('../images/girl-header.png') no-repeat;
	width: 299px;
	height: 275px;
	position: absolute;
	top: 5px;
	margin-left: 700px;
}

/* HEADER END */



/* SIDEBAR START */

div#sidebar {
	margin: 0;
	padding: 0;
	float: left;
}

div#sidebar ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#sidebar ul#nav li {
	width: 180px;
	height: 27px;
	margin-bottom: 5px;
}

div#sidebar ul#nav li a {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	width: 180px;
	height: 27px;
	display: block;
	padding: 5px;
	outline: none;
}

/* SIDEBAR END */



/* INDEX START */

div#content {
	margin-left: 200px;
	width: 680px;
	min-height: 500px;
}

div#content div#notice-box-green {
	margin: 0;
	padding: 0;
}

div#content div#notice-box-green div.top-box {
	background: url('../images/pic_01.jpg') no-repeat;
	width: 300px;
	height: 176px;
}

div#content div#notice-box-green div.middle-box {
	background: #5cc159;
	width: 260px;
	padding: 10px 20px 10px 20px;
	text-align: center;
}

div#content div#notice-box-green div.bottom-box {
	background: url('../images/notice-box-green.gif') no-repeat;
	width: 300px;
	height: 90px;
	color: #327a2f;
	font-family: Tahoma;
	font-size: 0.85em;
}

div#content div#notice-box-purple {
	margin: -309px 0 0 0;
	padding: 0;
	float: right;
}

div#content div#notice-box-purple div.top-box {
	background: url('../images/pic_02.jpg') no-repeat;
	width: 300px;
	height: 176px;
}

div#content div#notice-box-purple div.middle-box {
	background: #b540ff;
	width: 260px;
	padding: 10px 20px 10px 20px;
	text-align: center;
}

div#content div#notice-box-purple div.bottom-box {
	background: url('../images/notice-box-purple.gif') no-repeat;
	width: 300px;
	height: 90px;
	color: #9030cd;
	font-family: Tahoma;
	font-size: 0.85em;
}

div#content div#welcome {
	margin: 20px 0 0 0;
	padding: 0;
	width: 679px;
	background: #8bc3fc;
}

div#content div#welcome div#welcome-top {
	background: url('../images/welcome-top.gif') no-repeat;
	width: 680px;
	height: 18px;
}

div#content div#welcome div#welcome-bottom {
	background: url('../images/welcome-bottom.gif') no-repeat;
	width: 680px;
	height: 18px;
}

/* INDEX END */



/* VACANCIES START */

img#parishes {
	margin-left: 20px;
}

div#content ul#vacancies-links li {
	position: absolute;
	list-style: none;
	display: block;
	width: 100%;
}

div#content ul#vacancies-links li a {
	text-decoration: none;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	font-family: Arial;
	font-size: 0.65em;
}

div#content ul#vacancies-links li a#brelade {
	margin-top: -120px;
	margin-left: 90px;
}

div#content ul#vacancies-links li a#brelade:hover {
	text-decoration: underline;
}


div#content ul#vacancies-links li a#peter {
	margin-top: -195px;
	margin-left: 120px;
}

div#content ul#vacancies-links li a#peter:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#ouen {
	margin-top: -295px;
	margin-left: 56px;
}
div#content ul#vacancies-links li a#ouen:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#mary {
	margin-top: -290px;
	margin-left: 170px;
}
div#content ul#vacancies-links li a#mary:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#lawrence {
	margin-top: -215px;
	margin-left: 215px;
}

div#content ul#vacancies-links li a#lawrence:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#john {
	margin-top: -315px;
	margin-left: 260px;
}

div#content ul#vacancies-links li a#john:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#helier {
	margin-top: -155px;
	margin-left: 296px;
}

div#content ul#vacancies-links li a#helier:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#trinity {
	margin-top: -265px;
	margin-left: 362px;
}

div#content ul#vacancies-links li a#trinity:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#saviour {
	margin-top: -150px;
	margin-left: 368px;
}

div#content ul#vacancies-links li a#saviour:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#clement {
	margin-top: -61px;
	margin-left: 416px;
}

div#content ul#vacancies-links li a#clement:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#grouville {
	margin-top: -115px;
	margin-left: 446px;
}

div#content ul#vacancies-links li a#grouville:hover {
	text-decoration: underline;
}

div#content ul#vacancies-links li a#martin {
	margin-top: -235px;
	margin-left: 461px;
}

div#content ul#vacancies-links li a#martin:hover {
	text-decoration: underline;
}

/* VACANCIES END */

/* FOOTER START */

div#footer {
	background: #0c53bd;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	color: white;
	text-align: center;
	font-family: Tahoma;
	font-size: 0.9em;
}

/* FOOTER END */