﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {
 background: #fff
}
/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 width: 100%;
 background: url(../images/top_band.gif) no-repeat center top;
}

#header {
 margin: 0 auto;
 width: 908px;
}

#logo {
 float: left;
}

#strapline {
 float: right;
 text-align: right;
 background: url(../images/talktous.jpg) no-repeat left top;
 padding: 55px 0px 0px 0px;
 width: 230px;
 display: block;
 margin:14px 0px 4px 0px;
}

#searchBoxCont {
width: 230px;
float: right;
padding-top: 10px;
padding-right: 0px;
display: block;
}

.searchBox {
border: solid 1px #d1d1d1;
float: left;
width: 150px;
height: 18px;
margin-left: 40px;
padding-left:1px;
color:#b9b9b9;
}

#flashCont{
width: 582px;
float: right;
}


/* ################################### NAV LAYOUT #################################*/

#navigationcontainer {
 border-top: solid 1px #737373;
 border-bottom: solid 6px #c32d27;
 background: url(../images/nav_bg.gif) top left repeat-x;
 width: 100%
}

#navigation {
 margin: 0 auto;
 width: 908px
}
/* ################################### BREADCRUMB LAYOUT #################################*/

#ctl00_mainarea_breadcrumb {
 float: right;
 padding: 0px;
 width: 645px;
}
/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 background: #fff;
 margin: 0 auto 0 auto;
 width: 878px;
 padding: 10px 15px 0 15px;
}

#copyarea {
}

#ctl00_mainarea_content1 {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 20px 0px;
 width: 220px
}

#ctl00_mainarea_content2 {
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 3px 0px 20px 0px;
 width: 645px;
 margin-right: 0px
}

#ctl00_mainarea_content3 {
 float: left;
 height:auto !important;
 height: 170px;
 min-height: 170px;
 padding: 0px 0px 0px 0px;
 width: 284px;
 margin-right: 13px;
}

#ctl00_mainarea_content5 {
 float: left;
 height:auto !important;
 height: 170px;
 min-height: 170px;
 padding: 0px 0px 0px 0px;
 width: 284px
}

#ctl00_mainarea_content6 {
 float: right;
 height:auto !important;
 height: 170px;
 min-height: 170px;
 padding: 0px 0px 0px 0px;
 width: 284px;
}

#ctl00_mainarea_content7 {
 width: 791px;
height:28px;
background: url(../images/seeAlso.gif) no-repeat left top;
float: left;
padding: 7px 0px 0px 110px;
margin-top:20px;
}

#ctl00_mainarea_content4 {
 width: 878px;
 float: left;
 padding-bottom: 5px;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 100%
}


/*
.homeColHeader{
background-image: url(../images/homepage_col.gif);
background-repeat: no-repeat;
width: 264px;
height: 30px;
padding:10px 0px 0px 20px;
}

*/

.homeCol{
border-bottom: solid 1px #babcbc;
padding:0px;
height: 250px;
background: url(../images/homeCol_border.gif) repeat-y top center;
}

#directions {
width: 170px;
height: auto;
text-align: center;
float: right;
}

.quotes {
 display: block;
 margin: 11px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 220px
}

.quotestop {
 display: block;
 padding: 6px 0px 7px 15px;
 background: url(../images/quote_box_head.gif);
}

.quotesmiddle {
 background: #fff;
 border-right:solid 1px #b8b8b8;
 border-left:solid 1px #b8b8b8;
 display: block;
 padding: 10px 15px 1px 15px;
 
}

.quotesbottom {
 border-bottom:solid 1px #b8b8b8;
 display: block;
}

#NewspageHeight {
height: 390px;
}

.newsoverview {
 display: block;
 height:auto !important;
 margin: 15px 0px 0px 0px;
 border-bottom: solid 1px #ccc;
 padding-bottom: 15px;
}

#newsTicker,
#tickerJqueryOff {
 width: 878px;
 height: 30px;
 margin: 5px 0px 0px 0px;
 background: url(../images/newsticker_bg.jpg) no-repeat;
 float: left;
}

#newsTickerContent {
height: 21px;
float: right;
padding: 0px 10px 0px 0px;
color: White;
}

#homeIntro {
border: solid 1px #b2b2b2;
width: 252px;
height:190px;
float: left;
background: url(../images/welcome.jpg) no-repeat;
padding: 47px 15px 0px 15px;
}


/*########################################FOOTER LAYOUT##############################*/


#footercontainer {
 background: #6d6d6d;
 background-image: url(../images/footer.gif);
 background-position: center top;
 background-repeat: no-repeat;
 width: 100%;
 margin: 10px 0 0px 0;
 border-top: solid 1px #cdcfcf;
}

#footer {
 margin: 0 auto;
 width: 908px;
}

#sitemap {
padding: 40px 0px 0px 0px;
text-align: center;
width: 300px;
float: left;
}

#copyright {
padding: 0px 0px 13px 0px;
text-align: center;
width: 908px;
margin-top:25px;
float: left;
}

#footerLogos {
width: 490px;
height: auto;
float: right;
padding-right:15px;
padding-top:10px;
}

#footerLogos img {
padding-left: 30px;
}


#drop {
width: 180px;
}

.dropList {
float: left;
}

.find {
float: right;
}

.hide {
display: none;
}

#flashcontent1 {
width: 582px;
height: 239px;
color: #000;
font-weight: bold;
text-align: center;
padding: 0px 0px 0px 0px;
background: url(../images/home-noflash.jpg);
}