/* begin new css layout */

body
{
	margin: 0;
	padding: 0;
	background: #6C1218;
	background-image: url(../images/content_bg.gif);
	font: 12px Arial;
}

body
{
	min-width: 800px;
}
h4, h5 
{
	font: 12px Arial;
	font-weight: bold;
}

#contentwrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	min-height: 600px;	
}
	
#wrapper
{
	background: #fff;
	margin: 0;
}

#header
{
	color: white;
	padding: 3px;
}

h1
{
	margin: 5px;
}

#left
{ 
	width:282px;
	float: left;
}
h2
{
 font-size: 9pt;
 color: #F2B986;
 text-align: center;
 width: 275px;
}
#header a
{
	color: white;
	text-decoration: none;
}

#header ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#search
{
	text-align: right;
	float:right;
	margin-top: -40px;
}

#header li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#header form
{
	display: inline;
}

#cartnavigation
{
	color: white;
	background: #838c9d;
	background-image: url(../images/cart_nav_bg.jpg);
	height: 30px;
	text-align: center;
	padding-top: 11px;
	
}

#cartnavigation a
{
	color: white;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	
}

#cartnavigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	position: relative;
	top: 15px;
	
}

#cartnavigation li
{
	display: inline;
	margin: 10px 10px 0 10px;
	padding: 10px;
}

#cartnavigation form
{
	display: inline;
}

#dptnavigation
{
	color: white;
	background: #838c9d;
	background-image: url(../images/dept_nav_bg_lg.jpg);
	height: 63px;
	text-align: center;
	padding-top: 15px;
	
}

#dptnavigation a
{
	color: #F2B986;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: 600;
}

#dptnavigation ul
{
	
	width: 880px;
	list-style: none;
	display: inline;
	margin-left: 10px;
	padding: 0;
}

#dptnavigation li
{
	display: inline;
	
}

#dptnavigation form
{
	display: inline;
}

#hpContent
{
	vertical-align: top;	
	background: #F6CEAB;	
	margin-bottom: -6px;	
}

#hpImage
{
	position: relative;	
	top:-1px;
	z-index: 1;
}

#hpDynDept
{
	background: url(../images/homepageDeptBg.jpg) repeat-y;
	position: relative;
	top: -6px;	
	padding: 0 34px;
}

#hpDynDeptHeader 
{
	text-align: center;
	font-weight: bold;
	font-size: 20px;	
	padding-top: 10px;
}

.hpDynDeptSection
{
	float: left;
	width: 385px;
	margin-right: 21px; 	
}

.hpDynDeptSectionTop
{
	background: url(../images/homepageDeptSectionBgTop.gif) no-repeat;
	width: 385px;
	height: 15px;
	margin: 10px 10px 0px 10px;	
}
	
.hpDynDeptSectionMiddle
{
	background: url(../images/homepageDeptSectionBgMiddle.gif) repeat-y;
	width: 355px;	
	margin: 0px 10px 0px 10px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	padding: 0px 15px 10px 15px;
	border: 0px solid red;
}

.hpDynDeptSectionBottom
{
	background: url(../images/homepageDeptSectionBgBottom.gif) no-repeat;
	width: 385px;
	height: 26px;
	margin: 0px 10px 0px 10px;
}

.hpDynDeptImage
{
	margin: 0px 12px 3px 0px;
	float: left;	
}

.hpDynDeptName 
{
	text-align: center;		
	padding-bottom: 5px;
}

.hpDynDeptName a 
{	
	color: #000;
	text-decoration: none;
}

.hpDynDeptName a:hover 
{	
	color: #6C1218;
}

.hpDynClassesText
{
	margin-bottom: 10px;
}

.hpDynClassesText a
{
	text-decoration: none;
	color: #000;
}

.hpDynClassesText a:hover
{
	color: #6C1218;
}

.hpDynClassesText a.className
{
	font-size: 15px;
	font-weight: normal;
}

#content
{
	vertical-align: top;
	padding: 5px 20px;
	background: #F6CEAB;
	min-height: 500px;
	background: url(../images/contentBg.jpg) repeat-y;	
}

#hpFooter
{
	color: #6C1218;
	background-image: url(../images/footer_bg_hp.gif);
	height: 130px;
	padding-top: 15px;
}

#footer
{
	color: #6C1218;
	background-image: url(../images/footer_bg.gif);
	height: 130px;
	padding-top: 45px;
	clear: both;
}

#footer a:link, #hpFooter a:link
{
	color: #6C1218;
	text-decoration: none;
}

#footer a:visited, #hpFooter a:visited
{
	color: #6C1218;
	text-decoration: none;
}

#footer a:hover, #hpFooter a:hover
{
	color: #6C1218;
	text-decoration: underline;
}


.tl 
{
background:transparent url(../images/tl.gif) no-repeat scroll 0pt;
height: 45px;
position: relative;
top:-14px;
padding:0;
margin:0;
}

.tr 
{
background:transparent url(../images/tr.gif) no-repeat scroll 100% 0pt;
height: 45px;
position: relative;
top:3px;
padding:0;
margin:0;
}

#topnavDyn { /* all lists */
		padding: 0;
		margin: 0 0 0 0;
		*margin: 0px 0 0 0;
		float: left;		
		position: relative;
		z-index: 2;		
	}	
	
	#topnavDyn ul { 
		padding: 0;
		margin: 0;
		/*margin-bottom: -1px;*/
		list-style: none;
		float: left;
		width: 50px;	
		border: 0px solid green;
	}
	
	#topnavDyn li { /* all list items */
		float: left;
		height: 29px;
		*height: 29px;
		border: 0px solid yellow;
	}	
	#topnavDyn li li {
		height: auto;
	}
	#topnavDyn li ul { /* second-level lists */
		position: absolute;
		left: -999em;
		margin-left: -0em;
		*margin-left: -0em;
		margin-top: 0em;		
		*margin-top: em;
	}	
	#topnavDyn li ul ul { /* third-and-above-level lists */
		position: absolute;
		left: -999em;
		margin-left: 16em;
		*margin-left: 16em;
		margin-top: -0em;
	}		
	#topnavDyn li a {
		width: auto;
		display: block;	
		font-weight: bold;
		text-decoration: none;
		color:#F2B986;
		background: none;
		padding: 2px 10px;
		border: 0px solid red;
	}	
	#topnavDyn li a.top {
		width: 100px;	
		display: inline;
		float: left;
		font-weight: bold;
		text-decoration: none;
		color:#000;
		background: none;
		padding: 0px;
		text-align: center;
	}
	#topnavDyn li a:hover {
		color: #fff;
		background-color: none;		
	}	
	#topnavDyn li li a {
		width: 166px;		
		display: block;	
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		color:#fff;
		background: #254363;	
		filter: alpha(opacity=90); 
		-moz-opacity: .90; 
		opacity: .90; 
		padding: 2px 10px;
	}	
	#topnavDyn li li a:hover {
		color: #fff;		
		text-decoration: none;
		/*background: #8d98ea;*/
		font-weight: bold;
	}		
	#topnavDyn li:hover ul ul, #topnavDyn li:hover ul ul ul, #topnavDyn li.sfhover ul ul, #topnavDyn li.sfhover ul ul ul {
		left: -999em;		
	}	
	#topnavDyn li:hover ul, #topnavDyn li li:hover ul, #topnavDyn li li li:hover ul, #topnavDyn li.sfhover ul, #topnavDyn li li.sfhover ul, #topnavDyn li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
		
	#topnavDyn li:hover ul, #topnavDyn li.sfhover ul {
		z-index: 8009;
		min-height: 0;	
	}