@charset "UTF-8";
/* base.css */

/* ================================================================================= */
/* //////////////////////////////   RESET BROWSER   //////////////////////////////// */
/* ================================================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; } /* th removed (in base.css) so that .datasheet th  (in specs.css) can be styled by:   .datasheet .header {font-size: 12pt;  etc. } */
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; padding-left: 5px; }
/* ================================================================================= */
/* //////////////////////////////   LAYOUT          //////////////////////////////// */
/* ================================================================================= */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float - DW CS3 */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* SEE: http://www.positioniseverything.net/easyclearing.html#  (ALSO SEE: http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/)*/
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - */
img { behavior:url(/global/scripts/iepngfix.htc); }
img.left { float: left; margin: 2px 15px 0 0; }
img.right {	float: right;	margin: 0 0 0 15px; }
img.center {	display: block; margin: 0 auto; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
img.noborder { border: none; }
/* - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - */
#container { width:955px; height:600px; position:relative; margin: 0 auto; text-align: left; }
*html #container { height:100%; }
#main { width:100%; height: 100%; position: relative; text-align: left; background-color: transparent; }
div#content { /* padding: 5px 8px 0px 8px; */ position: relative; /* background-image: url(/images/________.jpg); background-repeat: repeat-y; */ /* background-color: #fff; */ }
#container:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear floats and force container to contain floats */
#container, #content { _zoom:1; } /* IEwin6 has layout */
#page	{ border: 1px solid #ddd; }
/* ================================================================================= */
/* //////////////////////////////   TYPE            //////////////////////////////// */
/* ================================================================================= */
body, input, select, textarea { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#260543; }
/* prev to 12px/18px */  
body { text-align: center; background-color:#a7a5a5;/* grey */ background-image: url(/global/images/body_bg.jpg); background-repeat: repeat-x; } /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
.grey { background-color:#a7a5a5 !important; }
.font-x-small { font-size: 8px; }
.font-small { font-size: 10px; }
.font-large { font-size: 14px; }
/* input, select, textarea { font-size: 1em; width: 100%; height:1em; padding: 1px; word-wrap: break-word; white-space:normal; } */
.font-red { color: #990000; } /* #FF0000;  other red used in links active/onclick   */
.font-red-2 { color: #FF0000; }
.font-brown { color: #330000; }
.font-purple { color: #660099; } /* #6633FF;  other purple used in links hover   */
a { color: #2971a7; text-decoration: none; }
a:hover { color: #6633FF; text-decoration: none; }
a:active { color: #FF0000; }
a.none { color: #2971a7; text-decoration: none; }
a.none:hover { color: #2971a7; text-decoration: none; }
a.none:active { color: #2971a7; text-decoration: none; }
/* test with trailhaed links */
a.color-1 { color: #FFFFFF; font-size: .9em; /* font-weight: bold; */ }
a:hover.color-1 { color: #6699FF; text-decoration: underline; }
a:active.coor-1 { color: #FF0000; }
/* --- */
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.legal { font-size: 10px !important; color:#76797c; }
#main p { margin-bottom: 12px; } /* previously margin-bottom: 18px; */
#main h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#main p.intro { font-weight: bold; }
#main .more { text-align: right; }
#main span.email-info { color:#FFF; background-image: url(/global/images/nav/email_________.gif); background-repeat: no-repeat; height: 18px; width: 175px; text-indent:-9999px; display:block; } /* has optional print style below | see also specs.css */
#main ul { /* margin-bottom: 18px; */ list-style: none outside; } /* can affect spry tabs SpryTabbedPanel css <ul class="TabbedPanelsTabGroup k-thousands-number">  Note: outside is default */
#main .button ul { margin-bottom: 0px; }
#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#main ul.square, #main ul.circle { margin-left: 2em; }
#main ul.square { list-style: square outside; }
#main ul.circle { list-style: circle outside; }
#main ul ul.circle, #main ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#main ol.legal { margin-left: 0; padding-left: 2em; }
#main a.pdf { display: block; padding-left: 20px; background-image: url(/global/images/elements/icons/globalicon_pdf12x12.gif); background-repeat: no-repeat; background-position: 0 0.4em; }
#main a.pdf.inline { display: inline; padding-left: 0px; padding-right: 15px; background-position: right 0.1em; }
#main a.html { display: block; padding-left: 20px; background-image: url(/global/images/elements/icons/globaliconhtml12x12.gif); background-repeat: no-repeat; background-position: 0 0.4em; }
#main a.dl { background: url(/images/elements/icons/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
#main .sidebar { font-size: 10px; line-height: 18px; color:#686868; } /*{ font-size: 10px; line-height: 18px; color:#686868; } */
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
#main .last { margin-bottom: 0; }
#main .quote { font: Verdana, sans-serif; font-style: italic; letter-spacing: 0.5pt; text-align: Left; /*line-height: 13pt; */ color: #336699; /* #6FABBA; */ padding: 0px; }
/* GLOBAL FOOTER */
#globalfooter p { margin-bottom: 1em; }
#globalfooter form { margin: 18px 10px; }
/* TEXT PAGES */
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.padtop5 { padding-top: 5px; }
.padtop10 { padding-top: 10px; }
.padtop15 { padding-top: 15px; }
.padtop20 { padding-top: 20px; }
.padtop35 { padding-top: 35px; }
.padright10 { padding-right: 10px; }
.padright20 { padding-right: 20px; }
.padright120 { padding-right: 120px; }
.marginbot2 { margin-bottom: 2px !important;  }
.marginbot30 { margin-bottom: 30px!important;  }
.marginbot-minus5 { margin-top: -5px !important; }
.marginbot-minus15 { margin-top: -15px !important; }
.margintop-minus30 { margin-top: -30px !important; }
.margintop-minus40 { margin-top: -40px !important; }
.border-bot { border-bottom: 1px solid #DECF9E; }
.border-top { border-top: 1px solid #DECF9E; }
.relative { position: relative; }
.display-none { display: none; }
.hidden { visibility: hidden; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* hide outlines/dotted boxes visible in Firefox (etc?) */
* { outline: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* PRINT */
@media print {
body { background: none !important; }
body, #main, #content { color: #000 !important; }
a, a:link, a:visited { color: #6633FF !important; text-decoration: underline !important; }
#main p { orphans: 4; widows: 4; }
.noprint, .hide { display: none !important; }
#main a.pdf, #main a.html, #main a.dl { padding-left: 0 !important; background-image: none !important; }
}