html,body
{
background-color: #ffffff;
font-family: "Trebuchet MS", Arial, sans-serif; 
}

#container
{
background-image:url(../images/mainbox_bg.gif);
width: 813px;
margin: auto;
margin-top: 20px;
}

#bg-top
{
background-image:url(../images/mainbox_top.gif);
height: 18px;
}

#bg-bottom
{
background-image:url(../images/mainbox_bottom.gif);
height: 18px;
clear: both;
}

/*--- Contains header logo, global links and orange top bar ---*/

#header
{
width: 778px;
margin: auto;
}


#header img
{
float: left;
padding-bottom: 18px;
padding-top: 10px;
}

#header ul  /*---- Global links container at top right ------*/
{
float: right;

}

#header ul li
{
display: inline;
padding-right: 10px;
}

#header ul li a Top Menu
{
font-size: 11px;
color: #004875;
text-decoration: none;

}

#header ul li a:hover
{
text-decoration: underline;
font-weight: bold;
}

#topbar
{
clear: both;
background-image: url(../images/orange_bar.gif);
height: 40px;
width: 778px;
margin: auto;
}

#topbar p
{
color: #fff;
font-size: 13px;
padding-left: 10px;
padding-top: 13px;
}

#content /*----- Content Div contains everything beneath the header ----*/
{
width: 778px;
margin: auto;
}

#left  /*---- Contains content on left on homepage ----*/
{
width: 560px;
float: left;
}

#spotlight   /*---- Brown box with top news story or section heading ----*/
{
width: 560px;
background-color: #e0e4a5;
margin-top: 10px;
float: left;
}

#spotlight .interior
{
padding-left: 10px;
padding-right: 10px;
}

#spotlight .spotlight-image
{
float: left;
}

#spotlight-text
{
float: right;
width: 320px;
padding-top: 20px;
}

#spotlight h1
{
color: #004875;
font-size: 22px;
font-weight: bold;
}

#spotlight p
{
color: #373737;
line-height: 16px;
}

#spotlight a
{
color: #559cbe;
}

#spotlight-top
{
background-image:url(../images/box_lightgreen_top.gif);
height: 9px;
}

#spotlight-bottom
{
height: 9px;
background-image:url(../images/box_lightgreen_bottom.gif);
clear: both;
}

#navigation /*----- side navigation ----*/
{
width: 210px;
background-color:#CCCCCC;
float: left;
margin-top: 10px;
}

#navigation ul
{
padding-left: 15px;
list-style-position:inside;
}

#navigation li
{
list-style-image:url(../images/nav_arrow.gif);
padding-bottom: 8px;
}

#navigation li a
{
color: #000000;
font-size: 13px;
text-decoration: none;
}

#navigation li a:hover
{
text-decoration: underline;
}

#navigation-top
{
height: 12px;
background-image:url(../images/box_nav_top.gif);
}

#navigation-bottom
{
height: 12px;
background-image: url(../images/box_nav_bottom.gif);
}

#news /*----- Rounded container for news stories on the homepage and content on subpages ---*/
{
width: 341px;
float: right;
}
<div id="news-top"><!-- --></div>
.headline /*---- Snippet of each news story on homepage ---*/
{
padding-left: 15px;
float: left;
margin-bottom: 10px;
}

.headline h2
{
color: #004875;
font-size: 16px;
font-weight: bold;
width: 180px;
float: left;
padding-bottom: 10px;
}

.headline p
{
font-size: 12px;
line-height: 16px;
color: #373737;
width: 180px;
float: left;
}

.headline img
{
float: right;
padding-right: 15px;
}

.headline a
{
color: #559cbe;
font-size: 12px;
}

.dottedline 
{
clear: both;
background-image:url(../images/news_dottedline.gif);
height: 9px;
width: 309px;
margin: auto;
margin-bottom: 10px;
}

#news-top
{
height: 18px;
background-image:url(../images/box_news_top.gif);
margin-top: 10px;
}

#news-content
{
border-left: 1px solid #b5b5b5;
border-right: 1px solid #b5b5b5;
float: left;
width: 339px;
}

#news-bottom
{
background-image:url(../images/box_news_bottom.gif);
height: 11px;
clear: both;
}

#sidebar /*-------- Container for right sidebar on homepage -------*/
{
width: 209px;
float: right;
}

.sidebox /*----- Amber boxes in right sidebar -----*/
{
width: 209px;
background-color: #ffffff;
margin-top: 10px;
}

#sidebar .interior   /*---- Interior is the container for text within boxes --*/
{
padding-left: 17px;
padding-right: 10px;
border-left: 1px solid #FD9613;
border-right: 1px solid #FD9613;
}

.interior h3
{
color: #000000;
font-weight: bold;
padding-top: 10px;
}

.interior p
{
color: #000000;
font-size: 12px;
padding-top: 10px;
line-height: 16px;
}

.interior a
{
color: #000000;
}

.sidebox-bottom
{
height: 9px;
background-image:url(../images/box_bottom.jpg);
}

#drammies-top  /*--- Top graphic for Top Side Link sidebox ----*/
{
height: 36px;
background-image:url(../images/box_drammies_top.jpg);
}

.drammies-bottom
{
height: 9px;
background-image:url(../images/box_drammies_bottom.jpg);
}

#tips-top  /*--- Top graphic for Tips sidebox ----*/
{
background-image:url(../images/box_tips_top.jpg);
height: 36px;
}

.tips-bottom
{
height: 9px;
background-image:url(../images/box_tips_bottom.jpg);
}

#book-top  /*--- Top graphic for Amazon sidebox ----*/
{
height: 36px;
background-image:url(../images/box_book_top.jpg);
}

.book-bottom
{
height: 9px;
background-image:url(../images/box_book_bottom.jpg);
}

#poll  /*---- Quickpoll container ----*/
{
width: 209px;
background-color: #eded89;
margin-top: 10px;
}

#poll-top
{
background-image:url(../images/box_quickpoll_top.gif);
height: 39px;
}

#poll-bottom
{
background-image:url(../images/box_yellow_bottom.gif);
height: 9px;
}

#footer  /*----- Footer container -----*/
{
clear: both;
background-color: #ffffff;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
float: left;
width: 800px;
}

#footer p
{
font-size: 11px;
color: #004875;
float: left;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
}

/* -----------------------------------*/
/* ---- SUBPAGE <<<----------*/
/* -----------------------------------*/

.subpage #spotlight
{
float: right;
}

.subpage #spotlight .spotlight-image
{
float: right;
}

.subpage #spotlight-text
{
float: left;
padding-left: 10px;
}

.subpage #news
{
width: 560px;
}

.subpage #news-content
{
width: 558px;
}

.subpage #news-content a Main Body Links
{
color: #166083;
}

.subpage #news-content h2
{
	font-size: 18px;
	font-weight: bold;
	color: #0095d7;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.subpage #news-content p
{
	padding-left: 20px;
	padding-right: 10px;
	font-size: 14px;
	padding-top:5px;
	padding-bottom: 15px;
	color: #4b4b4b;
	line-height: 16px;
}

.subpage #news-top
{
background-image:url(../images/box_subpage_content_top.gif);
height: 10px;
}

.subpage #news-bottom
{
background-image:url(../images/box_subpage_content_bottom.gif);
}

.subpage ul .subnav
{
background-color: #BEBEBE;
margin-left: -15px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}

.subpage ul .subnav li
{
list-style-image: url(../images/subnav_white_bullet.gif) !important;
padding-left: 15px;
}


/* -----------------------------------------*/
/* ---- TERTIARY PAGE <<<----------*/
/* -----------------------------------------*/

.tert #news-content ul
{

font-size: 20px;
color: #4b4b4b;
line-height: 20px;
padding-left: 60px;
list-style-type:square;
}

.tert #spotlight h1
{
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size: 18px;
}

/* -----------------------------------------*/
/* ---- Weather Box <<<----------*/
/* -----------------------------------------*/

#weatherbox
{
width: 210px;
margin-top: 10px;

}
#weather-content
{
border-left: 1px solid #0095d7;
border-right: 1px solid #0095d7;
width: 208px;
}

#weather-top
{
background-image:url(../images/box_weather_top.gif);
<!--height: 11px;-->
}

#weather-bottom
#focus-top  /*--- Top graphic for Top Side Link sidebox ----*/
{
height: 36px;
background-image:url(../images/box_drammies_top.jpg);
}
{
background-image:url(../images/box_weather_bottom.gif);
height: 9px;
}