﻿body
{
	margin: 0;
}

#ribbon
{
	background: url(../images/ribbon.jpg) repeat-x left top;
	height: 35px;
	margin-top: 31px;
	width: 100%;
}

#siteNav
{
	margin: 0 auto;
	left: 5px;
	position: relative;	
	top: 3px;
	width: 1002px;
	z-index: 20;
}

#banner
{
	background: url(../images/banner.jpg) no-repeat left top;
	height: 213px;
	margin: auto;
	width: 1007px;
}

#wrapper
{
	margin: 0 auto;
	width: 973px;
}

#hpQuickLinks
{
	background: url(../images/hpQLTopCurve.jpg) no-repeat left top;
	padding-top: 15px;
	width: 242px;
	position: relative;
	top: 10px;
	z-index: 10;
}

#hpQuickLinks a, #hpQuickLinks a:visited
{
	color: #151F3C;
	display: block;
	font-size: .9em;
	line-height: 15px;
	margin: 10px 0;
	padding: 0 7px;
}

#hpQuickLinks .content
{
	background: url(../images/hpQuickLinksBG.jpg) repeat-y left top;
	height: 305px;
	padding: 5px 8px 0 8px;
	width: 226px;
}

#hpQuickLinks .roundBtm
{
	background: url(../images/hpQLBtmCurve.jpg) no-repeat left top;
	height: 22px;
	width: 242px;
}

#newsContainer
{
	background: url(../images/blueBox.jpg) no-repeat right top;
	height: 564px;
	width: 498px;
	z-index: 10;
	position: relative;
	left: 244px;
	top: -342px;
}

#newsContainer .text
{
	padding: 10px;
}

.newsBtmCurve
{
	border-bottom: solid 1px Yellow;
	background: url(../images/newsBtmCurve.jpg) no-repeat left top;
	height: 38px;
	width: 496px;
}

#tcBox
{
	background: url(../images/tcBox.jpg) no-repeat left top;
	color: #151F3C;
	float: left;
	height: 337px;
	width: 229px;
	position: relative;
	left: 744px;
}

.whiteGradiant
{
	background: url(../images/whiteGradiant.jpg) repeat-x left top;
	left: 6px;
	position: relative;
	width: 954px;
	z-index: 5;
}

.whiteGradiant .wgBtmCurve
{
	background: url(../images/whiteGradiantBtm.jpg) no-repeat left top;
	height: 542px;
	width: 955px;
	position: relative;
	left: -1px;
	top: 521px;
	z-index: 10;
}

#footer
{
	position: relative;
	text-align: center;
	z-index: 5;
}

/* secondary */
.breadCrumbs
{
	line-height: 17px;
	margin: auto;
	padding: 7px 5px;
	width: 997px;
}

#secRibbon
{
	background: url(../images/ribbon.jpg) repeat-x left top;
	height: 35px;	
	width: 100%;
}

#wrapperSec
{
	margin: 0 auto;
	width: 973px;
}

#underWrapper
{
	height: 921px;
	margin-left: 18px;
	width: 959px;
}

#secNavBoxes
{		
	color: #151F3C;	
	width: 236px;	
}

.deptBox
{	
	padding-top: 10px;
	width: 236px;
}

.deptBox .cartTitle
{
	background: url(../images/topCurve.jpg) no-repeat center top;	
	color: #FFF;
	padding: 11px 0;
	text-align: center;
	text-decoration: none;
}

.deptBox .text
{
	background: #F7F8FB;
	border-left: solid 1px #151F3C;
	border-right: solid 1px #151F3C;
	font-size: .9em;
	padding: 5px 11px;	
	min-height: 20px;
}

.deptBox .btmCurve
{
	background: url(../images/btmCurve.jpg) no-repeat left top;		
	height: 21px;
	padding: 0 6px;
	text-indent: 5px;
	width: 224px;
}

.quickLinks
{	
	background: url(../images/quickLinks.png) no-repeat;
	font-size: .9em;
	height: 330px;
	margin-top: 10px;
	width: 236px;
}

.quickLinks .qlText
{
	padding: 10px 5px;
}

.qlText .qlTitle
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

#content
{
	background: #151F3C url(../images/contentBtmCurve.jpg) no-repeat center bottom;
	float: right;		
	line-height: 24px;
	padding: 12px 10px;	
	width: 695px;
}

#footerSec
{
	clear: right;
	color: #151F3C;	
	float: right;
	padding: 20px 0;
	text-align: center;
	width: 715px;
}
