/*
Title:      Green Park global styles
Author:     Mark Croxton, mcroxton@gmail.com
Updated:    Sept 20 2008
*/

@import url("reset.css");
@import url("sIFR-screen.css");
@import url("shadowbox.css");
@import url("jquery.asmselect.css");

body {
	font: 0.75em/1em Helvetica, "Helvetic Neue", Arial, "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color: #3A4956;
	background: #003C28;
	}	

/* default link formatting */			
a, a:link 			{ color: #83C03C; text-decoration: none; }
a:visited 			{ color: #83C03C; }	
a:focus, a:hover 	{ color: #003C28; text-decoration: underline; }
a:active 			{ color: #63922D; }

strong 	{ font-weight: bold;  }
em		{ font-style: italic; }

.col-a { float: left;  }
.col-b { float: right; }

/* layout */

#page {
	width:928px;
	padding: 0 16px 16px 16px;
	margin: 30px auto 0 auto;
	background:white;
	/* background: white url('/_assets/img/grid.png') no-repeat 0 -30px; */
}

/* masthead */
#masthead {
	height: 78px;
	line-height: 1.4em;
}

h1 {
	position: relative;
	width: 174px;
	height:78px;
	float:left;
}

h1 a {
	position: absolute;
	left: 0; top: 0;
	display:block;
	width: 190px;
	height: 78px;
	background: white url('/_assets/img/logo.png') no-repeat 0 0;
	text-indent: -5000em;
}
#masthead .wrapper {
	float: right;
	width: 729px;
	height: 78px;
}

#breadcrumb {
	width: 486px;
	height: 29px;
	float: left;
	padding-top: 49px;
	font-size: .92em;
}

#contact {
	width: 196px;
	height: 64px;
	padding-top: 14px;
	float: right;
	text-align: right;
}

/* banner */
#banner {
	height: 149px;
	clear: both;
	padding-top: 16px;
	background: #003C28 url('/_assets/img/banner.jpg') no-repeat 0 0;
}
#banner dl {
	width: 164px;
	float: left;
}

#banner dt {
	color: #83C03C;
	background: #004D3D;
	font-size: 13px;
	padding: 4px 6px 4px 16px;
	border-bottom: 4px solid #83C03C;
	margin-bottom: 6px;
}

#banner dd {
	width: 174px;
	margin-right: -10px;
}

#banner dd a {
	display: block;
	font-size: .84em;
	text-transform: uppercase;
	padding: 1px 6px 1px 16px;
	text-decoration: none;
	color: white;
}

#banner dd a:hover {
	color: #83C03C;
}

#banner p {
	width: 471px;
	padding: 0 258px 0 15px;
	float: right;
	font-size: 2.33333em;
	line-height:1em;
	color: #83C03C;
}

.flir-replaced img {
	margin: 0 0 10px 0;
	padding: 0;
}

/* nav-main */
#nav-main {
	padding-top: 16px;
	clear: both;
	/* background: white url('/_assets/img/nav_bg.png') no-repeat 0 16px; */
}
#nav-main form {
	float: left;
	width: 164px;
}
#nav-main ul {
	float: right;
	display: block;
	width: 744px;
	height: 20px;
	background: #83C03C;
}
#nav-main li {
	display: inline;
	text-transform: uppercase;
}

#nav-main li.first a {
	margin-left: 10px;
}

#nav-main li a {
	display: block;
	padding: 0 6px 0 6px;
	float: left;
	line-height: 20px;
	color: #003C28;
	text-decoration: none;
}

#nav-main li a:hover, #nav-main li.active a  {
	color: white;
	background: #63922D;
}

/* search */
#nav-main label em {
	display: none;
}

#ajaxSearch_input {
	float: left;
	width: 136px; /* 138 is full */
	height: 14px;
	padding: 2px;
	border: 1px solid #999999;
}

#ajaxSearch_submit {
	float: right;
	width: 19px;
}

/* content layout */
#content {
	padding-top: 27px;
}

#sidebar {
	float: left;
	width: 164px;
}

#content .wrapper {
	float: right;
	width: 729px;
}

#content-body {
	float: left;
	width: 486px;
	line-height: 1.25em;
}

#content-related {
	float: right;
	width: 196px;
}

/* sidebar */

/* ads */

#sidebar .advert {
	display: block;
	margin-bottom: 24px;
	text-decoration: none;
}

#sidebar .advert img {
	width: 164px;
}

/*
#sidebar a.advert {
	width: 164px;
	background: #83C03C;
	display: block;
	color: white;
	margin-bottom: 2em;
	text-decoration: none;
}

#sidebar a.advert:hover {
	background: #63922D;
}

#sidebar .advert img {
	width: 64px;
	float: right;
	border-left:2px solid white;
}

#sidebar .advert .blurb {
	width: 86px;
	float: left;
	padding: 6px;
}

#sidebar .advert .ad-headline {
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

#sidebar .advert .ad-strap {
	font-size: .92em;
	color: black;
}
*/

#nav-sub {
	border-bottom: 2px solid #C1C7CB;
	background: #F0EFF0;
	line-height: 1.1em;
	margin-bottom: 24px;	
}

#nav-sub li.first a {
	padding-top: 6px;
}

#nav-sub li.first li a, #nav-sub li li.first a {
	padding-top: 2px;
}

#nav-sub a {
	color: #3a4956;
	padding: 2px 6px 3px 6px;
	display: block;
	text-decoration: none;
}
#nav-sub a:hover, #nav-sub li.active a {
	color: #000000;
}

#nav-sub a:hover {
	background: #DDDCDD;
}

#nav-sub li.active {
	background: white;
	font-weight: bold;
}

#nav-sub li.active li a {
	color: #3a4956;
	font-weight: normal;
	padding-left: 12px;
	background: white url('/_assets/img/arrow_link.png') no-repeat 5px 50%;
}

#nav-sub li.active li a:hover {
	background-color: #F8F8F8;
	color: #000000;
}

#nav-sub li.active li.active a {
	color: #83C03C;
}

#nav-sub li.active li.active a:hover {
	color: #000000;
}

#nav-related {
	border-bottom: 2px solid #C1C7CB;
	margin: -18px 0 24px 0;
	line-height: 1.1em;
}

#nav-related dt {
	color: #000000;
	padding: 2px 6px 3px 6px;
}

#nav-related a {
	color: #666666;
	padding: 2px 6px 3px 6px;
	display: block;
	text-decoration: none;
	font-style: italic;
}

#nav-related a:hover {
	color: #000000;
	background: #F8F8F8;
}

/* quotes */
#quotes {
	margin-bottom: .5em;
}
#sidebar blockquote {
	font-size: .92em;
	color: #83C03C;
	margin: 0 0 24px 0;
}
#sidebar .quote {
	margin-bottom: .5em;
	font-weight: bold;
}

#sidebar .source{
	color: #666666;
}

/* content-related */
.feature {
	background: #F0EFF0;
	margin-bottom: 24px;
	font-size: .92em;
}

.feature h4, #sidebar h4 {
	padding: 0 6px 0 6px;
	text-transform: uppercase;
	background: #83C03C url('/_assets/img/arrow_headings.png') no-repeat 181px 50%;
	color: white;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
}

.feature h4 a,  #sidebar h4 a {
	color: white;
	padding: 0 6px 0 6px;
	margin: 0 -6px 0 -6px;
	display: block;
	background: #83C03C url('/_assets/img/arrow_headings.png') no-repeat 181px 50%;
}

#sidebar h4 {
	font-size: .92em;
	background-position: 149px 50%;
}

#sidebar h4 a {
	background-position: 149px 50%;
}

h4 a:visited {
	color: white !important;
}

.feature h4 a:active, .feature h4 a:focus, .feature h4 a:hover,
#sidebar h4 a:active, #sidebar h4 a:focus, #sidebar h4 a:hover
{
	text-decoration: none;
	background-color: #63922D;
}

#content-related .profile {
	clear: both;
	padding: 6px;
}

#content-related .profile:hover {
	background-color: #DDDCDD;
}

#content-related .profile img {
	float:left;
	width: 50px;
	border: 1px solid white;
}
#content-related .profile dl {
	float: right;
	width: 122px;
}

#content-related .profile dd a {	
}

#content-related .profile dt {
	font-weight: bold;
}
#content-related .news a {
	display: block;
	padding: 6px 6px 6px 12px;
	background: transparent url('/_assets/img/arrow_link.png') no-repeat 6px 9px;
	color: #3a4956;
	text-decoration: none;
}

#content-related .news a:hover {
	color: #000000;
	background-color: #DDDCDD;
}

.message {
	padding: 6px;
}

/* news search form */

#content-related form {
	padding: 6px;
}
#content-related label {
	display:block;
	margin-bottom:.5em;
	clear:both;
	color: #666666;
}

#content-related label select {
	width: 100%;
}

#content-related label.date select {
	width:auto;
}

#content-related #endMonth, #content-related #startMonth {
	float:left;
	width: 60%;
}
#content-related #endYear, #content-related #startYear {
	float:right;
	width: 35%;
}

button {
    display:block;
	border: none;
    margin:1em 7px 0 0;
    background-color:#83C03C;
    font-size:100%;

    text-decoration:none;
    font-weight:bold;
    color:white;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:3px 0 3px 6px;
}

button img {
    margin:0 0 0 0;
}

button:hover {
	background-color:#63922D;
}


/* content-body */
#content-body h2 {
	font-size: 1.58333em;
	text-transform: uppercase;
	color: #83C03C;
	margin-bottom: .5em;
	line-height: 1em;
	font-weight: normal;
}

#content-body h3 {
	margin: 0 0 .5em 0;
	padding-top:.5em;
	font-size: 1.43333em;
	color: #83C03C;
	font-weight: normal;
}

#content-body h4 {
	margin-bottom: .2em;
	font-size: 1.16666em;
	color: #003C28;
	font-weight: bold;
}

#content-body .intro {
	font-size: 1.33333em;
	line-height: 1.2em;
	color: #003C28;
	margin-bottom: 1em;
}

#content-body p, #content-body ul, #content-body ol, #content-body table, #content-body form, #content-body dl {
	margin-bottom: 1em;
}

#content-body dt {
	font-weight: bold;
}

#content-body ul {
	clear: left;
}

#content-body ul li {
	margin: .5em 0 0 0;
	padding-left: 12px;
	background: url('/_assets/img/bullet.png') no-repeat 0 -1px;	/* default */
	position: relative;
}

#content-body ol li { 
	margin: .5em 0 0 2em; 
}

/* profiles */
#content-body .row {
	margin-bottom: 1em;
}

#content-body .row .profile {
	width: 152px;
	min-height: 16.66666em;
	float: left;
	background: #F0EFF0;
}
#content-body .profile img {
	border-bottom: 4px solid #888888;
}

#content-body .profile a:hover img {
	border-color: #83C03C;
}

#content-body .profile {
	position: relative;
}

#content-body .profile a {
	display: block;
	position: relative;
	width: 152px;
	height: 101px;
}

#content-body .profile dl a {
	display: inline;
}

/* added dynamically by jquery */
#content-body .profile em {
	display: block;
	position: absolute;
	top:0px;
	left:0;
	width: 152px;
	height: 101px;
	background: transparent url('/_assets/img/profile_overlay.png') no-repeat 0	0;
	visibility: hidden;
}

#content-body .profile dl {
	padding: 12px 6px 6px 6px;
	line-height: 1.1em;
}

#content-body .profile dt {
	text-transform: uppercase;
	display: block;
	background: transparent url('/_assets/img/arrow_link.png') no-repeat 100% 5px;	
}

#content-body .profile dt a {
	color: #3A4956;
	text-decoration: none;
}

#content-body .profile dd {
	font-size: .92em;
}

#content-body .row .wrapper {
	float: right;
	width: 319px;
}

body #content-body .row .col-b {
	float: right;
}

/* posts */
.post {
	background: #F0EFF0;
	margin-bottom: 1em;
}

#content-body .post h3 {
	font-size: 1em;
	padding:0;
	margin:0;
}
.post h3 a {
	display: block;
	font-weight: bold;
	color: white;
	padding: 0 6px 0 6px;
	line-height: 20px;
	margin-bottom: 6px;
	background: #83C03C url('/_assets/img/arrow_link_white.png') no-repeat 471px 8px;
	text-decoration: none;
}

.post h3 a:visited {
	color: white !important;
}

.post h3 a:hover {
	color: white !important;
	background-color: #63922D;
	text-decoration: none;
}

#content-body .post p.summary {
	padding: 0 6px 0 6px;
}

#content-body .post p.meta {
	color: #888888;
	padding: 0 6px 6px 6px;
	margin: -3px 0 0 0;
}

/* person */
.person {
	background: transparent url('/_assets/img/arrow_person.png') no-repeat 471px 8px;
	clear: both;
	border: 4px solid #83C03C;
	border-width: 4px 0 4px 0;
	margin-bottom: 1.5em;
	padding: 0 0 0 0;
}
.person img {
	float: left;
	width: 235px;
}
#content-body .person dl{
	background: #D6D5D3;
	float: right;
	width: 219px;
	height: 106px;
	padding: 50px 0 0 32px;
	margin:0;
}

#content-body .person dl dt {
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 1em;
	font-weight: normal;
}

/* nav-internal */
.nav-internal {
	position: relative;
	clear: none ! important;
}
.nav-internal li {
	padding: 0px !important;
	background-image: none !important; 
	margin: 0 0 5px 0 !important;
	display:inline;
}

.nav-internal li a {
	display:block;
	background-color: #F0EFF0;
	padding: 3px 3px 2px 12px;
	font-size: .92em;
	margin: 0 0 5px 0 !important;
	font-weight: bold;
}

.nav-internal li a:hover {
	text-decoration:none;
}

.nav-wrapper {
	clear: both;
}

.nav-wrapper .col-a {
	width: 48%;
}

.nav-wrapper .col-b {
	width: 48%;
}

.nav-wrapper ul.col-a {
	clear: none;
}

.nav-wrapper ul.col-b {
	clear: none;
}

/* footer */
#footer {
	padding: 10px 0 10px 0;
}

#credit {
	/* border-bottom: 8px solid #83C03C; */
	clear: both;
	background: white url('/_assets/img/credit_bg.png') repeat-x  0 100%;
	padding-top: 10px;
}

#credit a {
	display: block;
	float: right;
	width: 80px;
	height: 8px;
	background: white url('/_assets/img/credit.png') 0 0 ! important;
	text-indent: -5000em;
}

#accreditation {
	float:left;
	width: 184px;
}

#accreditation li {
	display: inline;
}

#footer .wrapper {
	float: right;
	width: 732px; /* 729 + 3px */
}
#nav-help {
	float: left;
	width: 486px;
	padding-top: 49px;
}

#endorsements {
	float: right;
	width: 196px;
}

#endorsements li {
	display: inline;
}

#nav-help li {
	font-size: .92em;
	display: inline;
	padding: 0 0 0 3px;
}

#nav-help li a {
	padding: 0 3px 0 0;
	border-right: 1px solid #999999;
}

/* homepage */
.box {
	margin-bottom: 16px;
}

#content .box h4 {
	color: #3A4956;
	border-bottom: 4px solid #83C03C;
	text-transform: uppercase;
	font-size: .92em;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	background: #F0EFF0;
	padding: 0 6px 0 6px;
}

#content .box h4 a {
	display: block;
	padding: 0 6px 0 6px;
	margin: 0 -6px 0 -6px;
	color: #3A4956;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	background: #F0EFF0 url('/_assets/img/arrow_link_white.png') no-repeat 137px 8px;
	color:  #3A4956 !important;
}
#content .box h4 a:visited {
	color:  #3A4956 !important;
}

#content-related .box h4 a {
	background-position: 181px 8px;
}

#content .box h4 a:hover {
	background-color: #83C03C;
	color: white !important;
}

#content-body .row .box {
	width: 152px;
	float: left;
}

#content .box ul, #content .box h4 {
	margin:0;
}

#content .box ul li {
	margin:0;
	padding:0;
	background-image: none;
}

#content .box ul a {
	display: block;
	padding: 6px 6px 6px 12px;
	background: transparent url('/_assets/img/arrow_link.png') no-repeat 6px 9px;
	color: #3a4956;
	text-decoration: none;
	font-size: .92em;
}

#content .box p {
	padding: 6px;
	font-size: .92em;
}

#content .box ul a:hover {
	color: #000000;
	background-color: #F0EFF0;
}

a.video {
	display: block;
	margin-bottom: 8px;
}

/* address */
.highlight {
	display: block;
	margin-bottom: 16px;
	background: #F0EFF0;
	padding:12px;
	border-top: 4px solid #83C03C;
}

.highlight .col-a, .highlight .col-b {
	width: 48%;
}

#content-body .highlight p {
	margin-bottom:0;
	font-weight: bold;
}

.highlight dt {
	width: 5em;
	float: left;
	font-weight: normal ! important;
	clear: left;
}

.highlight dd {
	font-weight: bold;
}

/* forms
------------------------------------------------------------------------- */
form .col-a, form .col-b {
	width: 215px;
}

#content-body input.txt, #content-body select, #content-body textarea {
	width: 98%;
	font-size: 1.1em;
	}

form .note {
	float: right;
	font-size: .92em;
	line-height: 1.2em;
	}
	
div.errors {
	padding: 12px;
	background: #F0EFF0;
	margin-bottom: 1em;
	border-top: 4px solid #B53825;
}

div.errors strong {
	color: #B53825;
}

.required {
	color: #B53825 ! important;
}

.required input, .required select, .required textarea {
	color: #3A4956 ! important;
}
		
form .options .note {
	float: none;
	}	

form .req {
	position: absolute;
	top: 13px; right:12px;
	font-size: .92em;
	}

form.data-capture {
	border: 4px solid #83C03C;
	border-width: 4px 0 4px 0;	
	margin-bottom: 1.3em;
	position: relative;
	background: #F0EFF0;
	}

fieldset {
	padding: 12px;
}
	
fieldset.rule {
	border-bottom: 4px solid white;
}

#content-body fieldset {
	line-height: 1.6em;
	}

fieldset p {
	line-height: 1.5em;
	}

legend {
	display: block;
	text-align: left;	
	margin-left: -1px;
	margin-right: -1px;
	padding-top: 12px;
	padding-bottom: .1em;
	font-size: 1.25em;
	color: #83C03C;
	text-transform: uppercase;
	}

input, select, textarea {
	color: #2F3F4A;
	}

label {
	font-weight: bold;
	font-size: .92em;
	color: #333333;
	}
	
optgroup {
	font-weight: bold;
	font-style: normal ! important;
	color: #83C03C;
	padding: 12px 0 0 6px;
}

optgroup option {	
	color: #333333;
}

#content-body label li {
	color: #666666;
}

.data-capture label {
	clear: both;
	padding-bottom: 1em;
	}

label input.txt, label select, label textarea {
	font-size: 1.1em;
	display: block;
	}

label input, label select, label textarea {
	font-weight: normal;
	}

label.frm-title, label.frm-postcode {
	width: 30%;
	float: left;
	clear: none;
	}
label.frm-postcode {
	width: 50%
	}	

label.frm-firstname,label.frm-country {
	width: 65%;
	float: right;
	clear: none;
	}
	
label.frm-dayrate {
	width: 65%;
	float: left;
	clear: none;
	}
	
label.frm-rateperiod {
	width: 30%;
	float: right;
	clear: none;
	}	

.data-capture label {
	display: block;
	}

.data-capture input.txt {
	width: 100%;
	}

.data-capture input.txt, .data-capture select {
	margin-bottom: .25em;
	}

.options {
	background-color: #E9EFF4;
	padding: 12px 12px 10px 12px;
	margin: 0 0 10px 0;
	}
	
.data-capture .options .col-a {
	float: left;
	width: 228px;
	}

.data-capture .options .col-b {
	float: right;
	width: 228px;
	}	

label select {
	display:block;
	border: 1px solid rgb(195,203,208);
	padding:1px 1px 1px 1px;
	color: #333;
	}

input.txt, textarea.txt {
	border: 1px solid rgb(195,203,208);
	padding:2px 1px 1px 1px;
	}
	
input.file {
	clear: both;
	margin-bottom: .25em;
	border: 1px solid rgb(195,203,208);
	padding:2px 1px 1px 1px;
}

#content-body .multiselect label select {
	width: 99.5%;
}

/* float clear fix for wrapping elements */
#nav-main:after, #content:after, .wrapper:after, #footer:after, .feature:after, .profile:after, .row:after, .person:after, .advert:after, #content-related label:after, .box:after, fieldset:after, .options:after, .highlight:after, .nav-wrapper:after, #quotes:after, #credit:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}