@charset "UTF-8";

/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em; background: #dfdfe0 url(/design/blueprint.png) top center repeat-x; color: #4f4f4f; font-family: Arial, sans-serif; margin: 0 auto; }

p, ul, ol { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, ; }
h1 { font-size: 1.8em; text-transform: uppercase; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
#accordian h3 { font-size: 60%; }
h4, h5, h6 { font-size: 1.3em; }

a, a:visited {
	color: #0d3d6e; text-decoration: underline;
}
a:hover, a:active {
	color: #0d3d6e; text-decoration: none;
}

sup { font-size: 60%;}

#wrap { width: 100%; min-width: 832px; margin: 0 auto; background: url(/design/bckgrnd2.gif) repeat-x; }
.home #wrap { background: url(/design/bckgrnd.gif) repeat-x; }
#branding { width: 836px; margin: 0 auto; display: block; height: 116px; position: relative; }
#container { width: 800px; margin:  0 auto; margin-top: 30px   }
#container ul li {padding-bottom: 5px;
}


.home #container { margin-top: 21px; }

#branding h1 { display: block; height: 116px; width: 277px; margin: 0; padding: 0; position: absolute; left: 11px; }
#branding h1 a { display: block; height: 116px; width: 277px; text-indent: -9999px; background: url(/design/logo.png); }
#branding p { position: absolute; bottom: 16px; right: 16px; text-align: right; display: block; font-size: 2.1em; color: #00235a; margin: 0; padding: 0; }
#branding p a { display: block; font-size: 0.65em; color: #00235a; }

#nav { display: block; margin: 0 auto; width: 800px; height: 47px; font-size: 0.9em; text-transform: uppercase; line-height: 41px; }
#nav ul, #nav li { margin: 0; padding: 0; display: block; float: left; clear: none; list-style: none; }
#nav li { position: relative; }
#nav a { display: block; height: 41px; border-top: 3px solid #062355; /*border-bottom: 4px solid #001c4f;*/ color: #fff; width: 100%; text-decoration: none; /* background: url(/design/nav-seperator.gif) left center no-repeat;*/ text-align: center; }

#nav li ul { display: none; position: absolute; top: 47px; left: 10px; z-index: 9999; float: none; }
#nav li:hover ul, #nav li.hover ul { display: block; }
#nav li li { display: block; float: none; position: static; width: auto; }
#nav li li a, #nav li li a:visited, #nav li li a:hover, #nav li li a:active { height: 24px; text-align: left; width: 100%; white-space: nowrap; padding: 0 10px; line-height: 24px; border: none; border-bottom: 1px solid #666 !important; border-top: none; width: 220px; }

#nav-home { width: 80px; }
#nav-home a:hover, #nav-home a:active, .home #nav-home a, .home #nav-home a:visited { background: #FFE04F url(/design/bevel-left.png) no-repeat;_background: #FFE04F; border-top: #6a5732 3px solid; border-bottom: #6a5732 3px solid; }
.home h1, .home h2, .home h3, .home h4, .home h5, .home h6 { color: #FFE04F; }
.home #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #FFE04F 4px solid;  }

#nav-who { width: 102px; }
#nav-who a:hover, #nav-who a:active, .who #nav-who a, .who #nav-who a:visited { background: #5986e1 url(/design/bevel-left.png) no-repeat; _background: #5986e1; border-top: #233c80 3px solid; border-bottom: #233c80 3px solid; }
.who h1, .who h2, .who h3, .who h4, .who h5, .who h6 { color: #5986e1; }
.who #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #5986e1 4px solid; float: left; width: 800px !important; clear: both; }

#nav-what { width: 102px; }
#nav-what:hover ul, #nav-what.hover ul, #nav-what li a  { background: #64b160 url(/design/bevel-left-sub.png) no-repeat; _background: #64b160 none; }
#nav-what a:hover, #nav-what a:active, .what #nav-what a, .what #nav-what a:visited { background: #64b160 url(/design/bevel-left.png) no-repeat !important; _background: #64b160 none !important; _background-image: none !important; border-top: #2a5b52 3px solid; border-bottom: #2a5b52 3px solid; }
.what h1, .what h2, .what h3, .what h4, .what h5, .what h6 { color: #64b160; }
.what #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #64b160 4px solid; float: left; width: 800px !important; clear: both }
.scorecard-form #container h1 { color: #64b160; padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #64b160 4px solid; width: 800px !important; }

#nav-where { width: 138px; }
#nav-where a:hover, #nav-where a:active, .where #nav-where a, .where #nav-where a:visited { background: #ff8043 url(/design/bevel-left.png) no-repeat; _background: #ff8043; border-top: #6c4546 3px solid; border-bottom: #6c4546 3px solid; }
.where h1, .where h2, .where h3, .where h4, .where h5, .where h6 { color: #ff8043; }
.where #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #ff8043 4px solid; float: left; width: 800px !important; clear: both }

#nav-write { width: 136px; }
#nav-write a:hover, #nav-write a:active, .write #nav-write a, .write #nav-write a:visited { background: #8a60b1 url(/design/bevel-left.png) no-repeat; _background: #8a60b1; border-top: #3b3777 3px solid; border-bottom: #3b3777 3px solid; }
.write h1, .write h2, .write h3, .write h4, .write h5, .write h6 { color: #8a60b1; }
.write #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #8a60b1 4px solid; float: left; width: 800px !important; clear: both }

#nav-testimonial { width: 138px; }
#nav-testimonial:hover ul, #nav-testimonial.hover ul, #nav-testimonial li a  { background: #826d2c url(/design/bevel-left-sub.png) no-repeat; _background: #826d2c none; }
#nav-testimonial a:hover, #nav-testimonial a:active, .testimonial #nav-testimonial a, .testimonial #nav-testimonial a:visited { background: #826d2c url(/design/bevel-left.png) no-repeat; _background: #826d2c; border-top: #404a40 3px solid; border-bottom: #404a40 3px solid; }
.testimonial h1, .testimonial h2, .testimonial h3, .testimonial h4, .testimonial h5, .testimonial h6 { color: #826d2c; }
.testimonial #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #826d2c 4px solid; float: left; width: 800px !important; clear: both }
.testimonial h3 {font-size: 105%; font-weight:bold; padding-top: 20px;}

#nav-contact { width: 102px; }
#nav-contact a:hover, #nav-contact a:active, .contact #nav-contact a, .contact #nav-contact a:visited { background: #c63b24 url(/design/bevel-left.png) no-repeat !important; _background: #c63b24; border-top: #61303d 3px solid; border-bottom: #61303d 3px solid; }
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6 { color: #c63b24; }
.contact #container h1 { padding: 0 0 5px 27px; margin-bottom: 30px !important; display: block; border-bottom: #c63b24 4px solid; float: left; width: 800px !important; clear: both }

#nav li ul a:hover, #nav li ul a:active { background: none !important; }

#header { margin: 0 auto; display: block; width: 800px; height: 227px; overflow: hidden; padding: 0 16px; background: url(/design/holder.jpg) center no-repeat; }
#header p { display: block; text-indent: -99999px;}

#leftcol, #rightcol { float: left; clear: none; margin-left: 30px; display: inline; width: 365px; overflow: hidden; margin-bottom: 30px; }
#rightcol { margin-left: 40px; }
#affiliations { clear: both; float: left; width: 730px; margin: 0 0 30px 30px; }

#buttons { display: block; width: 717px; height: 73px; background: url(/design/buttons.gif) no-repeat; overflow: hidden; margin: 0 auto 20px; padding: 10px 0; position: relative; }
#buttons a { font-size: 1.3em; color: #fff; display: block; width: 250px; line-height: 35px; position: absolute }
#buttons a.one { top: 10px; left: 50px; }
#buttons a.two { top: 10px; left: 380px; }
#buttons a.three { top: 50px; left: 130px; }
#buttons a.four { top: 50px; left: 460px; }

#yellow { width: 260px; background: url(/design/yellow-drip.gif) repeat-y; }
#yellow .tube { background: url(/design/yellow-top.gif) no-repeat; }
#yellow .tube .tube { padding: 20px 15px 15px 10px; background: url(/design/yellow-hook.gif) bottom no-repeat; }
#yellow * { color: #003366 !important; }
#yellow h3 { text-decoration: underline; }

#footer { margin-top: 20px; width: 100%; display: block; background: url(/design/footer.gif) repeat-x; height: 65px; font-size: 90%; clear:both; }
#footer p { color: #666; padding: 20px; text-align: center; }
#footer a { color: #666; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 30em;
	margin-left: 5px;
	
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #bbbbbb;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #0d3d6e;
}

/* style for  labels */
label {
	float: left;
	width: 10em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 200px;
}

input.radio, input.submit, input.checkbox {
	width: auto;
}

textarea {
	width: 200px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 260px;
	padding: 0 .25em;
	background-color: #0d3d6e;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */n
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }

blockquote {
margin: 10px 10px;
padding: 5px;
background: #cececf;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
blockquote p {
padding-left: 10px;
}

table {
  border-collapse: collapse;
  width: 100%;
  
 font : 71.5%/1.7 Verdana, Arial, Helvetica, sans-serif; 
color : #333;
margin: 5px;

}
caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

thead {
  background: #ccc url(../images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: bold;
  text-align: left;
}

th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#e8e8e9;
  
}
.title {
background-color: #333;
color: #fff;
font-size: 150%;
text-align:center;
border-bottom:2px solid #ffd400;
border-top:2px solid #ffd400;

}
.head-title {
text-align:center;
}
.left-title {
font-weight: bold;
font-size: 150%;
}
td.radio {
text-align: center;
}


/*.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion li {display: inline;}
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }*/

input#surviving, input#cash, input#profit, input#green, input#building, input#strategic, input#advanced, input#risk, input#lifelong, input#keys, input#keys_II, input#keys_III, input#defining,input#strategic, input#cash, input#mentoring, input#board, input#team_building, input#scorecard, input#other        {
width:5em;
}
fieldset.awesomeform label {
width: 22em;
}