/* Reset
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1.2; font-size: 76%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* -------------------------- END RESET ---------------------------- */

html, body {background: #fff; margin: 0 auto; font-family: verdana, arial; color: #333;}

#header {width: 100%; height: 79px; background: #eab622 url("../_img/header_sprite.png") 0 -79px repeat-x; border-bottom: 1px solid #b28a18;}
#header_container {margin: 0 auto; width: 744px; text-align: center;}
* html #header_container{margin-bottom: -3px;}

#logo {height: 75px; float: left;}

/* Navigation
------------------------------------------------------------ */
#nav_wrapper {height: 19px; background: #c1c0f7 url("../_img/header_sprite.png") 0 -158px repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #b2b1e9;}
#nav {list-style-type: none; width: 744px; margin: 0 auto; text-align: left; font-size: 16px;}
#nav li {display: inline; float: left; position: relative;}
#nav li a.nav_links {position: relative; z-index: 1000; display: block; font-size: 0px; float: left; height: 18px; margin-right: 4px; text-decoration: none; background: transparent url("../_img/nav_sprite.gif"); text-indent: -10000px; outline: none;}
#nav li.hover_on a.nav_links {height: 19px;}
* html #nav li a.nav_links {margin-right: 1px;} /* IE6 Hack */
#nav li a.last {margin-right: 0;}

#nav li a#nav_aboutus    {width: 89px;  background-position: 0 0;}
#nav li a#nav_services   {width: 89px;  background-position: -93px 0;}
#nav li a#nav_technology {width: 106px; background-position: -186px 0;}
#nav li a#nav_clients    {width: 87px;  background-position: -296px 0;}
#nav li a#nav_industries {width: 94px;  background-position: -387px 0;}
#nav li a#nav_resources  {width: 106px; background-position: -485px 0;}
#nav li a#nav_careers    {width: 78px;  background-position: -595px 0;}
#nav li a#nav_news       {width: 67px;  background-position: -677px 0;}

#nav li.hover_on a#nav_aboutus    {background-position: 0 -19px;}
#nav li.hover_on a#nav_services   {background-position: -93px -19px;}
#nav li.hover_on a#nav_technology {background-position: -186px -19px;}
#nav li.hover_on a#nav_clients    {background-position: -296px -19px;}
#nav li.hover_on a#nav_industries {background-position: -387px -19px;}
#nav li.hover_on a#nav_resources  {background-position: -485px -19px;}
#nav li.hover_on a#nav_careers    {background-position: -595px -19px;}
#nav li.hover_on a#nav_news       {background-position: -677px -19px;}

#nav li ul {
    display: none;
    position: absolute;
    z-index: 999;   
    top: 18px;
    margin: 0; padding: 10px; 
    list-style-type: none;
    font-size: 12px;
    background: #e9c657 url("../_img/nav_dd_bg.png") repeat-x; 
    border: 1px solid #b28a18;
    width: 300px;
    height: auto;
    opacity: .95;
    filter:alpha(opacity=95);
}
#nav li.hover_on ul {display: block;}
#nav li ul li, #nav li ul li a {display: block; float: none;}
#nav li ul li a {color: #272727; text-decoration: none; margin-bottom: 4px; padding: 2px 4px;}
#nav li ul li a:hover {background-color: #eab622;}

/* Define width of individual drop downs and determine which side it should load on */
#nav li ul#dd_aboutus    {width: 130px; left: 0;}
#nav li ul#dd_services   {width: 305px; left: 0;}
#nav li ul#dd_technology {width: 230px; left: 0;}
#nav li ul#dd_clients    {width: 310px; left: 0;}
#nav li ul#dd_industries {width: 276px; left: 0;}
#nav li ul#dd_resources  {width: 226px; left: 0;} 
#nav li ul#dd_careers    {width: 146px; left: 0;}
#nav li ul#dd_news       {width: 146px; right: 0;}
* html #nav li ul#dd_news {right: 1px;}

/* Search & Contact Us
------------------------------------------------------------ */
form#search {float: right; clear: right; width: 232px; height: 27px; margin-top: 8px;}
form#search div#search_input {float: left; margin: 0; padding: 0; width: 201px; height: 27px; background: transparent url("../_img/header_sprite.png") 0 -25px no-repeat;}
input#search_text {padding: 3px 4px 0 4px; width: 193px; height: 22px; color: #fff; font-size: 16px; background-color: transparent; border: 0;}
input#search_submit {float: left; width: 31px; height: 27px; cursor: pointer; background: transparent url("../_img/header_sprite.png") -201px -25px; border: 0; color: #fdfdfd; text-align: right; font-size: 0.0000001em;}
input#search_submit.hover_on {background-position: -201px -52px;}
a#contact_btn {display: block; float: right; margin-top: 10px; width: 120px; height: 25px; background: transparent url("../_img/header_sprite.png") 0 0; text-indent: -10000px; outline: none;}
a:hover#contact_btn {background-position: -120px 0;}

/* Clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* ---------------- INDEX PAGE --------------------- */

#container {margin: 6px auto; width: 744px;}

.retensa_info {margin-top: 6px; width: 544px; text-align: left; float: left;}
.retensa_info_header {width: 544px; height: 20px; text-indent: -100000px; outline: none; background: transparent url("../_img/retensa_info_header.png") no-repeat;}
.retensa_info_body {background: #ccc url("../_img/retensa_info_body_bg.jpg") repeat-y;}
.retensa_info_body p {font-size:8.5pt; padding: 6px 9px 6px 6px; text-align: justify;}
.retensa_info_body ul {line-height: 1.4; font-size:8.5pt; margin: 0px 9px 6px 6px; text-align: justify; list-style-type:none;}
.retensa_info_footer {width: 544px; height: 10px; background: #fff url("../_img/retensa_info_footer_bg.jpg") no-repeat top;}
.retensa_info_body a {color: #333; text-decoration: underline;}

#keywords p {font-size:7pt; text-align:center;}
#keywords hr {height: 1px; width:400px; background-color: #333; margin: 4px 72px 0px 72px;}

#sidebar {margin: 6px 0px 0px 547px; width: 194px;}
#sidebar_header {height: 38px; background: rgb(131,131,236) url("../_img/sidebar_header.jpg") no-repeat;}
#sidebar_body {padding: 6px 9px 6px 6px; background: #ccc url("../_img/sidebar_bg.jpg") repeat-y;}
#sidebar_body p {font-size:8.5pt; margin: 2px; text-align: left;}
#sidebar_body h3#learn_more_about {margin: 20px 0 12px 10px; width: 156px; height: 14px; text-indent: -100000px; outline: none; background: #ccc url("../_img/learn_more_about.png") no-repeat 0 0;}
#sidebar_body ul {font-size:8.5pt;list-style-type: disc; margin: 0px 2px 6px 25px;}
#sidebar_testimonials_box {margin-top: 2px; width: 178px; height: 104px; background: rgb(131,131, 236) url("../_img/sidebar_testmonials_bg.jpg") no-repeat;}
#sidebar_footer {width: 194px; height: 11px; background: #fff url("../_img/sidebar_footer.jpg") no-repeat top;}

#constant_contact {margin-bottom: 4px;}
#constant_contact span {display: block; margin-bottom: 6px; text-align: center; font-weight: bold;}
#constant_contact input.txt_box {width: 125px;}

.learn_more {text-align: right; padding-bottom: 12px; padding-right: 2px;}

#mini_flash {margin-left: 2px;}

#keywords {margin: 4px 0 10px 0;}
#keywords a, a.footer_link {color:#333; text-decoration: none}
#keywords a:hover, a.footer_link:hover {color: #333; text-decoration: underline}

a.news_events_link {text-decoration: underline;}

/* ---------------- END - INDEX PAGE --------------------- */

/* ---------------- SUB PAGE --------------------- */

#sub_header {width: 744px; height: 85px;}
#sub_container {background: #ccc url("../_img/subpage_container_bg.jpg") repeat-y;}

#content {width: 514px; margin-right: 227px; line-height: 20px;}
#content_wrapper {padding: 10px;}
.content_heading01 {width: 500px; height: 23px; background: url("../_img/subpage_h1_bg.jpg") no-repeat; margin: 0 6px;}
.content_heading01 h1{margin: 0 10px; padding-top: 3px; font-size: 10pt;}
#content h2 {font-size: 9pt; font-weight: bold; margin: 6px 10px;}
#content p {text-align: justify; padding: 6px 10px; font-size: 8.5pt;}

#right_column {width: 227px; float: right;}

#container_footer {height: 5px; background: #fff url("../_img/subpage_container_footer.jpg") no-repeat top;}

#footer_wrapper {margin-top: 30px; height: 48px; clear: both; width: 100%; background: rgb(234,182,34) url("../_img/subpage_footer.jpg") repeat-x;}
#footer {margin: 0 auto; width: 744px; height: 44px; padding-top: 4px;}
#footer .above_footer {position: absolute; z-index: 1; margin-top: -22px;}
#footer p.above_footer {width: 744px; text-align: center; font-size: 8.5pt;}
#footer ul.above_footer {margin-left: 76px;}
* html #footer ul.above_footer {margin-left: 56px;}
*+ html #footer ul.above_footer {margin-left: 56px;}
#footer ul {font-size: 8pt; text-align: center; margin-top: 4px;}
#footer ul li {display: inline;}
#footer a {color: #333; text-decoration: none;}
#footer a:hover {color: #333; font-weight: bold; text-decoration: none;}

.news_date {font-size: 11pt; font-weight:bold; color: #0000A0;}
.news_heading {font-size: 10pt; font-weight: bold;}
.news_heading a:link, .news_heading a:visited {font-weight: bold; text-decoration: none; color: #333;}
.news_heading a:hover, .news_heading a:active {font-weight: bold; text-decoration: underline; color: #333;}
.news_text {font-size: 8.5pt; text-align: justify;}
.news_list {text-align: left; font-size: 8.5pt;}
.news_list a:link, .news_list a:visited {text-decoration: none; font-weight: bold; font-size: 10pt; color: #333;}
.news_list a:hover, .news_list a:active {text-decoration: underline; font-weight: bold; font-size: 10pt; color: #333;}
.news_images {float: right; padding: 0 12px; border: 0;}

ul.event_list {margin: 0 0 30px 10px;}
ul.event_list li {margin-bottom: 10px;}
ul.event_list a {font-weight: bold; text-decoration: none; color: #333;}
ul.event_list a:hover {text-decoration: underline;}

/* ---------------- END - SUB PAGE --------------------- */
#sitemap_container {margin: 20px 0;}
#sitemap_table {width: 85%; margin: 20px auto 0 auto;}

.sitemap {font-size: 8.5pt;}
ul.sitemap li {font-size: 10pt; font-weight: bold;}
ul.sitemap li a:hover, ul.sitemap li a:active {}
ul.sitemap li a:visited, ul.sitemap li a:link {color: blue; text-decoration: underline !important;}
#sitemap_text {margin: 5px 10px; text-align: justify; font-size: 11pt;}

/* Summer Events */
ol#summer_events {
    margin: 10px 10px;
}
ol#summer_events li.section {
    font-size: 16px;
    margin-bottom: 10px;
}
* html ol#summer_events li.section {
    width: 490px;
}
ol#summer_events li.section div {
    padding: 10px 20px;
}
ol#summer_events li.section div ul li {
    padding: 6px 0;
}
ol#summer_events li.section p {
    padding: 0;
}
ol#summer_events table {
    margin: 6px 0;
    font-size: 11px;
}
ol#summer_events .tag {
    font-style: italic;
    font-weight: bold;
    line-height: 1.3;
}

/* Simple Tip */
a.info img {
    vertical-align: middle;
}
.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    width: 282px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #000;
}
.tooltip p {
    text-align: left !important;
}