body {background: #61a7df url(/images/bg-body.gif) repeat-x; color: #000;}
#wrap {margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(/images/bg-header.gif) no-repeat; width: 978px; height: 232px; margin: 0 auto; position: relative; z-index: 9999;}
#header h1 {text-indent: -9999px; z-index: 999;}
#header #flash-content {background: url(/images/bg-header.gif) no-repeat; width: 978px; height: 169px;}
#header ul#headerNav {background: url(/images/bg-headerNav.gif) no-repeat; width: 986px; height: 63px; position: absolute; top: 169px; right: -2px; z-index: 9999;}
#header ul#headerNav li {height: 43px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -43px;}
#header ul#headerNav li a {background: transparent; width: 126px; height: 46px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li.welcome {display: none;}
#header ul#headerNav li.page-item-6 {background-image: url(../images/headerNav-aylnk.gif); width: 88px; top: 3px; left: 378px;}
#header ul#headerNav li.page-item-2 {background-image: url(../images/headerNav-tslnk.gif); width: 104px; top: 3px; left: 467px;}
#header ul#headerNav li.page-item-9 {background-image: url(../images/headerNav-fslnk.gif); width: 46px; top: 3px; left: 571px;}
#header ul#headerNav li.page-item-12 {background-image: url(../images/headerNav-bslnk.gif); width: 129px; top: 3px; left: 616px;}
#header ul#headerNav li.page-item-15 {background-image: url(../images/headerNav-pslnk.gif); width: 97px; top: 3px; left: 745px;}
#header ul#headerNav li.page-item-18 {background-image: url(../images/headerNav-colnk.gif); width: 104px; top: 3px; left: 842px;}
/*1st level dropdown*/
#header ul#headerNav li ul {width: 160px  !important; height: auto; margin: 46px 0 0 0; padding: 7px 0 10px 0; position: absolute; left: -9999px; z-index: 9999;}
#header ul#headerNav li.page-item-6 ul {background: url(../images/bg-dd-aboutkay.png) repeat-y;}
#header ul#headerNav li.page-item-2 ul {background: url(../images/bg-dd-testimonials.png) repeat-y;}
#header ul#headerNav li.page-item-12 ul {background: url(../images/bg-dd-buildingblocks.png) repeat-y;}
#header ul#headerNav li.page-item-15 ul {background: url(../images/bg-dd-publications.png) repeat-y;}
#header ul#headerNav li.page-item-18 ul {background: url(../images/bg-dd-contact.png) repeat-y;}
#header ul#headerNav li ul li {height: auto; top: auto; padding: 0 0 0 5px; display: block; position: relative;}
#header ul#headerNav li ul li a {color: #fff; background: transparent; height: auto; margin: 0; padding: 5px 0 5px 7px; font-size: 1.2em; position: relative; left: auto; text-indent: 0; outline: none;}
#header ul#headerNav li ul li a:hover {background: url(../images/bg-dropdown-ro.png) no-repeat; display: block; text-decoration: none;}
#header ul#headerNav li.page-item-6 ul li a {border-bottom: 1px solid #0f2e56;}
#header ul#headerNav li.page-item-6 ul li a:hover {color: #0f2e56; display: block;}
#header ul#headerNav li.page-item-2 ul li a {border-bottom: 1px solid #760c0c;}
#header ul#headerNav li.page-item-2 ul li a:hover {color: #760c0c; display: block;}
#header ul#headerNav li.page-item-12 ul li a {border-bottom: 1px solid #165d1a;}
#header ul#headerNav li.page-item-12 ul li a:hover {color: #165d1a; display: block;}
#header ul#headerNav li.page-item-15 ul li a {border-bottom: 1px solid #490a64;}
#header ul#headerNav li.page-item-15 ul li a:hover {color: #490a64; display: block;}
#header ul#headerNav li.page-item-18 ul li a {border-bottom: 1px solid #cf4e12;}
#header ul#headerNav li.page-item-18 ul li a:hover {color: #cf4e12; display: block;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}

/**************************************************content area********************************************/
#content {color: #444; background: url(/images/bg-content.png) repeat-y; width: 986px; margin: 0 auto; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative; right: 2px;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 978px; padding: 20px 0 50px 0; position: relative; right: 7px;}/*see ie.css for fixes*/
#main #contentContainer {margin: 0 20px; line-height: 1.3; font-size: 1.1em;}
#main img.alignleft {float: left; margin: 0 20px 10px 0;}
#main img.alignright {float: right; margin: 0 0 10px 20px;}
#main h3.homeTitle {background: url(/images/bg-welcome.png) no-repeat; width: 806px; height: 78px; margin: 0 0 10px 30px; text-indent: -9999px;}
#main h4 {margin: 0 0 20px 0; font-weight: normal; font-size: 1.8em;}
#main h4 span {color: #5992be; font-style: italic; font-size: .8em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 50px 20px 50px; line-height: 16px;}
#main #headshot {color: #fff; width: 200px; margin: 0 25px 0 45px; float: left;}
#main #headshot .kay {background: url(/images/bg-kay.gif) no-repeat; width: 201px; height: 120px; margin: -10px 0 0 0; padding: 0 0 15px 0; clear: left; float: left;}
#main #headshot .kay h2 {padding: 9px 0 3px 0; text-align: center; font-size: 2.2em; font-weight: normal;}
#main #headshot .kay h4 {font-size: 16px; text-align: center; font-weight: normal;}
#main .sociable {margin: 70px; clear: both; border-top: 1px dotted #777;}
#main .sociable_tagline {margin: 0 0 10px 0;}
#main .sociable .sociable_tagline strong {color: #888; margin: 20px 0 0 0; font-size: 1em; font-weight: normal;}
#main .sociable ul {width: auto; margin: 5px 0 0 0;}
#main .sociable ul li {list-style: none; float: left; width: 20px; height: 20px; margin: 0 0; padding: 0;}
#main .sociable ul li a {color: #fff; background: #fff; width: 20px; height: 20px; display: block; border: none; outline: none;}
#main .sociable ul li a img {border: none; outline: none;}
#main .sociable .sociable-hovers {opacity: 0.4;}
#main .sociable .sociable-hovers:hover {opacity: 1;}

/**************************************************footer**************************************************/
#footer {color: #fff; background: url(/images/bg-footer.gif) no-repeat; width: 1004px; height: 119px; margin: 0 auto; padding: 0 0 30px 0; position: relative; font-size: 1.1em; clear: both;}
#footer h4 {background: url(/images/building-blocks-logo.png) no-repeat; width: 127px; height: 91px; position: relative; top: 10px; left: 57px; float: left; text-indent: -9999px;}
#footer a {color: #a2d2f4; outline: none;}
#footer .vcard {text-align: right; padding: 15px 50px 0 0;}
#footer .vcard span {line-height: 1.4em;}