/* Original styling from the Grafton Banks site */

/* @import url('../admin/gui/css/wysiwyg_styles.css'); */

 /*
  * styles from tinyMCE 
  */
  
.alignleft { float: left; margin: 0 10px 5px 0; }
.alignright { float: right; margin: 0 0 5px 10px; }
.aligncenter {	margin: 0 auto; display: block; }

/*
 * General elements and classes
 */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0; /* n O7 */
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../images/nav-back.gif);
	background-repeat: repeat-y;
}

img {
	border: 0;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #bbbbcc;
	margin-top: 0;
	margin-bottom: 0.7em;
	border-bottom: #bbbbcc dotted 1px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #bbbbcc;
	padding-left: 20px;
	border-bottom: solid #E6E6E6 1px;
	margin: 0 0 29px 0;
}

a {
	text-decoration: none;
}

a.link {
	font-weight: bold;
	font-size: 12px;
	color: #519ac0;
}

a.link img {
	margin-right: 5px;
	vertical-align: middle;
	text-decoration: none;
}

p.first {
	color: #9393a0;
	margin-top: 0;
	margin-bottom: 1em;
}

p {
	margin-top: 0;
}

#content li {
	margin-bottom: 10px;
}

div.boxout {
	width: 160px;
	float: right;
	background-color: #e6e6ed;
	padding: 7px 8px 11px 8px;
	margin-left: 8px;
	margin-bottom: 8px;
}

div.boxout  p {
	color: #519ac0;
	margin-top: 2px;
	margin-bottom: 0;
	line-height: 130%;
}

#content div.boxout ul li {
	margin-bottom: 0;
}

/*
 * Main page layout
 */

#top-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 77px;
	background-color: #0a357e;
	margin: 0;
}

#navbar {
	position: absolute;
	top: 77px;
	width: 148px;
}

#content-wrapper {
	margin-left: 148px;
	padding-left: 11px;
	background-color: white;
}

#content {
	width: 565px;
	padding-top: 90px;
}

#content h2.article-title {
	margin-left: -53px;
}

#content a {
	color: #519AC0;
	font-weight: bold;
	text-decoration: underline;
}

#content address {
	font-style: normal;
}

/*
 * Footer layout
 */

#footer {
	clear: both;
	width: 565px;
	margin-top: 12px;
	padding-bottom: 10px;
	border-top: #bbbbcc dotted 1px;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0; /* needed for Moz */
	margin-top: 10px;
	margin-bottom: 5px;
}

#footer li {
	display: inline;
	font-size: 12px;
	border-left: solid #519ac0 1px;
	padding-left: 9px;
	padding-right: 5px;
}

#footer li a {
	color: #519ac0;
	font-weight: bold;
}

#footer li.first {
	border-left: none;
	padding: 0;
}

#footer p a {
	color: #a4a4ac;
	font-size: 11px;
}

#footer p {
	clear: both;	
	margin-top: 35px;
}

#footer p span#company {
	float: left;
	color: #A0A0A0;
	font-size: 90%;
}

#footer p span#credit {
	float: right;
	color: #A0A0A0;
	font-size: 90%;
}
#footer p a {
	color: #a4a4ac;
	font-size: 11px;
}
#footer p span#credit a, #footer p span#credit a:visited {
 	color: #A0A0A0;
}

/*
 * Banner layout
 */

#logo {
	position: absolute;
	width: 148px;
	height: 100%;
	background: white;
}

#logo img {
	position: absolute;
	left: 78px;
	top: 5px;
}

#grafton-banner {
	position: absolute;
	left: 148px;
	width: 576px;
	height: 100%;
}

#grafton-banner img#grafton {
	position: absolute;
	top: 24px;
	left: 9px;
}

#grafton-banner p#telephone {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #d9d9e4;
	position: absolute;
	right: 0;
	top: 22px;
	text-align: right;
}

#grafton-banner p#email a {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #d9d9e4;
	position: absolute;
	right: 0;
	top: 53px;
}

#grafton-banner p#contact-details {
	font-family: verdana, arial, sans-serif;
	font-size: 70%;
	color: #d9d9e4;
	position: absolute;
	right: 22px;
	top: 22px;
	text-align: right;
}

#grafton-banner p#contact-details a, #grafton-banner p#contact-details a:visited {
	color: #d9d9e4;
	text-decoration: underline;
}

/*
 * Navbar logic
 */

#navbar a:hover {
	text-decoration: underline;
}

#navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0; /* needed for Moz */
}

#navbar ul.level2, #navbar ul.level3 {
	padding-top: 3px;
	padding-bottom: 3px;
}

#navbar ul.level1 li {
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 6px;
	background-image: url(../images/lhnav_arrow_large.gif);
	background-repeat: no-repeat;
	background-position: 15px 9px;
	padding-left: 31px;
	
}


#navbar ul.level1 li.selected {
	color: white;
}


#navbar ul.level1 li.selected {
	background-image: url(../images/lhnav_selected_dark.gif);
	background-repeat: no-repeat;
	background-position: 11px 7px;
}

#navbar ul.level1 li a {
	color: white;
}

#navbar ul ul.level2 li {
	font-size: 12px;
	padding-top: 3px;
	padding-left: 10px;
	margin-left: -8px;
	background-image: url(../images/lhnav_arrow_medium.gif);
	background-position: 0px 7px;
	vertical-align: middle; /* O7 and Moz closer arrow line up */
}

#navbar ul ul.level2 li a {
	font-weight: normal;
	color: #bbbbcc;
}

#navbar ul.level2 li.selected {
	color: white;
	background-image: url(../images/lhnav_arrow_medium.gif);
	background-position: 0px 7px;
}

#navbar ul ul.level3 li {
	font-size: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 17px;
	background-image: url(../images/lhnav_arrow_small.gif);
	background-position: 8px 5px;
	vertical-align: middle;
}

#navbar ul ul.level3 li.selected {
	color: white;
	background-image: url(../images/lhnav_arrow_small.gif);
	background-position: 8px 5px;
}

#navbar ul.level2 ul.level3 li a {
	font-weight: normal;
	color: #bbbbcc;
}

#navbar p {
	background-color: #0a357e;
	color: #ffffff;
	padding: 4px;
	margin: 5px;
	margin-top: 20px;
}

#navbar p h6 {
	font-size: 14px;
}

#navbar p a {
	color: rgb(81, 154, 192);
	font-weight: bold;
	text-decoration: none;
}

/*
 * Page specific code
 */

/* Boxouts on front page */

#boxout-fp-left {
	float: left;
	width: 275px;
	margin-top: 10px;
}

#boxout-fp-right {
	float: left;
	width: 275px;
	margin-top: 10px;
}

#boxout-fp-right p {
	margin-top: 0;
	padding-left: 32px;
}
#boxout-fp-right h1 {
	font-size: 20px;
	font-weight: normal;
	color: #bbbbcc;
	padding-left: 2px;
	border-bottom: #bbbbcc dotted 1px;
	margin-left: 30px;
}

#boxout-fp-left p{
	margin-top: 0;
}

#boxout-home {
	margin: 0;
	width: 215px;
	padding-right: 20px;
	float: none;
}

#boxout-home a.link {
	text-decoration: underline;
	font-size: 13px;
	white-space: nowrap;
}

/* Boxout for contact page */

#boxout-contact {
	width: 132px;
}

/* Form for contact page */

#form-contact ul {
	list-style: none outside;
}

#form-contact li {
	clear: left;
	margin-top: 12px;
}

#form-contact span.label {
	display: block;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 120px;
	margin-right: 10px;
	vertical-align: middle;
}

#form-contact span.comment {
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
}

/* Job detail page */

ul#job-details {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style-type: none;
}

ul#job-details li {
	margin: 0;
}

/************************************************/
/* Individual pages                             */
/************************************************/

/* Articles */

.article {
	margin-bottom: 40px;
}

/* Jobs */

.job {
	width: 300px;	
	border-bottom: solid #E6E6E6 1px;
	margin: 0 0 19px 0;
}

#content .job h2 {
	margin: 0;
	padding: 0;
	border: none;	
	font-size: 150%;
}

.job p.salary {
	margin: 10px 0 10px 0;
}

.job p.description {
	margin-bottom: 26px;
}

#job-page .job {
	border-bottom: none;
	margin: 0;	
}

/* Job search */

#job-search-form {
	float: right;
	width: 170px;	
	background: #D9D9E4;
	padding: 10px 20px 20px 20px;
	margin: -13px 0 0 0;
}

#job-search-form h3 {
	font-size: 150%;
	font-weight: normal;
	color: #09347E;
	margin: 0 0 20px 0;
}

#job-search-form label {
	color: #09347E;
	font-weight: bold;
}

#job-search-form select, #job-search-form input {
	width: 170px;
	margin-bottom: 10px;
	background: #ECECF1;
	border: solid white 1px;
}

#job-search-form select {
	width: 172px;
}

#job-search-form input.submit {
	width: 80px;
	border: none;
	color: white;
	font-weight: bold;
	background: #032C70 url(../images/job_search_button_back.gif) no-repeat;
}

#show-all {
	float: left;
}

#search {
	float: right;
}

/* Contact us */

#contact form {
	padding:0;
	margin:0;
}

#contact form p {
	margin-top:0;
}

#contact form dl {
	margin:0;
	padding:0;
}

#contact form dt {
	display: block;
	clear:both;
	margin:0;
	padding:0 0 10px 0;
	float:left;
	width:169px;
	line-height:1.0em;
}

#contact form dd {
	padding:0 0 17px 0;
	margin:0;
	text-align:left;
}

#contact form dd input.text, #contact form dd textarea	{
	border:1px solid #D4D4D4;
/*	float: left;*/
	width:340px;
	padding:2px;
	font: normal 100%/1.2em Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	background: #ECECF1
}

#contact form button, #contact input.button, #contact a.button, #contacta.button:hover {
	width: 80px;
	border: none;
	color: white;
	font-weight: bold;
	background: #032C70 url(../images/job_search_button_back.gif) no-repeat;
}

#contact form .invalid {
    background:#F8F8A8;
}



/* Jobs */

.job {
	width: 300px;	
	border-bottom: solid #E6E6E6 1px;
	margin: 0 0 19px 0;
}

.job a:link, .job a:visited { color: #519ac0; font-weight: bold; }

.joblink a:link, .joblink a:visited { color: #519ac0; font-weight: bold; }

#content .job h2 {
	font-weight: normal;
	color: #bbbbcc;
	margin: 0;
	padding: 0;
	border: none;	
	font-size: 150%;
}

#content .job h2 a:link, #content .job h2 a:visited, #content .job h2 a:hover, #content .job h2 a:active { color: #bbbbcc; }



.job p.salary {
	margin: 10px 0 10px 0;
}

.job p.description {
	margin-bottom: 26px;
}

#job-page .job {
	border-bottom: none;
	margin: 0;	
}

/* Job search */

#job-search-form {
	float: right;
	width: 170px;	
	background: #D9D9E4;
	padding: 10px 20px 20px 20px;
	margin: -13px 0 0 0;
}

#job-search-form h3 {
	font-size: 150%;
	font-weight: normal;
	color: #09347E;
	margin: 0 0 20px 0;
}

#job-search-form label {
	color: #09347E;
	font-weight: bold;
}

#job-search-form select, #job-search-form input {
	width: 170px;
	margin-bottom: 10px;
	background: #ECECF1;
	border: solid white 1px;
}

#job-search-form select {
	width: 172px;
}

#job-search-form input.submit {
	width: 80px;
	border: none;
	color: white;
	font-weight: bold;
	background: #032C70 url(../images/job_search_button_back.gif) no-repeat;
}

#show-all {
	float: right;
}

#search {
	float: left;
}

/* Job detail page */

ul#job-details {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style-type: none;
}

ul#job-details li {
	margin: 0;
}

th.jobth {
	text-align: left;
	vertical-align: top;
}

.jobinput {
	width: 300px;
}

.jobtext {
	width: 300px;
	height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.jobtextshort {
	width: 300px;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.homemsgbox {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

#navbar .homemsgbox a:link, #navbar .homemsgbox a:visited, #navbar .homemsgbox a:hover, #navbar .homemsgbox a:active {
	color: #fff;
	font-weight: normal;
}