/*
Title:      Whitehead Monckton master styles
Author:     Mark Croxton, mcroxton@hallmark-design.co.uk
Copyright:	Hallmark Design 2005
Updated:    Jan 03 2008
*/

* 		{ margin: 0; padding: 0; }
img 	{ border: 0; }
.skip 	{ display: none;}

html, body { height: 100%; margin: 0; padding: 0; color: #000; font-size: 100%; }
body { font: 0.75em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif; /* 1em is now 12px at 96ppi. */ }
table, form, select, input, textarea { 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 100%; /* ie hack so these elements correctly inherit the default text size */ 
	}

/* layout 
----------------------------------------------------------- */

#page { width: 750px; padding-bottom: 20px;}


/* typography 
----------------------------------------------------------- */
		
a, a:link 			{ color: #369; text-decoration: none; }
a:visited 			{ color: #369; }	
a:focus, a:hover 	{ color: #369; text-decoration: underline; }
a:active 			{ color: #369; }

/* masthead
----------------------------------------------------------- */

#masthead { 
	height: 109px; 
	position: relative;
	padding-top: 10px;
	width: 100%;
}

#masthead h1 {
	position: absolute;
	right:0;
	bottom: 20px;
	margin:0;
}

#crumbtrail {
	float: left;
	margin-left: 260px;
	padding-left: 10px;
	border: 1px solid #999;
	border-width: 0 0 0 1px;
}

#crumbtrail, #nav-help {
	font-size: .84em;
	line-height: 1em;
}

#nav-help {
	float: right;
	border-right: 1px solid #999;
	padding-right: 10px;
}


/* nav-main
----------------------------------------------------------- */

#nav-main {
	width: 100%;
	background: transparent url('/_assets/gfx/nav_bg.png') 0 0 repeat-y;
	z-index: 100;
	position: relative;
}

#nav-main ul {
	float: right;
	width: 485px;
	margin:0px;
	padding-left:5px;
	list-style:none;
}

#nav-main li {
	display: block;
	width: auto;
	float: left;
	overflow: visible;
	margin: 0;
	line-height: 3em;
	position: relative;
}

#nav-main li a {
	color:#333;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

#nav-main li a:hover {
	color:#000;
	text-decoration: none;
}

#nav-main a.active {
	font-weight: bold;
}

/* hide all sublevels*/
#nav-main  li ul {
    display: none;
    position: absolute;
    left:0;
	top:3em;
    padding: 0;
	margin: 0;
	list-style: none;
	width: 160px;
}

/* hovers */
#nav-main li:hover ul, #nav-main li.hover ul {
    display: block;
}

#nav-main li:hover, #nav-main li.hover {
	background-color: #eee;
}

#nav-main li li {
    width: 180px;
    white-space: nowrap;
    float:none;
    background-color: #eee;
    line-height: 2em;
}

#nav-main li li a {
	display: block;
    border-top: 1px solid #ccc;
    font-size: 92%;
    margin: 0;
    width: 160px;
    color: #555;
}
#nav-main li li a:hover {
    background-color: #D3E9FF;
   	color: #0A2751;
    text-decoration: none;
}

/* nav-sub 
----------------------------------------------------------- */

#nav-sub {
  width:220px;
  padding:0px 20px 0 20px;
  float: left;
}

#nav-sub dl dt {
  margin:0px 5px 7px 20px;
  padding:0px 5px 0px 0px;
  color:#900;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .92em;
}

#nav-sub dl dd {
	margin-bottom: 1em;
}

#nav-sub ul {
	list-style: none;
}

#nav-sub li a {
	display: block;
	padding: 0 0 0.25em 20px;
}

#nav-sub a.active {
	background: transparent url('../gfx/arrow_right.gif') 5px 40% no-repeat;
	font-weight:bold;
}

#nav-sub li a {
	color: #444;
	text-decoration: none;
}

#nav-sub li a:hover {
	color: #336699;
	text-decoration: none;
}

#nav-sub li ul {
	margin: 2px 0 -.5em 0;
}

#nav-sub li li {
	margin-left: 0;
	font-size: .92em;
}
#nav-sub li li li {
	font-size: 1em;
}

#nav-sub li li a {
	padding: 0 0 0.25em 32px;
}

#nav-sub li li li a {
	padding: 0 0 0.25em 44px;
}

#nav-sub li li li a.active {
	background: transparent url('../gfx/arrow_sub.gif') 32px 40% no-repeat;
}

#nav-sub li li a.active {
	background: transparent url('../gfx/arrow_sub.gif') 20px 40% no-repeat;
}


/* content
----------------------------------------------------------- */

/* forms */
label {
	display: block;
	font-weight: bold;
	padding: 0 0 .25em 0;
}

div.errors {
	margin-bottom: 1.2em;
	padding-right: 12px;
	color: #900;
	border-right: 1px solid #ccc;
}

#content {
	margin-top: 7em;
	background: transparent url('../gfx/content_bg.png') 260px 0 repeat-y;
}

#content-body {
	float:right;
	width: 475px;
	position: relative;
}

#content h1 {
	font-size:1.75em;
	font-weight: normal;
	color: #900;
	margin-bottom: 2em;
	position: absolute;
	top:-3em; left:0;
	line-height: 1.2em;
}

h2 {
	font-size:1.25em;
	font-weight: bold;
	color: #900;
	margin-bottom: 0px;
	padding-bottom:0px;
	line-height:1.2em;
}

h2 a, h2 a:link, h2 a:visited {
	color: #900;
}

#content h3 {
	font-size:1em;
	font-weight: bold;
	color: #900;
}

#content p, #content h2, #content form, #content ul, #content ol, #content dl {
	margin: 0 0 1.2em 0;
}

#content-body ul {
	margin-left: 1em;
}

#content-body ol {
	margin-left: 1.5em;
}

span.linkdivider {
	color: #999;
}

#content-body .nav-tertiary {
	list-style-type:none;
	padding:0;
	line-height:150%;
	border-right:1px solid #999;
	margin-left:0;
}

ul.directory {
	border: 0;
}

blockquote {
	margin: 0 20px 1.2em 20px;
}

/* News listing */
#content-body p.strap {
	margin: -1.2em 0 1em 0;
	color: #666666;
}

/* more links */
#content-body p.more {
	margin: -.5em 0 1.3em 0;
}

/* people profiles */
.profile {
	clear: both;
	margin: 1.2em 0 2.4em 0;
}
.profile img,img.figure {
	float: right;
	margin: 0 0 10px 15px;
}

/* footer
----------------------------------------------------------- */

#footer {
	font-size: .84em;
	position: relative;
	height: 7em;
	background: transparent url('../gfx/content_bg.png') 260px 0 repeat-y;
}

#topbtn {
	width: 220px;
	position: absolute;
	bottom:0;
	margin-left: 40px;
}
#copyright {
	position: absolute;
	width: 475px;
	left: 275px;
	bottom:0;
}

/* home page
----------------------------------------------------------- */

#home #masthead { 
	height: 210px;
}

#home #crumbtrail {
	border-width: 0 1px 0 0;
	padding: 0 10px 0 65px;
}

#home #content {
	background: #eee url('/_assets/gfx/homebox.gif') 0 0 repeat-y;
	margin: 50px 0 0 0;
	padding-top: 10px;
}

#home .col-a {
	float: left;
	width: 230px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	color: #666;
}

#home .col-b {
	float: right;
	width: 464px;
	padding: 10px 10px 10px 15px;
}

#home .col-b p {
	color: #666;
	font-size: .92em;
	margin: 0 0 1.2em 0;
}

#home .col-b h2 {
	font-size: 1em;
}

#home h3 a, #home h3 a:link, #home h3 a:visited {
	font-size:1em;
	color: #333;
}

#home h2 {
	font-size:1em;
}

.endorsements {
	margin-top:20px;
	text-align:right;
	border-right:1px solid #999;
	padding-right:10px;
	font-size:0.7em;
}

#home {
	background:#FFFFFF url('../unique/apples.jpg') no-repeat;
}

#home.Apples {
	background:#FFFFFF url('../unique/apples.jpg') no-repeat;
}

#home.Hops {
	background:#FFFFFF url('../unique/hops.jpg') no-repeat;
}

#home.Orchid {
	background:#FFFFFF url('../unique/orchid.jpg') no-repeat;
}

#home.Mushroom {
	background:#FFFFFF url('../unique/mushroom.jpg') no-repeat;
}

#home.Moth {
	background:#FFFFFF url('../unique/moth.jpg') no-repeat;
}

#home.Tree {
	background:#FFFFFF url('../unique/tree.jpg') no-repeat;
}

#home.Fireworks {
	background:#FFFFFF url('../unique/fireworks.jpg') no-repeat top left;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:705px;background: #333366 url('/_assets/gfx/tooltip_bg.png') 0 0 repeat-y;text-align:left;padding:5px 5px 5px 40px;min-height:1em; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:12px/13px Arial,Helvetica, sans-serif;  }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }


/* Contact page
----------------------------------------------------------- */
.location {
	clear: both;
	margin-bottom: 1em;
	border-right: 1px solid #ccc;
}
#content-body .contact {
	float: right;
	width: 189px;
	font-size: .92em;
}
#content-body .contact p.address {	
	font-size: 1.0909em;
}
img.map {
	float: left;
	width: 275px;
}


/* Misc 
----------------------------------------------------------- */

.sidebox {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.sidebox img {
	margin: 0;
	padding:0;
}

/* ie hack */
* html .sidebox img {
	margin-bottom: -3px;
}

.sidebox p {
	background-color: #CCC;
	color: #333;
	font-size: 11px;
	margin-top:0;
	padding:5px;
}

p.footnote {
	color: #333;
	font-size: .92em;
	font-style: italic;
}

/* Search results
----------------------------------------------------------- */

div.search-results h2 {
	padding: 8px;
	background-color: #eeeeee;	
	margin-bottom: 1.5em;
	line-height: 120%;
}

div.search-results h2 span {
	color: #333333;	
}

div.search-results h3 {
	color: #000000;
}

div.search-results h3 span {
	font-weight: normal;
}

div.search-results h3 span.isearch_highlight  {
	font-size: 100%;
	font-weight: bold;
}

div.search-results p {
	margin-top:0;
}

div.search-results p span.url a {
	color: #666666;
}

div.search-results p span.url a:link {
	color: #666666;
}

div.search-results p span.url a:visited {
	color: #666666;
}

div.search-results p span.isearch_highlight {
	font-weight: bold;
}

/* ajax search */
.ajaxSearch_highlight, .AS_ajax_highlight {
	color: black;
	font-weight: bold;
}
#nav-main form {
	width: 200px;
	padding: 0 0 0 40px;
	margin-top: 9px;
	margin-bottom: -9px;
	float: left;
}

#nav-main label {
	margin-bottom:-1em;
}

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

#nav-main label, #nav-main input {
	color: #000;
}

#nav-main #ajaxSearch_input {
	border:0px;
	width: 138px;
	padding: 3px 20px 1px 20px;
	background: url('/_assets/gfx/searchfield.png') no-repeat 0 0;
	float: left;
}

#ajaxSearch_submit {
	float: right;
}

#searchClose {
	position: absolute;
	top:13px;
	left:201px;
	background: url('/_assets/gfx/search_close.png') no-repeat 0 0;
	width: 20px;
	height: 20px;
	z-index: 9999;
}

#indicator {
	position: absolute;
	top:13px;
	left:201px;
	width: 20px;
	height: 20px;
	background: url('/_assets/gfx/search_loading.gif') no-repeat 0 0;
	z-index: 10000;
}

#ajaxSearch_form {
	color: #444;
	width: auto;
}

#ajaxSearch_submit {
	display: inline;
}
#ajaxSearch_output {
	position: absolute;
	left:0;
	top: 36px;
	width: 241px;
	margin-left: 20px;
	padding: 0;
	display: block;
	height: auto;
	vertical-align: top;
}
#current-search-results {
	padding: 10px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	background: #eee;
}

.AS_ajax_result {
	color: #444;
	margin-bottom: 3px;
}
.AS_ajax_resultLink {
	display: block;
	padding: 5px 0 0 0;
}
.AS_ajax_resultDescription{
	color: #555;
}
.AS_ajax_more {
	margin: 1em 0 0 0;
	color: #555;
}

#ajaxSearch_output h3 {
	font-size: 1em;
	margin: .75em 0 0 0;
}
#ajaxSearch_output h3 a,#ajaxSearch_output h3 a:link,#ajaxSearch_output h3 a:visited {
	color: #369;
}

#ajaxSearch_output h2 {
	margin-top: 1em;
	color: #333;
}

/* paging 
----------------------------------------------------------- */

p#paging {
	margin: 0.5em 0 0 0;
	padding: 0 0 0.5em 0;
	color: #666666;
}

p#paging span.numbers {
	color: #000000;
	font-weight: bold;
}

p#paging span span {
	display: none;
}

a.arrows:link {
	font-weight: normal;
	text-decoration: none;
}

a.arrows:visited {
	text-decoration: none;
}
	
a.arrows:focus { 
	text-decoration: none;
}	

a.arrows:hover { 
	text-decoration: none;
	background-color: #ffffff;
}

/* generic pages */
body {
	background:#FFFFFF url('../unique/apples_small.jpg') no-repeat;
}

body#about {
	background:#FFFFFF url('../unique/apples_small.jpg') no-repeat;
}

body#personal {
	background:#FFFFFF url('../unique/hops_small.jpg') no-repeat;
}

body#business {
	background:#FFFFFF url('../unique/orchid_small.jpg') no-repeat;
}

body#people {
	background:#FFFFFF url('../unique/mushroom_small.jpg') no-repeat;
}

body#careers {
	background:#FFFFFF url('../unique/moth_small.jpg') no-repeat;
}

body#site {
	background:#FFFFFF url('../unique/tree_small.jpg') no-repeat;
}

body#fireworks {
	background:#FFFFFF url('../unique/fireworks_small.jpg') no-repeat;
}

/* prob8 */
#prob8 {
	background: #D0DFCE;
	padding: 10px;
	margin-bottom: 1.2em;
}

#prob8 h2 {
	float: left;
	width: 98px;
	height: 54px;
	position: relative;
	margin-bottom: 0;

}

#prob8 h2 a {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -5000em;
	height: 54px;
	width: 98px;
	background:#FFFFFF url('../images/prob8_logo.png') no-repeat;
}

#content #prob8 p {
	color: #1D5320 ! important;
	float: right;
	width: 73%;
	font-size: 1.08333em;
	margin:0;
}

#content #prob8 p a {
	display: block;
	color: #5CA93E;
	margin-top: .8em;
}

/* float clear
----------------------------------------------------------- */

#nav-main:after, #content:after, .location:after, #prob8:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}