@charset "utf-8"; 
/* $Id: style.css,v 1.5 2009/07/13 23:52:57 andregriffin Exp $ */
/* Drupal 6 Framework - Created by Andre Griffin
----------------------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
12.CSS Support
13.Advanced

[Font sizes - based on 75%/12px body]
36px = 3em
30px = 2.5em
24px = 2em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em

Equasion for font sizing: 
-Desired in px ÷ Default (or parent) in px = sizing in em

----------------------------------------------------------------*/

/**
 * 0.RESET 
 */
@import "reset.css";

/**
 * 1.GLOBAL
 */

body {
  background: url(../images/bg-page.gif) repeat-x #fff;
  color: #222;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height:1.5;
  margin: 0;
  padding: 0;
} 
 
body.home, body.imsp {
  background: url(../images/bg-homepage.gif) repeat-x #fff;
  color: #222;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height:1.5;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #111;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 15px 0;
  color: #0a1f6f;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
  font-size: 16px;
  margin: -10px 0 0 0;
  padding: 0 0 15px 0;
  color: #0a1f6f;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}

h3 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 17px;
  margin: 0;
  padding: 0 0 15px 0;
}

h4 {
  font-size: 16px;
  margin: 0;
  padding: 0 0 15px 0;
  color: #0a1f6f;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; 
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
}

p {
  margin: 0 0 1.5em 0;
}

a:link, a:visited {
  color: #069;
  outline: none;
  text-decoration: none;
}

a:hover, a:active {
  color: #069;
  outline: none;
  text-decoration: underline;
}

#sidenav li a.active {
  color: #5b6589;
  text-decoration: none;
}

/**
 * 2.LAYOUT
 */
.container {
  margin: 0 auto;
  padding: 0;
  width: 855px;
}


/**
 * 3.MAIN
 */
/* 1 column */
#main {
  float: right;
  width: 580px;
  padding: 20px 25px;
}

#content-wrapper {
	position: relative;
	float: left;
	width: 855px;
	background: #fdfdf1;
}

/**
 * 4.SIDEBARS
 */
.sidebar {
  width: 220px;
}

#sidebar-left {
  float: left;
}

/**
 * 5.HEADER
 */
#header {
  margin: 0;
  padding: 0;
  height: 99px;
  background: url(../images/bg-header.jpg) no-repeat;
  border-bottom: 1px solid #fff;
}

#header #logo {
  float: left;
  padding: 30px 0 0 30px;
}

img, img a {
	border: 0;
}


/**
 * 6.NAVIGATION
 */


/* bottom margin leaves space for secondary links */
#nav {
  margin: 0; 
  padding: 68px 0 1px 0;
  float: right;
  width: 500px;
  height: 31px;
  display: inline;
  overflow: hidden;
}

#nav ul {
  margin: 0;
  padding: 0;
  width: 500px;
  height: 31px;
}

#nav li {
  display: inline;
  float: left;
  text-indent: -9999px;
}

#nav .menu-home a { /* home */
  background: url(../images/nav/home.gif); 
  width: 77px;
  height: 31px;
  display: block;
  overflow: hidden;
  border-right: 1px solid #fff;
}

#nav .menu-home a.active, #nav .menu-home a:hover { 
  background-position: 0 -31px;
  width: 77px;
  height: 31px;
}

#nav .menu-whitepaper a { /* whitepaper */
  background: url(../images/nav/whitepapers.gif); 
  width: 121px;
  height: 31px;
  display: block;
  overflow: hidden;
  border-right: 1px solid #fff;
}

#nav .menu-whitepaper a.active, #nav .menu-whitepaper a:hover { 
  background-position: 0 -31px;
  width: 121px;
  height: 31px;
}

#nav .menu-about a { /* about */
  background: url(../images/nav/about.gif); 
  width: 81px;
  height: 31px;
  display: block;
  overflow: hidden;
  border-right: 1px solid #fff;
}

#nav .menu-about a.active, #nav .menu-about a:hover { 
  background-position: 0 -31px;
  width: 81px;
  height: 31px;
}

#nav .menu-learning a { /* web learning */
  background: url(../images/nav/weblearning.gif); 
  width: 122px;
  height: 31px;
  display: block;
  overflow: hidden;
  border-right: 1px solid #fff;
}

#nav .menu-learning a.active, #nav .menu-learning a:hover { 
  background-position: 0 -31px;
  width: 122px;
  height: 31px;
}

#nav .menu-contact a { /* contact */
  background: url(../images/nav/contact.gif); 
  width: 93px;
  height: 31px;
  display: block;
  overflow: hidden;
  border-right: 1px solid #fff;
}

#nav .menu-contact a.active, #nav .menu-contact a:hover { 
  background-position: 0 -31px;
  width: 93px;
  height: 31px;
}

#nav .menu-survey a { /* survey */
  background: url(../images/nav/survey.gif); 
  width: 150px;
  height: 31px;
  display: block;
  overflow: hidden;
}

#nav .menu-survey a.active, #nav .menu-survey a:hover { 
  background-position: 0 -31px;
  width: 150px;
  height: 31px;
}

/**
 * 8. CENTER
 */
 
.home #center, .imsp #center {
	background: url(../images/bg-center.jpg);
	height: 228px;
	border-bottom: 4px solid #c9cad0;
}

#center {
	background: #5b6589;
	height: 15px;
	border-bottom: 4px solid #c9cad0;
}

#center .photo {
	float: left;
	width: 398px;
	height: 228px;
	margin: 0;
}

#center .text {
	float: left;
	width: 370px;
	padding: 40px 40px 0 20px;
}

#center .text .intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #e9f1f9;
}

#center .text .intro p {
	margin: 0;
	padding: 0 0 10px 0;
}

.home #center .text .intro {
	font-size: 20px;
}

#center .text .link {
	font-size: 15px;
}

#center .text .link a:link, #center .text .link a:visited {
	color: #e3e3ad;
	text-decoration: none;
}

#center .text .link a:hover {
	color: #e3e3ad;
	text-decoration: underline;
}

/**
 * 9. SIDE NAV
 */


#sidenav {
	background: url(../images/bg-sidenav.gif) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

.main #sidenav {
	background: url(../images/bg-sidenav-main.gif) no-repeat;
	padding: 0 0 20px 0;
}


#sidenav ul {
	margin: 0;
	padding: 6px 0 20px 0;
}

#sidenav li {
	font-size: 12px;
	padding: 4px 0 4px 20px;
}

#sidenav li.break {
	border-bottom: 1px solid #e9e9ca;
	padding-bottom: 11px;
}

#sidenav li.new {
	padding-top: 11px;
}

#sidenav a:link, #sidenav a:visited {
	color: #584a1e;
}

/**
 * 10.FOOTER
 */
#footer {
  width: 100%;
  background: #f8f8f8;
  border-top: 3px solid #eee;
  margin: 0;
  padding: 0;
  height: 50px;
}

#footer-content {
  width: 855px;
  position: relative;
  margin: 0 auto;
  font-size: 10px;
  color: #777b8c;
  padding: 10px 15px;
}


/**
 * 11.CSS SUPPORT
 */
span.clear       { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }
.clear           { clear: both; }
.clear-block     { display: block; }

.clearfix:after,
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix,
.container       { display: block; }

.float-left      { float: left; }
.float-right     { float: right; }
.img-left        { float: left; margin: 1.5em 1.5em 1.5em 0; }
.img-right       { float: right; margin: 1.5em 0 1.5em 1.5em; }

.first           { margin-left: 0; padding-left: 0; }
.last            { margin-right: 0; padding-right: 0; }
.top             { margin-top: 0; padding-top: 0; }
.bottom          { margin-bottom: 0; padding-bottom: 0; }

.text-left       { text-align: left; }
.text-right      { text-align: right; }
.text-center     { text-align: center; }
.text-justify    { text-align: justify; }

.bold            { font-weight: bold; }
.italic          { font-style: italic; }
.underline       { border-bottom: 1px solid; }
.highlight       { background: #ffc; }
.quiet           { color: #666; }
.loud            { color: #000; }
.added           { background: #060; color: #fff; }
.removed         { background: #900; color: #fff; }
.small           { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large           { font-size: 1.2em; line-height: 1.25em; margin-bottom: 1.25em; }

.nopadding       { padding: 0; }
.noindent        { margin-left: 0; padding-left: 0; }
.nobullet        { background: none; list-style: none; list-style-image: none; }

.wrap            { width: 950px; margin: 0 auto; }

.hide            { display: none; }

/**
 * 12.ADVANCED
 */
 
/* lists */
ol, ul{ margin:0; padding:0 0 15px 15px;}
ol li, ul li{ margin:0; padding: 0 0 8px 0; }
ul li { list-style-type: none; }
li ol,li ul,ul ul,ol ol{margin:0;}
ul.menu,.item-list ul{margin:0 0 1.5em;padding:0;}
ul.menu ul,.item-list ul ul{margin:0;}
ul.menu li,.item-list ul li,li.leaf{background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;list-style-image:none;list-style-type:none;margin:0;padding:0 0 0 1.5em;}
ul li.expanded{background:transparent url(images/menu-expanded.gif) no-repeat 1px .35em;}
ul li.collapsed{background:transparent url(images/menu-collapsed.gif) no-repeat 0 .35em;}
ul li.leaf a,ul li.expanded a,ul li.collapsed a{display:block;}
ul li.fake-leaf{font-size:1em;font-weight:bold;}
ul.inline li{background:none;margin:0;padding:0 1em 0 0;}
dl{margin:0 0 1.5em;}
dl dt{font-weight:bold;}
dl dd{margin-left:1.5em;}

/* forms & fieldsets */
input{color:#494949;font:1em Verdana, sans-serif;}
textarea,select{color:#494949;font:1em Verdana, sans-serif;}
fieldset ul.clear-block li{background-image:none;margin:0;padding:0;}
fieldset{background:#fff;border:1px solid #ccc;margin:1em 0;padding:1em;}
fieldset legend{padding:0 0.5em;}
html.js fieldset.collapsed{background:transparent;padding-bottom:.6em;padding-top:0;}
html.js fieldset.collapsible legend a{background:url(images/menu-expanded.gif) no-repeat 0 50%;}
html.js fieldset.collapsed legend a{background:url(images/menu-collapsed.gif) no-repeat 0 50%;}
.form-checkboxes,.form-radios,.form-checkboxes .form-item,.form-radios .form-item{margin:.25em 0;}
.form-button,.form-submit{margin:1em .5em 1em 0;}
.confirmation .form-submit,.search-form .form-submit,.poll .form-submit,fieldset .form-button,fieldset .form-submit,.sidebar .form-button,.sidebar .form-submit,table .form-button,table .form-submit{margin:0 0 1.2em;}
#autocomplete li{cursor:pointer;margin:0;padding:2px;}
#autocomplete li.selected{background:#027ac6;color:#fff;}

/**
 * 12.MISC
 */
 
.top {
	font-size: 11px;
}

.photo-right, p.photo-right, .photo-right p {
	float: right;
	margin: 5px 0 10px 15px;
	padding: 0;
	border: 1px solid #ebebbe;
}

table.metric {
	padding: 0 0 15px 0;
}

p.metric  {
	font-size: 11px;
}

.metric td {
	text-align: center;
	font-size: 11px;
	border: 1px solid #dad7c3;
}

.metric td p {
	padding-top: 10px;
}

.metric td ol {
	margin: 0;
	padding: 0 0 15px 30px;
}

.metric td ol li {
	text-align: left;
}

.metric td ul {
	margin: 0;
	padding: 0 0 15px 0;
}

.metric th {
	background: #f8f8e1;
	font-weight: bold;
	border: 1px solid #dad7c3;
	font-size: 11px;
}

.metric td ul li {
	padding: 0 0 8px 0;
	margin: 0;
	text-align: center;
}

ul.bulleted li {
	list-style: disc;
	margin-left: 15px;
}

.center {
	text-align: center;
}

.lpnav {
	text-align: center;
	font-size: 12px;
}

.lpnav a:link, .lpnav a:visited {
	color: #666;
}

.lpnav a:hover, .lpnav a.active {
	color: #0d1d56;
}

ol {
	margin-left: 30px;
}