/*********
* Title: Global CSS
* Description: Standard CSS template controling styles to be applied to all pages
* Created: March, 2006
* Last Updated: March 16, 2006
* Reference: eWu, nMarcussen
**********/

/*
In reference to the HTML code:

To place Left Navigation Content, search for: <div id="contentLeft"
To place Main Content (i.e. articles, LDPs, etc) search for in <div id="contentMiddle"
To place Right Rail content, search for: <div id="contentRight"
To place Footer content, search for: <div id="footer"
*/

/*******
=tagOverride
Description: Styles to override browser defined styles for standard HTML tags
********/

body {
margin: 3px 0 20px; /* top: 3px sides: 0 bottom: 20px */
padding: 0;
}

/*******
=globalContainers
Description: Styles for positioning layout of DIV containers.
*******/

#bodyWrapper {
/* Wraps entire content into 1 div container */
text-align: center; /* align content center: IE 4 / 5 hack */
}

#bodyContainer {
margin: 0 auto; /* align DIV center */
text-align: left; /* adjust text to left align, otherwise text will all float center */
width: 780px; /* Change this to change the over all width of the container constraining the content: equivalent to header navigation width: Currently fixed width  */
}

#contentWrapper { /* utilized negative margin technique for future scalalbility to liquid layout and content placement */
width: 100%;
float: left;
margin: 0 -163px 0 0; /* margin-right: -163px allowing right rail to slide up.*/
background: #fff url('images/faux_columns.gif') repeat-y; /* apply faux column technique to give appearance of vertical blue lines */
}

#contentContainer {
margin: 0 163px 0 0; /* margin-right: 163px prevents content from overlaying on top of right rail */
}

#contentLeft {
float: left;
width: 130px; /* change this to adjust left rail width */
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

#contentRight {
float: right;
width: 160px; /* change this to adjust right rail width */
}

#contentMiddle {
width: 468px; 
margin: 0 0 0 131px; /* margin-left: 130px cooresponds to the width of the left rail */
padding: 0 0 0 10px; /* padding-left: 10px */
}

#footer {
clear: both; /* must clear both to ensure footer stays at the bottom of the page */
background-color: #FFFFFF;
text-align: center;
padding: 0;
margin: 0;
}

/*******
=globalTopNavigation
Description: Styles for the Master Navigation and breadcrumb bar.
*******/
#masterNavigation {
margin: 0;
padding: 0 0 10px 0;
background: #FFFFFF;
}

#breadcrumbBar {
font: normal 10px Verdana;
color: #44574F;
width: 100%;
background: #EAF4FD;
padding: 5px 0px; /* Padding top and bottom: 5px, left and right: 10px */
margin: 0 0 10px 0; /* Margin bottom: 10px, top, left and right: 0px */
}

#breadcrumbBar a:link {
font: normal 10px Verdana;
color: #44574F;
text-decoration: none;
border-bottom: 1px solid #44574F;
}

#breadcrumbBar a:hover {
font: normal 10px Verdana;
color: #222222;
text-decoration: none;
border-bottom: 1px solid #222222;
}

#breadcrumbBar a:visited {
font: normal 10px Verdana;
color: #777777;
text-decoration: none;
border-bottom: 1px solid #777777;
}

#breadcrumbBar .firstCrumb { /* class="firstCrumb" must be applied to the first item in the breadcrumbBar" */
margin-left: 10px;
}

/*******
=leftRail
Description: Styles for the left navigation and everything in the left rail.
*******/
.leftNav {
}

.leftNav h2 { /* left navigation headings should be placed in h2 tags */
color: #CC0000;
font: bold 14px "trebuchet ms", trebuchet, verdana, san-serif;
text-decoration: none;
margin: 0;
padding: 0 0 2px 0;
}

.leftNav ul {
font: bold 12px "trebuchet ms", trebuchet, verdana, san-serif;
line-height: 15px;
color: #CC0000;
list-style-type: none;
padding: 0;
margin: 0 10px 17px 0;
border-top: 1px solid #B1D0ED;
}

.leftNav ul li {
background-image: url('images/Content-Ad_arrow.gif');
background-repeat: no-repeat;
background-position: 0 .7em;
padding: 6px 0 6px 10px;
border-bottom: 1px solid #B1D0ED;
}

.leftNav a:link {
color: #023F88;
font-family: "trebuchet ms", trebuchet, verdana, san-serif;
text-decoration: none;
}

.leftNav a:hover {
color: #CC0000;
font-family: "trebuchet ms", trebuchet, verdana, san-serif;
text-decoration: none;
}

.leftNav a:visited {
color: #023F88;
font-family: "trebuchet ms", trebuchet, verdana, san-serif;
text-decoration: none;
}

/*******
=rightRail
Description: Styles for everything in the right rail.
*******/
.rightAdRail {
color: #023F88;
font: 12px "trebuchet ms", trebuchet, verdana, san-serif;
padding-left: 2px;
border-left: 1px solid #78B4E6;
}

.adHeading {
text-decoration: none;
font-weight: bold;
text-transform: capitalize;
margin: 0;
padding: 0 0 7px 0;
}

/*******
=footer
Description: Styles for everything in the footer.
*******/
.footerContent {
font: 10px verdana, helvetica, arial, sans-serif;
line-height: 18px;
color: #6b6b6b
}

#footer .footerCityLinks ul li{
display: block; /* override ul li inline footer effect: see global.css */
line-height: 18px;
}

#topFooterLinks {
border-top: 1px solid #CFCFCF; /* Place the grey dividing line between the body and the footer */
}

#footer ul {
color: #6b6b6b;
line-height: 18px;
padding: 0;
margin: 0;
}

#footer ul li {
padding: 0;
margin: 0;
display: inline;
}

#footer a:link {
font: 10px verdana, helvetica, arial, sans-serif;
color: #6b6b6b;
text-decoration: none;
border-bottom: 1px solid #969696;
}

#footer a:hover {
font: 10px verdana, helvetica, arial, sans-serif;
color: #222222;
text-decoration: none;
border-bottom: 1px solid #222222;
}

#footer a:visited {
font: 10px verdana, helvetica, arial, sans-serif;
color: #999999;
text-decoration: none;
border-bottom: 1px solid #999999;
line-height: 18px;
}

#footer .footerEm a:link{
font: 10px verdana, helvetica, arial, sans-serif;
color: #0480c7;
text-decoration: none;
border-bottom: 1px solid #1b8dce;
line-height: 18px;
}

#footer .footerEm a:hover{
font: 10px verdana, helvetica, arial, sans-serif;
color: #46aee9;
text-decoration: none;
border-bottom: 1px solid #46aee9;
line-height: 18px;
}

#footer .footerEm a:visited{
font: 10px verdana, helvetica, arial, sans-serif;
color: #0480c7;
text-decoration: none;
border-bottom: 1px solid #1b8dce;
line-height: 18px;
}

/*******
=miscellaneous
Description: Other styles.
*******/

.SearchText {
font: bold 11px verdana, san-serif;
text-decoration: none;
color: #000000;
}
.ExampleText {
font: 10px verdana, san-serif;
color: #6B6B6B;
text-decoration: none;
}