/* CSS Document */
/* Baseline Styles */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
/* This block of code sets almost everything to zero so that all browsers start from the same point. Remember when you are coding that all margins and padding are set at zero, and that all fonts are set relative to each browser's "small" setting. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, form, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-weight: inherit; font-style: inherit; line-height: 1.1; font-family: inherit; text-align: left; vertical-align: baseline; text-decoration: none; margin: 0; padding: 0;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, dl {list-style: none;}
form {padding: 0; margin: 0;}
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 180%; color: #F06000;}
h2 {font-size: 160%}
h3 {font-size: 140%; color: #ffcc66;}
h4 {font-size: 130%; color: #F06000;}
h5 {font-size: 115%;}
h6 {font-size: 10px;;}
/* Layout and General Styles */
body {
text-align: center;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
html>body {font-size: small;} /* Be Nice to Opera hack - sets font size to small */
a:link {color: #6699cc; font-weight: bold;} /*slate blue*/
a:visited {color: #6699cc; font-weight: bold} /*slate blue*/
a:hover {color: #F06000; text-decoration: underline;} /*burnt orange*/
/* Styles in Lay_Main/Lay_Indices */
#container {margin: 5px auto 10px;} /* Adds margin to top and bottom or page, centers layout */
#content {text-align: left;}
#headerCOL {background: #6699cc url(../Images/header_bg.jpg) repeat-x top left; width: 100%; padding: 0px 0px 0px 0px; float: left; height: 105px;}
#headerCOL h1 {font-size: 22px; color: white; padding: 0 0 5px 5px; font-weight: bold; letter-spacing: 1.2px; float: left;}
#headerCOL img {padding: 0 0 5px 13px; float: left; position: relative; top: -18px;}
#headerCOL span {float: right; padding: 0px 20px 0px 0px; color: white; position: relative; top: -33px; text-align:center;}
#headerCOL span a {color: white; font-weight: bold; padding: 0 3px;}
#mainContent {width: 798px; border: 1px solid #6699cc; border-width: 0 1px; clear: both; float: left;}
#leftCol {float: left; width: 528px; padding: 12px 3px 10px 12px;}
#rightCol {float: right; width: 240px; padding: 12px 12px 10px 3px;}
#footer {width: 100%; text-align: center; background-color: white; color: #476B8F; margin-top: 10px;}
#footer a {padding-top: 8px; padding-right:13px; font-size: 11px;}
/* Styles to add padding to main content of page */
#leftCol p {margin: 0; padding: 5px 0; line-height: 1.25; font-size: 15px;}
#leftCol img {margin: 0;}
#leftCol td {padding: 5px;}
#rightCol p {margin: 0; padding: 5px;}
#mainContent td {padding: 5px;}
#mainContent td a {font-weight: bold;}
#LGForm td {padding: 3px; vertical-align: top;}
/*#leftCol .demoLinks {float: right; padding: 20px 10px 0 0;}
#leftCol .demoLinks li {float: right; display: inline; padding-left: 8px;}*/
/* Positioning of icons and links in grey box */
#icons {width: 100%; margin-top: 19px;}
#icons ul {padding: 5px 4px; background-color: #edeff1; border: 1px solid #6699cc; border-width: 0 1px;}
#icons li {padding: 2px 0;}
.iconLink {position: relative; top: -11px;}
.iconLink a {color: black; text-decoration: underline; font-weight: normal;}
.iconLink a:hover {color: navy;}
/* Positioning of COL INTL Form in Right Nav */
#colIntl {width: 100%; margin-top: 19px;}
#colIntl ul {padding: 5px 4px; border: 1px solid #6699cc; border-width: 0 1px;}
#colIntl li {padding: 1px 0 1px 5px; }
.colIntlLink {position: relative; top: -11px;}
.colIntlLink a {color: black; text-decoration: underline; font-weight: normal;}
.colIntlLink a:hover {color: navy;}
/* Positioning and color for Two-City COL Form in Right Nav */
#tableRight {width: 100%;}
.tableCell {display: block; padding-bottom: 3px;}
#tableRight ul {background-color: #ffffff; border: 1px solid #6699cc; border-width: 0 1px;}
#tableRight li {padding: 3px 0 3px 5px;}
.dottedBorder {border: 1px dashed black; border-width: 0 0 1px 0;}
#twoCityHeader {font-size: small; color: white; background: #6699cc url(../Images/header_bg.jpg) repeat-x 0px -14px; border: 1px solid #6699cc; border-width: 0 1px 1px 1px; padding: 0 0 3px 4px;}
/* Positioning and color for COL NA Form in Right Nav */
#colNa {width: 100%;}
.colNa {display: block; padding-bottom: 3px;}
#colNa ul {background-color: #ffffff; border: 1px solid #6699cc; border-width: 0 1px;}
#colNa li {padding: 1px 0 1px 5px; }
.dottedBorder {border: 1px dashed black; border-width: 0 0 1px 0;}
#colNaHeader {font-size: headline-medium; color: white; background: #6699cc url(../Images/header_bg.jpg) repeat-x 0px -14px; border: 1px solid #6699cc; border-width: 0 1px 1px 1px; padding: 0 0 3px 4px; font-weight: bolder; text-align:center;vertical-align: top;}
/* Rounded Corners */
/* To create the rounded corners, change the gif to match the border and inner background color. Then put "" on the top, and "" below where the corners should be. */
/* Slate Blue - used for page header */
.top_left {height: 15px; font-size: 2px; background: transparent url(../images/bg_tl.gif) no-repeat;}
.top_right {width: 19px; height: 15px; float: right; margin-top: -15px; background: transparent url(../images/bg_tr.gif) no-repeat; font-size: 2px;}
.bottom_left {height: 15px; font-size: 2px; background : transparent url(../images/bg_bl.gif) no-repeat;}
.bottom_right {width: 19px; height: 15px; float: right; margin-top: -15px; background : transparent url(../images/bg_br.gif) no-repeat; font-size: 2px;}
/* Grey */
.top_left_gr {height: 15px; font-size: 2px; background: transparent url(../images/bg_tl_gr.gif) no-repeat;}
.top_right_gr {width: 19px; height: 15px; float: right; margin-top: -15px; background: transparent url(../images/bg_tr_gr.gif) no-repeat; font-size: 2px;}
.bottom_left_gr {height: 15px; font-size: 2px; background : transparent url(../images/bg_bl_gr.gif) no-repeat;}
.bottom_right_gr {width: 19px; height: 15px; float: right; margin-top: -15px; background : transparent url(../images/bg_br_gr.gif) no-repeat; font-size: 2px;}
/* Dark Blue inside with Blue Border */
.top_left_bbr {height: 15px; font-size: 2px; background: transparent url(../images/bg_tl_bbr.gif) no-repeat;}
.top_right_bbr {width: 19px; height: 15px; float: right; margin-top: -15px; background: transparent url(../images/bg_tr_bbr.gif) no-repeat; font-size: 2px;}
/*input,*/
select {font-size: 11px; border: 1px solid black;}
input[type="radio"] {border-width:0;}
input.radio {border-width:0;}
/* headers */
.headline-Product {font-size: 21px; font-weight: bold;}
.headline-xlarge {font-size: 18px; font-weight: bold;}
.headline-largest {font-size: 15px; font-weight: bold;}
.headline-larger {font-size: 14px; font-weight: bold;}
.headline-large {font-size: 13px; font-weight: bold;}
.headline-medium {font-size: 12px; font-weight: bold;}
.headline-small {font-size: 11px; font-weight: bold;}
.headline-smaller {font-size: 10px; font-weight: bold;}
.headline-smallest {font-size: 9px; font-weight: bold;}
.headline-link {font-size: x-small; line-height: 1.2em; font-weight: bold;}
/* text */
.largest {font-size: 15px}
.larger {font-size: 14px}
.large {font-size: 13px}
.Default {font-size: 12px; color:black}
.small {font-size: 11px}
.smaller {font-size: 10px}
.smallest {font-size: 9px}
.link {font-size: x-small; line-height: 1.2em; font-weight: bold;}
.largergreen {font-size: 14px; font-weight: bold; color:#00593B}
/* text color */
.banner {color:#99ccff}
.topnav {color:#ffffff}
.red {color:#cc0000}
.blue {color:#336699}
.grey {color:#666666}
.gold {color: gold}
.green {color: #00593B}
.stronger {font-weight: bold;}
a.button { background: transparent url('CSSButtons/Green_BlueArrow_Right.gif') no-repeat top right; color: ##FFFFFF; /* Button Text Color */ display: block; float: left; font: bold 12px arial, sans-serif; height: 24px; /* button height */ margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url('CSSButtons/Green_BlueArrow_Left.gif') no-repeat top left; display: block; line-height: 14px; padding: 5px 0 5px 28px; color: ##FFFFFF; }
/* HOVER */
a.button:hover {background-position: 100% -24px; /* - button height */color: ##FFFFFF; }
a.button:hover span {background-position: 0 -24px; /* - button height */color: ##FFFFFF; }
/* ACTIVE */
a.button:active {background-position: 100% -48px; /* - (2 x button height) */ color: ##FFFFFF; /* Button Text Color - Active */ outline: none; /* hide dotted outline in Firefox */ color: ##FFFFFF; }
a.button:active span { background-position: 0 -48px; /* - (2 x button height) */ padding: 6px 0 4px 28px; /* push text down 1px */ color: ##FFFFFF; }