body {margin: 0; padding: 0; font-family: arial, sans-serif; font-size: 85%; color: #fff; background: #004990;}

/*
colors:
blue: 		004990
green: 		8dc63f
light green sep 	afd779
blue/green:	468768
orange:		dd7c35
*/	

a {color: #004990; outline: none;}
a:visited {color: #657585;}
a:hover, #header a:hover, #footer a:hover {color: #dd7c35;}
.hilight {background-color: #eee798 !important;}

img {border: 0;}
ul, ul li {margin: 0; padding: 0; list-style: none;}
ol, ol li {margin: 0; padding: 0;}
p {margin: 0 0 1em;}
h1 {font-weight: normal; font-size: 150%; margin: 0 0 6px;}
h2 {font-weight: normal; margin: 1.3em 0 6px; font-size: 140%; line-height: normal; color: #444;}
h3 {font-weight: normal; margin: 0; font-size: 125%;}
h4 {font-weight: normal; font-size: 120%;}
h5 {font-weight: bold; margin: 0; font-size: 110%;}
.btt {font-size: 80%; text-align: right; margin-top: -10px; background: url(../img/ic-btt.gif) top right no-repeat; padding-right: 12px;}
.btt a {color: #468768; text-decoration: none;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {padding: 4px;}

#wrapper {width: 980px; margin: 0 auto; background: url(../img/bg.gif) repeat-y;}

#header {background: #004990 url(../img/bg-top.gif) bottom left no-repeat; padding: 8px 20px 24px; font-size: 80%;}
#header a {color: #fff;}
#header p {margin-bottom: 0; padding-top: 3px;}
#addthis {float: right;}
* html #contactbt {margin: -2px 4px 0 0;}
#contactbt {width: 79px; height: 22px; float: left; text-indent: -4000px !important; background: url(../img/bt-contact.gif) no-repeat; margin: -3px 5px 0 0; position: relative;}
#contactbt:hover {background-position: 0 -22px;}

* html #innerwrap {height: 490px;}
#innerwrap {margin: 4px 20px 16px; position: relative; color: #555; min-height: 490px;}

#logo {display: block; margin-bottom: 50px;}

#content {line-height: 1.5; padding: 0 216px; position: relative; text-align: justify;}
#home #content {width: 575px; padding: 0;}
#content ul {margin: 1em 0;}
#content ul li {margin: 0 0 1em; padding-left: 18px; background: url(../img/li.gif) 3px 5px no-repeat;}
#content ol li {margin: 0 0 1em 2em;}
#content ul.tight li {margin-bottom: .3em;}

#bgbubble {position: relative; float: right; margin: -50px -226px 0 10px;}
#what h1 {width: 440px;}

* html #details {height: 270px;}
#details {min-height: 270px; padding: 40px 0 0 210px; position: relative;}
#details h1 {margin-bottom: -24px;}
#headshot {position: absolute; top: 26px; left: 0;}
.icon {vertical-align: middle;}
#vcard {padding-left: 20px; background: url(../img/ic-vcard.gif) 0 2px no-repeat;}

.photo {position: relative; float: left; margin: 6px 0 0 -234px;}

* html .logos {margin-left: -104px;}
.logos {position: relative; float: left; margin: 6px 0 0 -212px; width: 196px;}
.logos img {display: block; margin: 0 0 40px;}

* html #subnav {left: -234px;}
#subnav {position: absolute; top: 26px; left: -18px; width: 208px; padding-top: 18px; background: url(../img/subnav-top.gif) top left no-repeat; color: #fff; line-height: normal; text-align: left;}
#subnav h4 {margin: 0 18px 8px;}
* html #subnav div {padding-bottom: 34px;}
#subnav div {background: #8dc63f url(../img/subnav-bot.gif) bottom left no-repeat; padding: 0 0 18px;}
#subnav ul {margin: 0; padding: 0; background: none;}
#subnav ul li {margin: 0; padding: 0; background: none;}
* html #subnav ul li a {height: 20px;}
#subnav ul li a {display: block; color: #fff; text-decoration: none; padding: 6px 20px; border-top: 1px solid #afd779;}
#subnav ul li a:hover {background-color: #468768; font-style: italic;}
#subnav ul li a.current, #subnav ul li a.current:hover {font-weight: bold; background: url(../img/subnav-li.gif) 6px 9px no-repeat; cursor: default; font-style: normal;}

#sidebar {position: absolute; top: 26px; right: 0px; width: 189px; color: #fff; line-height: normal; text-align: left;}
#what #sidebar {top: 166px;}

#bluebox {padding-top: 19px; background: url(../img/box-blue-top.gif) top left no-repeat; font-size: 85%; margin-bottom: .6em;}
#bluebox div {background: url(../img/box-blue-bot.gif) bottom left no-repeat; padding: 0 20px 18px;}
#bluebox a {color: #fff;}
#bluebox a:hover {font-style: italic;}

#orangebox {padding-top: 19px; background: url(../img/box-orange-top.gif) top left no-repeat; font-size: 85%; margin-bottom: .6em;}
#orangebox div {background: url(../img/box-orange-bot.gif) bottom left no-repeat; padding: 0 20px 18px;}
#orangebox a {color: #fff;}
#orangebox a:hover {font-style: italic;}


#home #newsbox {width: 383px; position: relative; padding-top: 18px; margin: 40px 0 0 -18px; background: url(../img/h-newsbg-top.gif) top left no-repeat; color: #fff; line-height: 1.5;}
#home #newsbox div {background: #8dc63f url(../img/h-newsbg-bot.gif) bottom left no-repeat; padding: 0 20px 10px;}
#home #newsbox a {padding: 12px;}
#home #newsbox p {margin: -6px 0 0;}
#home #newsbox .icons {text-align: center; margin: 4px 0 0;}

#home #bubble {position: absolute; top: 94px; right: -10px; width: 332px; height: 401px; background: url(../img/h-bubble.jpg) 0 0 no-repeat; text-indent: -4000px;}
#home #bubble div {position: absolute; top: 0; left: 0; z-index: 40; width: 332px; height: 401px;}
#home #bubbletabs {position: absolute; top: 266px; left: -218px; z-index: 50; width: 334px; height: 116px;}
#home #bubbletabs li {display: block;}
#home #bubbletabs a {display: block; height: 22px;  background: url(../img/h-bubbletabs.gif) no-repeat; padding-bottom: 10px;}
#home #bubbletabs #bt1 a {width: 255px; background-position: 0 0;}
#home #bubbletabs #bt2 a {width: 269px; background-position: -3px -32px; margin-left: 3px; padding-bottom: 9px;}
#home #bubbletabs #bt3 a {width: 234px; background-position: -62px -63px; margin-left: 60px; padding-bottom: 9px;}
#home #bubbletabs #bt4 a {width: 202px; background-position: -132px -94px; margin-left: 131px;}
#home #bubbletabs #bt1 a:hover {background-position: -334px 0;}
#home #bubbletabs #bt2 a:hover {background-position: -337px -32px;}
#home #bubbletabs #bt3 a:hover {background-position: -396px -63px;}
#home #bubbletabs #bt4 a:hover {background-position: -466px -94px;}
#home #bubble1, #home #bubble2, #home #bubble3, #home #bubble4 {visibility: hidden;}
#home #bubble1 {background: url(../img/h-bubble1.jpg) 0 0 no-repeat;}
#home #bubble2 {background: url(../img/h-bubble2.jpg) 0 0 no-repeat;}
#home #bubble3 {background: url(../img/h-bubble3.jpg) 0 0 no-repeat;}
#home #bubble4 {background: url(../img/h-bubble4.jpg) 0 0 no-repeat;}

#nav {position: absolute; top: 35px; right: -19px; width: 572px;}
#nav li {display: inline;}
#nav li a {float: left; height: 34px;  background: url(../img/nav.gif) no-repeat; text-indent: -4000px;}
#nav #nav-home a {width: 77px; background-position: 0 0;}
#nav #nav-who a {width: 106px; background-position: -77px 0;}
#nav #nav-what a {width: 107px; background-position: -183px 0;}
#nav #nav-why a {width: 161px; background-position: -290px 0;}
#nav #nav-how a {width: 121px; background-position: -451px 0;}

#nav #nav-home a:hover {background-position: 0 -34px;}
#nav #nav-who a:hover {background-position: -77px -34px;}
#nav #nav-what a:hover {background-position: -183px -34px;}
#nav #nav-why a:hover {background-position: -290px -34px;}
#nav #nav-how a:hover {background-position: -451px -34px;}

#home #nav #nav-home a {background-position: 0 -68px;}
#who #nav #nav-who a {background-position: -77px -68px;}
#what #nav #nav-what a {background-position: -183px -68px;}
#why #nav #nav-why a {background-position: -290px -68px;}
#how #nav #nav-how a {background-position: -451px -68px;}

* html #footer {height: 100%;}
#footer {background: #004990 url(../img/bg-bot.gif) no-repeat; padding: 28px 20px 12px; font-size: 80%; overflow: auto;}
#footer a {color: #fff;}
#footer ul {float: left;}
#footer li {float: left; padding: 0 8px 4px 10px; background: url(../img/ft-li.gif) 0 2px no-repeat;}
#footer li.first {clear: left; padding-left: 0; background: none;}
#footer img {float: right; margin-left: 6px;}
#footer .office {font-size: 120%; font-weight: bold;}

/* margin / padding of all content is 20px */