body.custom {
    background: #fff;
}

.custom #container {
    margin-top: 0;
    margin-bottom: 2em;
    padding: 0;
    background: #33332f;
    border: none;
}

.custom #page {
    background: #fff;
}

.custom #header{
    background:url(images/masthead.gif) no-repeat;
    height:169px;
    margin:0;
    padding:0;
}

/* --- top nav section --- */

#topNav {
	margin:20px 0;
	padding:1px 0;
	width:959px;
	height:30px;
	border-top:1px solid #610002;
	border-bottom:1px solid #610002;
}

/* --- footer section --- */

.custom #footer {
	margin:20px 0 30px 0;
         #margin:20px 0 0 0;
         padding:0;
         border-style:none;
         border-color:none;
         text-align:left;
}

.custom #footer a:link, #footer a:visited {
	color:#e6e1e1;
	text-decoration:none;
         border-bottom:none;
}

.custom #footer a:hover, #footer a:active {
	color:#ffffff;
	text-decoration:underline;
         border-bottom:none;
}

#footerHeading {
	padding:5px 20px 3px 20px;
	width:919px;
	height:25px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.8em;
	line-height:120%;
	color:#ffffff;
	background:#550002 url(images/footer-heading-bg.gif) no-repeat;
}

#footerTopSection {
	padding:15px 0;
         padding-bottom:225px;
         #padding-bottom:0;
	width:959px;
	background:#550002 url(images/footer-leaf-bg.gif) no-repeat bottom left;
}

#footerTopSection .footerTopSectionSubheading {
	margin:0;
	padding:4px 0 8px 0;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.6em;
	line-height:120%;
	color:#ffffff;
}

#footerTopSection p {
	margin:0;
	padding:3px 0;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.3em;
	line-height:120%;
	color:#ffffff;
}

#footerTopSection .footerTopSectionBoxNoLeftBorder {
	float:left;
	margin:0;
	padding:0 20px;
	width:150px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#footerTopSection .footerTopSectionBox {
	float:left;
	margin:0;
	padding:0 20px;
	width:150px;
	border-left:1px dotted #FFFFFF;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#footerBottomSection {
	margin-bottom:10px;
	padding:10px 0;
	width:959px;
	background:#e6e1e1 url(images/footer-swirly-design-bg.gif) no-repeat bottom center;
}

#footerBottomSection p {
	margin:0;
	padding:0 20px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.3em;
	line-height:140%;
	color:#333333;
}

#footerCredits {
	margin:0;
	padding:0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:140%;
	color:#333333;
	text-align:center;
}

#footer #footerCredits a:link, #footerCredits a:visited {
	color:#610002;
	text-decoration:none;
}

#footer #footerCredits a:hover, #footerCredits a:active {
	color:#610002;
	text-decoration:underline;
}

.centerItem {
	text-align:center;
}

.dottedBottomBorder {
	margin:10px 20px;
	border-bottom:1px dotted #a19d9d;
}


