﻿* { margin: 0; padding: 0; }
body { background: #0066b3 url(../Images/bg.gif) repeat-x; font-family: Arial, Sans-Serif; color: #666; font-size: 12px; line-height: 1.5; }
#siteCenter { width: 960px; margin: 0 auto; }
#siteContainer { width: 940px; float: left; padding: 0 10px; background: url(../Images/bg_site.gif) repeat-y; }

/* Generic Styles */
a { color: #00549f; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header */
#header { width: 910px; height: 182px; padding: 38px 15px 9px 15px; float: left; background: #fff url(../Images/bg_header.gif) no-repeat; }
#headerLogo { display: none; }

/* Content */
#content { width: 900px; min-height: 500px; height: auto !important; height: 500px; float: left; padding: 14px 20px 0 20px; background: url(../Images/bg_body.gif) no-repeat; }

/* Menu Content */
#menuContent { width: 240px; float: left; padding-left: 8px; }

ul.nav { width: 240px; float: left; list-style-type: none; }
ul.nav li { width: 240px; float: left; padding-bottom: 2px; }
ul.nav li a { width: 240px; height: 48px; display: block; text-indent: 250px; overflow: hidden; white-space: nowrap; background-repeat: no-repeat; background-position: 0 0; }
ul.nav li.home a { background-image: url(../Images/btn_home.gif); }
ul.nav li.about a { background-image: url(../Images/btn_about_us.gif); }
ul.nav li.services a { background-image: url(../Images/btn_analytical_services.gif); }
ul.nav li.method a { background-image: url(../Images/btn_method_development.gif); }
ul.nav li a:hover, ul.nav li a.selected { background-position: 0 -48px; }
ul.nav li ul { width: 234px; padding: 4px 3px 0 3px; float: left; list-style-type: none; margin-top: -4px; background: url(../Images/bg_sub_nav.gif) no-repeat 3px 0; }
ul.nav li ul li { width: 232px; height: 28px; background-color: #d6d6d6; border: solid 1px #c8c8c8; border-top: solid 1px #f0f0f0; padding: 0; }
ul.nav li ul li.first { border-top: none; }
ul.nav li ul li a { width: 200px; height: 23px; padding: 5px 0 0 32px; background: url(../Images/arrow_gray.gif) no-repeat 20px 11px !important; text-indent: 0; overflow: visible; white-space: normal; color: #555; } 
ul.nav li ul li a.selected { text-decoration: underline; }

ul.announcements { width: 201px; float: left; list-style-type: none; padding: 20px 0 0 20px; font-size: 11px; line-height: 1.4; }
ul.announcements li { padding: 5px 0 6px 0; background: url(../Images/bg_divider.gif) repeat-x left bottom; }
ul.announcements li.last { background-image: none; }
ul.announcements li a { font-size: 12px; background: url(../Images/arrows_blue.gif) no-repeat right bottom; padding-right: 14px; }

/* Body */
#bodyContent { width: 580px; float: right; padding-right: 29px; }

#breadcrumb { width: 100%; float: left; border-bottom: solid 1px #dbdbdb; padding-bottom: 4px; margin-bottom: 20px; }
#breadcrumb span { float: left; height: 17px; padding-top: 1px; color: #999; }
#breadcrumb span a { color: #999; }
#breadcrumb a.print { width: 30px; height: 16px; float: right; font-size: 11px; text-transform: uppercase; padding: 2px 26px 0 0; background: url(../Images/ico_print.gif) no-repeat right center; }

#body { width: 100%; float: left; }
#body h2 { font-size: 20px; color: #10ace7; padding-bottom: 15px; }
#body h2.home { font-size: 17px; }
#body h2 span { font-size: 20px; color: #00549f; }
#body p { padding-bottom: 20px; }
#body ul { list-style-type: disc; padding-left: 20px; }
#body ul ul { list-style-type: circle; }
#body ul ul ul { list-style-type: disc; }
#body ul ul ul ul { list-style-type: circle; }
#body div.home { width: 395px; }

/* Footer */
#footer { width: 940px; height: 40px; padding: 102px 0 40px 0; float: left; background: #0066b3 url(../Images/bg_footer.gif) no-repeat; }
#footer ul { width: 485px; list-style-type: none; margin: 0 auto; font-size: 11px; line-height: 1.2; }
#footer ul li { float: left; padding: 0 20px; border-right: solid 1px #ccc; }
#footer ul li.last { border-right: none; }
#footer ul li a { color: #999; }