/* -------------------------------------------
project:	The Board Institute
date:		2008/10/08
------------------------------------------- */

html { font-size: 100.01%; }
body { margin: 0; padding: 0; background: #325442; color: #303030; font: 62.5%/1.25 Helvetica,Arial,sans-serif; }
textarea, input, select, option, optgroup, button, contactfield { font: 1em Helvetica,Arial,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 1.25em; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }
p, li { line-height: 140%;}

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }
/*
 325443
-------- */
a { color: #13251c; text-decoration: none; font-weight: bold; }
a:visited { color: #3C6751; }
a:hover, a:focus, a:active { color: #325443; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; color: #000; font: bold 2.1em Arial,Helvetica,sans-serif; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }

h1.green {
	color: #173627;
	padding-top: 8px;
}
p.topcop {
	font-style: normal;
	font-size: 1.6em;
	line-height: 1.9em;
}

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.right { text-align: right; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
.nm { margin-bottom: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 900px; margin: 0 auto; }
 #top { position: relative; z-index: 20; overflow: hidden; width: 100%; margin: 0 0 -5px; padding: 0 0 1px; background: url(/images/website/bg-top-a.gif) 0 100% no-repeat; }
  #top p { display: inline; float: left; margin: 0 0 0 20px; padding: 8px 0 13px; color: #fff; font: bold 1.6em/1 Arial,Helvetica,sans-serif; }
  #top p.side { float: right; padding: 0; font-family: Helvetica,Arial,sans-serif; }
   #top p.side a { float: left; background: #fff url(/images/website/tabs-a.gif) 0 100% no-repeat; color: #000; text-decoration: none; }
   #top p.side a:hover { background-color: #f3f3f3; }
    #top p.side a span { float: left; padding: 6px 20px 4px; background: url(/images/website/tabs-a.gif) 100% 100% no-repeat; cursor: pointer; }
 #homeinner { position: relative; z-index: 10; width: 100%; background: #e4e4e4; }
 #inner { position: relative; z-index: 10; width: 100%; background: #fff; }
  #header { overflow: hidden; position: relative; min-height: 335px; padding: 85px 470px 0 15px; background: #fff; text-align: center; }
  * html #header { height: 335px; }
  #productheader { overflow: hidden; position: relative; min-height: 185px; padding: 0px 610px 0 0px; background: #233F31; text-align: center; }
  * html #productheader { height: 185px; }
   #header p.image { position: absolute; right: 0; top: 0; line-height: 1; }
   #header p.logo { margin: 0px; line-height: 1; }
   #productheader p.image { position: absolute; right: 0; top: 0; line-height: 1; }
   #productheader p.logo { margin: 0 0 7px; line-height: 1; }
   #header h2 { font: bold 2.1em/1.1 "Lucida Grande","Lucida Sans Unicode"; }
   #header p.intro { width: 365px; margin: 0 auto 20px; font-size: 1.3em; line-height: 1.75; }
   #productheader h2 { font: bold 2.1em/1.1 "Lucida Grande","Lucida Sans Unicode"; }
   #productheader p.intro { width: 365px; margin: 0 auto 20px; font-size: 1.3em; line-height: 1.75; }
   #header p.call { }
    #header p.call a { display: block; overflow: hidden; width: 311px; height: 68px; margin: 0 auto; background: url(/images/website/button-call-a.png) no-repeat; text-indent: -10001px; }
    #header p.call a:hover { background-position: 0 -68px; }
   #productheader p.call { }
    #productheader p.call a { display: block; overflow: hidden; width: 311px; height: 68px; margin: 0 auto; background: url(/images/website/button-call-a.png) no-repeat; text-indent: -10001px; }
    #productheader p.call a:hover { background-position: 0 -68px; }
 
 #nav { position: relative; top: -15px; z-index: 30; margin: 0 0 -5px; }
   #nav ul { overflow: hidden; list-style: none; width: 870px; margin: 0 auto; padding: 0; }
    #nav ul li { float: left; }
     #nav ul li a { overflow: hidden; float: left; height: 39px; background: url(/images/website/nav.png) no-repeat; text-indent: -10001px; }
     #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
     #nav ul li.home a { width: 87px; background-position: 0px 0; } #nav ul li.home a:hover, #nav ul li.home a:focus { background-position: 0px -39px; } #nav ul li.home a.active { background-position: 0px -78px !important; }
     #nav ul li.products a { width: 112px; background-position: -87px 0; } #nav ul li.products a:hover, #nav ul li.products a:focus { background-position: -87px -39px; } #nav ul li.products a.active { background-position: -87px -78px !important; }
     #nav ul li.benefits a { width: 107px; background-position: -199px 0; } #nav ul li.benefits a:hover, #nav ul li.benefits a:focus { background-position: -199px -39px; } #nav ul li.benefits a.active { background-position: -199px -78px !important; }
     #nav ul li.methodology a { width: 150px; background-position: -306px 0; } #nav ul li.methodology a:hover, #nav ul li.methodology a:focus { background-position: -306px -39px; } #nav ul li.methodology a.active { background-position: -306px -78px !important; }
     #nav ul li.partners a { width: 109px; background-position: -456px 0; } #nav ul li.partners a:hover, #nav ul li.partners a:focus { background-position: -456px -39px; } #nav ul li.partners a.active { background-position: -456px -78px !important; }
     #nav ul li.news a { width: 81px; background-position: -565px 0; } #nav ul li.news a:hover, #nav ul li.news a:focus { background-position: -565px -39px; } #nav ul li.news a.active { background-position: -565px -78px !important; }
     #nav ul li.company a { width: 118px; background-position: -646px 0; } #nav ul li.company a:hover, #nav ul li.company a:focus { background-position: -646px -39px; } #nav ul li.company a.active { background-position: -646px -78px !important; }
     #nav ul li.contact a { width: 106px; background-position: -764px 0; } #nav ul li.contact a:hover, #nav ul li.contact a:focus { background-position: -764px -39px; } #nav ul li.contact a.active { background-position: -764px -78px !important; }
 #content { overflow: hidden; width: 100%; }
 #footer { overflow: hidden; width: 870px; margin: 0 auto; padding: 10px 0; }
  #footer p { float: left; margin: 0; color: #fff; font: bold 1.6em/1 Arial,Helvetica,sans-serif; }
  #footer p.first { float: right; }
   #footer p a { color: #fff; }
 
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 900px; padding: 2px 0; background: #2a3e34; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */
div.columns-two-a { overflow: hidden; width: 870px; margin: 0 auto; }
 div.columns-two-a div.primary { display: inline; float: left; width: 415px; }
 div.columns-two-a div.secondary { display: inline; float: right; width: 430px; }

div.columns-twoplus-a { overflow: hidden; width: 870px; margin: 0 auto; }
 div.columns-twoplus-a div.primary { display: inline; float: left; width: 275px; }
 div.columns-twoplus-a div.secondary { display: inline; float: right; width: 575px; }

div.columns-three-a { overflow: hidden; width: 870px; margin: 0 auto; }
 div.columns-three-a div.primary { display: inline; float: left; width: 275px; }
 div.columns-three-a div.secondary { display: inline; float: left; width: 275px; margin: 0 0 0 22px; }
 div.columns-three-a div.tertiary { display: inline; float: right; width: 275px; }
 
div.testimonials-a { overflow: hidden; width: 100%; }
 div.testimonials-a div.testimonial-a { float: left; width: 200px; margin: 0 15px 10px 0; }
  div.testimonials-a div.testimonial-a blockquote { padding-right: 10px; }
 
div.testimonial-a { }
 div.testimonial-a blockquote { margin: 0; padding: 0; }
 div.testimonial-a p.author { color: #3b5436; text-align: right; }
 
div.contact-a { color: #3b5436; }
 div.contact-a p { position: relative; padding: 0 0 0 70px; }
 * html div.contact-a p { height: 1%; }
  div.contact-a p .lab { position: absolute; left: 0; width: 70px; }
  div.contact-a p a { color: #3b5436; }
  div.contact-a p a.important { font-weight: bold; }
 
div.item-a { position: relative; padding: 0 0 0 90px; min-height: 115px; }
* html div.item-a { height: 115px; }
 div.item-a p.image { position: absolute; left: 0; top: 0; }
 div.item-a p { font-size: 1.1em; line-height: 1.45; }
 div.item-a p.button-a { margin-top: 30px; }
 
div.sep-top-a { margin-top: 10px; padding-top: 10px; border-top: 4px solid #083320; }
 
form.single-a { display: block; margin: 0 0 10px; padding: 10px 0; background: #fff; }
 form.single-a p { margin: 0; color: #000; font: bold 1.7em/1 Arial,Helvetica,sans-serif; text-align: center; }
  form.single-a p label { vertical-align: middle; }
  form.single-a p input { width: 265px; margin: 0 5px; padding: 1px 5px; border: none; background: #e6e6e6; vertical-align: middle; }
  form.single-a p input:focus { background-color: #dadada; }
  form.single-a p button { overflow: hidden; width: 88px; height: 20px; border: none; background: #395d4d url(/images/website/button-single-a.gif) 50% 50% no-repeat; color: #fff; font: 12px/20px Helvetica,Arial,sans-serif; text-align: center; vertical-align: middle; }
  form.single-a p button:hover { background-color: #436757; }

form.single-b { display: block; margin: 0 0 10px; padding: 10px 0;}
 form.single-b p { margin: 0; color: #000; font: bold 1.7em/1 Arial,Helvetica,sans-serif; text-align: center; }
  form.single-b p label { vertical-align: middle; }
  form.single-b p input { width: 200px; margin: 0 5px; padding: 1px 5px; border: none; background: #e6e6e6; vertical-align: middle; }
  form.single-b p input:focus { background-color: #dadada; }
  form.single-b p button { overflow: hidden; width: 88px; height: 20px; border: none; background: #395d4d url(./images/website/button-single-a.gif) 50% 50% no-repeat; color: #fff; font: 12px/20px Helvetica,Arial,sans-serif; text-align: center; vertical-align: middle; }
  form.single-a b button:hover { background-color: #436757; }

ul.three-buttons { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; }
 ul.three-buttons li { display: inline; float: left; width: 280px; margin: 0 0 0 15px; font-weight: bold; }
  ul.three-buttons li a { float: left; width: 280px; background: #3c5a4a url(/images/website/button-three-a.gif) no-repeat; color: #e9e9e9; text-decoration: none; }
  ul.three-buttons li a:hover,
  ul.three-buttons li a:focus { background-color: #3f614f; color: #fff; text-decoration: none; }
   ul.three-buttons li a span { float: left; width: 250px; padding: 10px 15px; background: url(/images/website/button-three-a.gif) 0 100% no-repeat; cursor: pointer; }
    ul.three-buttons li a span strong { display: block; margin: 0 0 5px; color: #fff; font-size: 1.33em; }
 
ul.showcase-a { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
 ul.showcase-a li { float: left; margin: 0 15px 0 0; padding: 0 0 10px; }
  ul.showcase-a li img { float: left; border: 1px solid #555; }
  ul.showcase-a li a:hover img { border-color: #000; }
  
ul.news-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.news-a li { margin: 0 0 10px; }
  ul.news-a li span { display: block; font-size: 0.83em; }
  ul.news-a li strong { font-size: 1.167em; }
  ul.news-a li a { color: #000; }
 
p.bar-a { padding: 10px 15px; background: #fff; color: #3c5a4a; font-size: 1.4em; font-weight: bold; }
 p.bar-a a { color: #3c5a4a; }
 p.bar-a span { padding: 0 2px; }
 
p.button-a { overflow: hidden; width: 100%; font-size: 1.6em !important; font-weight: bold; line-height: 23px; }
 p.button-a a { float: left; margin: 0 10px 0 0; padding: 0 0 0 4px; background: url(/images/website/bg-button-a.png) no-repeat; color: #fff; text-decoration: none; }
 p.button-a a:hover { color: #fff; text-decoration: none; }
  p.button-a a span { position: relative; float: left; height: 23px; margin: 0 -4px 0 0; padding: 0 20px 0 16px; background: url(/images/website/bg-button-a.png) 100% 0 no-repeat; cursor: pointer; }
 
/* ELEMENTS
------------------------------------------- */

#navlist
{ padding: 10px 0px; margin-left: 0; font: 11px Helvetica, sans-serif; width: 270px; color: gray; }

#navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px gray solid;
text-align: left;
}

#navlist li a
{
display: block;
padding: 4px 4px 4px 4px;
text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #393939; }
#navlist li a.active
{
font-weight:bold;
color: #393939;
background: #CDCDCD;
}


#navlist li a:hover
{
font-weight:bold;
color: #325443;
background: #CDCDCD;
}

.top {
	border-top: 1px gray solid;
}

/* COMPONENTS
------------------------------------------- */

#testimonials {
	padding: 15px;
	background-color: #B6C8C0;
	margin-bottom: 15px;
}

#talkabout {
	text-align: justify;
}

#copytestimonials {
	padding: 15px;
	background-color: #DCDCDC;
	margin-bottom: 15px;
}

.callout {
	font-weight: bold;
}

.personcompany {
	font-style: italic;
}

td {
	text-align:center;
}

 .submitLink {
   color: #fff;
background: #fff;
float: right; padding: 6px 20px 4px; background: url(/images/website/tabs-a.gif) 100% 100% no-repeat; cursor: pointer;
  }