/* ---------------- New Home Page Stylesheet - Fall 2009 --------------------- */

html, body, #wrap {height: 100%; background-color: #fff; background-image: url(/images/sitewide/topbar.gif); background-repeat: repeat-x;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 66px;}  /* <--must be same height as the footer */

body {
font-family: arial, helvetica, sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
}

a {text-decoration:none;}

p {
margin: 0;
}

/* --------------- Page Structure --------------- */

#pagecontainer {
width: 944px;
margin: 0 auto;
padding: 15px 0 0 0;
}

.blue {
color: #1888b8;
}

/* Home Page Banner Area for Flash and Carosel*/

#banner-area {
width: 942px; /*<-- Original width is 944px */
height: 280px;
text-align: left;
margin: 0;
padding: 0 0 15px 0;
}

#banner-area-left {
width: 615px;
float: left;
margin: 0;
padding: 0 0 0 1px;
}

#banner-area-right {
width: 302px;
float: right;
margin: 0 0 0 0;
padding: 0;
}


#slideshowholder {
width: 896px;
border: 1px solid #cc0000;
margin: 0 auto;
}

/* Highlights and News Tabs */

#tabsbanner {
width: 944px;
height: 28px;
background-image: url(/images/highlights_news_bar.gif);
background-repeat: no-repeat;
}

#highlight-link {
float: left;
display: inline;
margin: 3px 0 0 30px;
}
 
#news-link {
float: right;
display: inline;
margin: 3px 235px 0 0;
}

/* Grey bottom text area */

#bottomgreyarea {
width: 944px;
background-image: url(/images/grey_bottom_backgrnd.png);
background-repeat: no-repeat;
}

/* Highlights Text Areas */

#highlightsarea {
width: 575px;
float: left;
padding: 0 0 0 36px;
margin: 10px 0 50px 0;
font-size: 0.75em;
color: #5a5a5a;
}

#column-a {
width: 275px;
float: left;
margin: 0;
padding: 0;
}

#column-b {
width: 275px;
float: right;
margin: 0;
padding: 0;
}

#column-c {
width: 275px;
float: left;
margin: 20px 0 0 0;
padding: 0;
}

#column-d {
width: 275px;
float: right;
margin: 20px 0 0 0;
padding: 0;
}

h1,h2,h3,h4 {
font-size: 1em;
font-weight: bold;
color: #00527e;
margin: 0 0 4px 0;
}

#highlightsarea a:link {color: #1888b8; text-decoration: underline;}
#highlightsarea a:visited {color: #1888b8; text-decoration: underline;}
#highlightsarea a:hover {color: #005a81; text-decoration: underline;}


/* News Area */

#newsarea {
width: 268px;
float: right;
padding: 0 20px 0 0;
margin: 10px 0 50px 0;
font-size: 0.75em;
}

.newsitem {
color: #535353;
margin: 0 0 10px 0;
}

#newsarea a:link {color: #1888b8; text-decoration: underline;}
#newsarea a:visited {color: #1888b8; text-decoration: underline;}
#newsarea a:hover {color: #005a81; text-decoration: underline;}