@charset "utf-8";
/* ==========================
Design by: Brenda Koch-Bakke
========================== */
/* ==========================
Colors:
Grey: 8F8F8F
DkGrey: 2d2d2d
ltGrey: c4c4c4
BaseBlue: 3482C2
MidBlue: 26608F
DkBlue: 122D42
Orange: F56C29

========================== */

body  { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #EEEEEE url(../images/topBlackBar.gif) repeat-x left top; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #8F8F8F; line-height: 1.3em;}
p a {text-decoration: none;}
p a:link, a:visited {color: #3482C2;}
p a:hover {color: #3482C2; background-color: #c4c4c4; border-bottom: 1px solid #3482C2;}
a.noHover:hover{color: #3482C2; background-color: none; border-bottom: 0px solid #3482C2;}
h1 { font: 1.5em Verdana, san-serif; letter-spacing: 3px; font-weight: bold; }
h2 { font: 1.2em Verdana, san-serif; letter-spacing: 3px; font-weight: bold; color: #122D42; }
h3 {font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px;}
h3 span { color: #F56C29 }
h4 { font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #122D42; }
p.indent {margin-left: 50px;}
p.quote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.75em; border-top: 1px #c4c4c4 solid; padding-top: 15px;}
p.quoteAuthor { text-align: right; font-size: 0.9em; border-bottom: 1px #c4c4c4 solid; padding-bottom: 15px;}
p.box { border-bottom: 1px #c4c4c4 solid; padding-bottom: 15px;}
.strong {font-weight: bold; color: #122D42;}
li.main a {text-decoration: none;}
li.main a:link, a:visited {color: #3482C2;}
li.main a:hover {color: #3482C2; background-color: #c4c4c4; border-bottom: 1px solid #3482C2;}
li.hidden span { display: none; } 
li.hidden a:hover a:link span {display: block;}
li span {display:none;}
img.border { padding: 3px; border: 1px solid #C4C4C4;}
/*Layout*/
.nxa #container { width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ }
.nxa #sidebarContainer { float: left; /* since this element is floated, a width must be given */ width: 239px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: url(../images/logoBox.jpg) no-repeat left top;/* the background color will be displayed for the length of the content in the column, but no further */ /*padding: 15px 10px 15px 20px;*/ }
.nxa #sidebarContent { padding-top: 182px; }
.nxa #sidebarLinks { padding: 15px; margin-top: 20px; border-right: 1px solid #c4c4c4; }
.sidebarContentBox1 {border-top:#F56C29 solid 1px; border-bottom:#F56C29 solid 1px; margin-bottom: 5px;}
.caseStudy { color: #FFFFFF; background-color: #8F8F8F; margin: 0px; padding: 0; background-image: url(../images/top_quote.gif); background-repeat: no-repeat; background-position: left top; }
.caseStudy h3 { margin: 10px 0px 0px 10px; padding: 10px 10px 0px; }
.caseStudy p { margin: 10px 0px 0px 10px; padding: 10px 10px 0px; }
p.caseStudyEnd { background-image: url(../images/btm_quote.gif); background-repeat: no-repeat; background-position: right bottom; margin-top: 0px; padding-bottom: 10px; text-align: right;}
p.caseStudyEnd a {color: #122D42; text-decoration: none; }
p.caseStudyEnd a:hover a:link { color: #122D42; background-color: transparent; text-decoration: none; }
.nxa #contentWrap { margin: 0px 0 0 239px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ } 
.nxa #topMenu { height: 81px; background: url(../images/topBlackBar.gif) repeat-x left top; padding: 20px 20px 0px 20px; margin: 0px 0 0 239px; }
.nxa #mainContent { padding: 15px; margin-bottom: 10px; margin: 0px 0 20px 239px; background: url(../images/logoBoxShadow.jpg) no-repeat left top;}
.nxa #mainContentFront { padding: 15px; margin-bottom: 10px; margin: 0px 0 20px 239px; }
.nxa #footer { border-top: dotted thin #8F8F8F; padding: 20px 0 20px 0; }
.news {border-bottom: 1px solid #C4C4C4;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* 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 */ clear:both; height:0; font-size: 1px; line-height: 0px; }
