@charset "utf-8";
/* HOC Styles - Tim Young - Hays.com */

body {margin:0px; background: #fff url(images/background_grad3.jpg) repeat-x top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%;  }

#shad {background: url(images/bad_shad.png) center top no-repeat;  z-index:-20; _background:none;}

a:hover, a:focus {outline:0;}

#main_container { width: 928px; margin:auto; background: url(images/shadow.png) repeat-y  center top; z-index:100;
_background:none;}

#white { background: #fff; height:500px; width:900px; margin:auto;  }

/* BANNER DIVS */
#top_banner { width:900px; height:182px; background:url(images/banner.jpg) no-repeat;  margin:auto; position: relative; }
#flash_intro {width:900px; height:600px; background:#FFFFFF; margin:auto;}
#flash_banner {width:380px; height:182px; float:right; background: url(images/green_clock.jpg) no-repeat;}
.intro_link {float:left;}
.intro_link img { border:none;}

/* NO FLASH ALT */
#flashcontent1 span, #flashcontent2 span  {background:#fff; color:#000000;  font-weight:bold; font-size:.9em; padding:5px 5px;}


/* TEXT size */
#textSize { padding: 40px 190px 8px 0px; float: right;   }
#textSize ul { list-style: none; padding: 0; margin: 0; display:inline; width:900px;  }
#textSize span { display: none; }
#textSize li { float: left; margin-right: 2px; }
#textSize a { display: block; float: left; }
#textSize a.small { background:url(images/smallTxtA.gif) no-repeat ; width: 22px; height: 22px; margin-right: 2px; padding-bottom:3px;  }
#textSize a.med { background:url(images/medTxtA.gif) no-repeat ; width: 22px; height: 22px; margin-right: 2px; padding-bottom:3px;}
#textSize a.large { background:url(images/largeTxtA.gif) no-repeat ; width: 22px; height: 22px; margin-right: 2px; padding-bottom:3px;}
#textSize a.inv { background:url(images/invTxtA.gif) no-repeat; width: 22px; height: 22px; padding-bottom:3px; }
span#changeTxt { display: inline; float: left; margin: 8px 7px 0 0;  color: #006633; font-weight:bold; padding:0 0 5px 0px 0; font-size: .85em; }


/* NAVIGATION */
#nav_outer {       }
#nav {margin:auto;  width:900px; background: #FFFFFF url(images/ul.jpg) top repeat-x; }
#a a {background:url(images/bg2.jpg); }
#nav li {list-style:none; float:left;}
#nav ul {padding:0px; margin:0px;  background:url(images/ul.jpg)top repeat-x; width:900px !important;     }
#nav li a {color:#006600; text-decoration:none; padding:  7px 16px 2px 16px; float:left; display:block;  color: #006600;  height:24px; font-weight:bold !important; font-size:1em; letter-spacing:-.03em;  border-right: 1px solid #e2e2e2;  }
#nav ul li a:hover, #nav a ul li :focus {color: #FFFFFF; }
#nav li.selected {float:left; display:block; list-style:none; background: url(images/selected.jpg) top repeat-x  #21744a  ; color: #FFFFFF; padding: 7px 16px 2px 16px;   height:24px; font-weight:bold; font-size:1em; letter-spacing:-.03em;  border-right: 1px solid #21744A;   }

.clickablea {background:none !important; color:#FFFFFF !important; padding:0 !important; margin:0 !important; border:none !important;}

#green_line {height:2px !important; background:#016131; width:900px;  margin:auto; clear:both;  }


/* Content DIVS */
#content { width:900px; margin:auto;  background: url(images/ul.jpg) top repeat-x #fff; position: relative; clear:both;}

.line {background:url(images/slash.png) no-repeat; _background:url(images/slash.jpg) no-repeat; height:32px; width:528px;}

#text {padding: 10px 25px 30px 0px; *padding: 20px 25px 50px 0px; width:529px; float:left;  text-align:justify; margin:0 0 0 25px; _margin:0 0 0 9px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:90%;  position:relative; }
#text a {color:#006633;}



#text_jobs {padding: 10px 25px 30px 0px; _padding: 10px 25px 50px 0px; width:790px; float:left;  text-align:justify; margin:0 0 0 25px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:90%;  position:relative; }

#text_bens {padding: 10px 25px 50px 0px; _padding: 10px 25px 50px 0px; width:529px; float:left;  text-align:left; margin:0 0 0 25px; _margin:0 0 0 9px;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:90%;  position:relative; }

.right_image { padding: 0px 0px 40px  0px ; float:right; position:relative;  }

.fact {font-size:.85em; color: #003333 ; width:212px;  *width:213px; background:url(images/fact.jpg); font-family: Verdana, Arial, Helvetica, sans-serif;  padding:10px 15px; position:absolute; top:70px; right:0px; }
.fact2 {font-size:.85em; color: #003333 ; width:212px;  *width:213px; background:url(images/fact.jpg); font-family: Verdana, Arial, Helvetica, sans-serif;  padding:10px 15px; position:absolute; top:380px; right:0px; }


.text_push {height:20px; width:100%;}

.answer_box {background:#fff; padding: 5px 15px 15px 15px; border:1px solid #D8EFB3;}

#text_profiles { width:850px; }

/* PROFILES */

.inner_content_welcome { width:855px; background :#F3F7E0 url(images/commons.jpg) center top no-repeat; margin: 0 20px 20px 25px; }
.inner_content_jobs{ width:855px; background:#F3F7E0 url(images/jobs_background.jpg) center top no-repeat; margin: 0 20px 20px 25px; }
.inner_content_about {  width:855px; background :#F3F7E0 url(images/hall.jpg) center top no-repeat; margin: 0 20px 20px 25px; }
.inner_content_learn { width:850px; background :#F3F7E0 url(images/chimneys.jpg) center top no-repeat; margin: 0 20px 20px 25px; }
.inner_content_bens { width:855px; background :#F3F7E0 url(images/roof.jpg) center top no-repeat; margin: 0 20px 20px 25px; }
.inner_content_faq { width:855px; background : #F3F7E0 url(images/angels2.jpg) center top no-repeat; margin: 0 20px 20px 25px; }

.inner_content_faq2 { width:855px; background: #CBEFA4 url(images/green_gad.jpg) repeat-y ; margin: 0 20px 20px 25px; }
.inner_content_profile{ width:900px; background :url(images/people.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_andy { width:900px; background :url(images/andy.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_amy { width:900px; background :url(images/amy.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_joe { width:900px; background :url(images/joe.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_lin { width:900px; background :url(images/lin.jpg) center top no-repeat; margin-bottom:10px; }.inner_content_andy { width:900px; background :url(images/andy.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_clare { width:900px; background :url(images/clare.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_sonia { width:900px; background :url(images/son.jpg) center top no-repeat; margin-bottom:10px; }
.inner_content_bob { width:900px; background :url(images/bob.jpg) center top no-repeat; margin-bottom:0px; }
.inner_content_nige { width:900px; background :url(images/nige.jpg) center top no-repeat; margin-bottom:10px; }

.persondetails {width:545px; padding: 0 0px 0 240px ;  font-size:1.1em;  font-weight:bold; min-height:320px; }
.persondetails img {  float:right; border:none;}

.detailshead {padding: 20px 0 0px 0; font-size:1.1em;    }
.detailshead_left { color:#005A27; width:7em; float:left; }
.detailshead_right {  float:left; color:#5e5e5e; text-align:left; width:443px;    }

.likes {clear: both; padding-top:2em; color:#5e5e5e;  padding-bottom:2em;}
.likes span, .likesbob span  { color:#005A27; font-style:normal; font-size:1.1em; }
.likesbob { clear: both; padding-top:2em; color:#5e5e5e;  padding-bottom:2em; font-size:.85em; }


.crumbs {  font-size:1em; font-weight:bold; padding: 15px 20px 0px 20px;   }
.crumbs a {color:#006600; font-weight:bold; text-decoration:none; }

.profile_links_bottom {  font-weight:bold; padding: 5px 0px 0px 0px !important; font-size:1.2em;   color:#006600;  }

.profile_links_bottom li a { list-style:none; color:#005A27 !important;  background:url(images/ul.jpg) repeat-x;  text-decoration:none;  margin: 5px 5px !important; 	display: block;  font-size:1em; padding: 4px 8px !important;   text-align:left; border: 1px solid #ededed; text-align:justify; _margin:0; }
.profile_links_bottom li a:hover, .profile_links_bottom li a:focus  { background:#fff; color: #999999 !important;}

.profile_links_bottom ul {float:left; list-style:none; margin:0 !important; padding:0; width:100%;}
.profile_links_bottom p { color:#989898; font-size:1.3em; letter-spacing:-1px; font-weight:normal;}

#text_profiles_inner {float:left; width:552px; padding-right:40px;}
#profiles_history {float: left; width:220px;  height:100%;   margin-top:0px; color:#FFFFFF; font-weight:bold;  }
#profiles_history h1 {background: url(images/dates.jpg) top center no-repeat ;  padding: 9px 0 26px 0; color:#d5eeda; text-align:center; font-size:1em; font-weight:bold;  }
#profiles_history p {color:#5E5E5E;
padding:0 15px 0px 15px; text-align:left; margin:5px; font-stretch:ultra-condensed;  }

.next_but {position:absolute; top:20px; right:85px;}

.return_but {position:absolute; top:20px; right:05px;}
.return_but2 {position:absolute; top:70px; right:05px;}
.return_but img, .return_but2 img {border:none;}

#careers { width:800px; padding: 0 0 0 40PX; background:#ffffff; }

#flash_profile_picker {margin: 0 0 0 20px; border: 1px solid #CCCCCC; width:855px;}

#people {width:855px; padding: 10px 25px 20px 25px; _padding: 10px 25px 50px 0px;   text-align:justify; margin:0 0 0 25px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:90%;  position:relative; }

/* List */
ul.greybullet {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.greybullet li {
background:transparent url(images/greybullet.gif) no-repeat scroll 0 0.5em; padding:0.1em 1em 0 1.5em;}


/* Expanding Box */
.info_box {clear:both;background: #fff url(images/ul.jpg) repeat-x; padding: 8px 15px; margin-bottom:10px; border: 1px solid #CCCCCC; }

.info_box a {text-decoration:none; color:#006600; font-weight:bold; }
.info_box a.more_link {font-size: 1.3em;}
.expander {margin-top:10px; padding-top:10px;}
.close a { padding:2px 3px; font-size:85%; font-style:normal;}

.info_box p.button { text-align: }

.info_box p.button a { width: 100px; border: 1px solid #000000; margin: 0px auto; padding: 6px 12px; background: #21744A url(images/selected.jpg) repeat-x top; font-size: 1em; color: White; text-align: center; display: block; }

/* HEADERS */
h1 { font-weight:normal; margin:0; padding:27px 5px 18px 74px; color:#016131; font-size:1.9em;  letter-spacing:-.06em; font-stretch:ultra-condensed; text-transform:uppercase;  background:url(images/h_back.jpg) no-repeat top; }
h1 span { text-transform:lowercase;}
h2 {color:#005A27; font-size:1.6em;  padding:0px; *padding: 15px 0 0 0px; font-weight:normal; letter-spacing: -.07em;}
h3  {color:#006600; font-size: 1.3em; text-align:left; }
h4  {color:#006600; font-size: 1.1em; }
h5 {float: left; color:#006600; font-size:1.5em; font-style:italic; font-weight:normal;  padding:0; margin:0;}
h6 {color: #bababa;  font-size:1.5em;  font-style:italic; padding: 20px 0  10px 0 ; text-align:center; margin:0; letter-spacing:-1px; background:url(images/history.jpg) center bottom no-repeat;  }

p {padding:5px;}

/* FAQ PAGE */
.faqlinks { list-style: none; padding: 0;}
.faqlinks ul {padding:0px; margin:0px; list-style:none;}
.faqlinks li a {font-weight:bold; padding: 7px 10px !important; font-size:1.1em;   color:#006600;   background:#fff !important;  text-decoration:none;  margin: 5px 0;  	display: block;  letter-spacing:normal; text-align:left; border:1px solid #D8EFB3 !important;}
.faqlinks a:hover, .faqlinks a:focus {	background: #fff; border: 1px solid #ededed; }


/* more links and stuff */
.top {background:url(images/up_arrow.gif) no-repeat left; margin: 20px 0 0px 10px;  }
.top a {padding-left:17px; text-decoration:none; letter-spacing:normal; font-size:.9em; color: #7a7a7a;
}
.clearer {clear:both;}
.more_link {padding:10px;}


/* FOOTER/SHARE CONTAINER */
#footer_outer {width:900px; background:url(images/shadow2.png) repeat-y; margin:auto;}
#footer {float:left; padding:30px 0px 25px 144px; width:756px; background:url(images/foot_portcul.jpg) left top no-repeat;  }

/* SHARE */
.addthis_button_expanded { padding-bottom:2px; font-size:12px; float:left;}
#share_icons {float:right; padding: 10px 29px 0 0px;}




span.button {
	margin: 1px 2px 10px 0px;
	padding: 6px 12px;
	border: 1px solid #000000;
	background: #21744A url(images/selected.jpg) repeat-x top;
	font-size: 1em;
	font-weight: bolder;
	color: #FFFFFF;
	cursor: pointer;
	position: relative;
	left: 0px;
	float: right;
}

p.errorMessage {
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	padding: 5px 10px 5px 10px;
	background: #DD0000;
	color: #FFFFFF;
}