@import url("widescreen_lt3.css");


/*=====================================================( GLOBALS )===*/
/*===================================================================*/

/* we now use this for lots of stuff rather than the body tag, because using the body tag has nasty side effects when the window has to scroll horizontally in IE<8 */
.allContainer
{
	background: #bfbebb;
}
header.page h1 a						{ color: #251f18; }
.slogan									{ color: #fff; background: #9F261D; }

/* column colors */
.mainTable td.leftColumn, .editorContentLeft	{ color: #fff; background: #5C140F; }
.mainTable td.rightColumn, .editorContentRight	{ color: #251f18; background: #dcd3c8; }
.mainTable td.rightColumn > .pull				{ background: #dcd3c8; }

/* global stuff */
a		{ color: #5C140F; }
a:hover { color: #c41609; }

#photoStrip .photo1 div
{
	background: url(./images/red_photo1.jpg) no-repeat top left;
}
#photoStrip .photo2 div
{
    background: url(./images/red_photo2.jpg) no-repeat top center;
}
#photoStrip .photo3 div
{
    background: url(./images/red_photo3.jpg) no-repeat top center;
}
#photoStrip .photo4 div
{
    background: url(./images/red_photo4.jpg) no-repeat top center;
}
#photoStrip .photo5 div
{
    background: url(./images/red_photo5.jpg) no-repeat top center;
}
#photoStrip .photo5 { display: table-cell; }
.ie7 #photoStrip .photo5 { display: block; }

.search.bar .searchField
{
	border: 1px solid #843b35;
}

/*===================================================( HEADLINES )===*/
/*===================================================================*/

/* section intro & main column promotion headlines */
h2, .centerColumn section h3	{ color: #5C140F; }
.rightColumn .box header		{ color: #252018; background-color: #c4b5a2; }

/*===============================================( FOOTER PIECES )===*/
/*===================================================================*/

footer .text { background-color: #5C140F; }

/*==============================================( NARROW COLUMNS )===*/
/*===================================================================*/

.leftColumn a		{ color: #ddd6d6;  }
.leftColumn a:hover	{ color: #f3f36e;  }


.rightColumn a			{ color: #614e4d; }
.rightColumn a:hover	{ color: #100; }


/* links outside the content BG, often set against the same
(different) background color: footer nav, vertical logo, etc. */
footer.misc a			{ color: #3a2d2d; }
footer.misc a:hover		{ color: #140706; }
nav.footer > ul > li	{ border-color: #9f8785; }


/*===========================================( NAVIGATION PIECES )===*/
/*===================================================================*/


/*================ all BLOCK-LINK-STYLE NAVS, HORIZONTAL AND VERTICAL */

nav.block a, nav.topLevelBlock > ul > li > a
{
	color: white;
}
/* hovers and highlights */
nav.block li.current > a,
nav.block li.open > a,
nav.block li:hover > a /* the hover is on the LI for ie6 to work */
{
	background: #9F261D;
}

/* menu items, non-top level */
nav.block li li.current > a,
nav.block li li.open > a,
nav.block li li:hover > a /* the hover is on the LI for ie6 to work */
{
	color: #fff;
	background: #9F261D;
}



/* menu items, non-top level */
nav.horizontal.block li.current > a,
nav.horizontal.block li.open > a,
nav.horizontal.block li:hover > a /* the hover is on the LI for ie6 to work */
{
	color: #fff;
	background: #6d5c46;
}
/* menu items, non-top level */
nav.horizontal.block li li.current > a,
nav.horizontal.block li li.open > a,
nav.horizontal.block li li:hover > a /* the hover is on the LI for ie6 to work */
{
	color: #fff;
	background: #9D8465;
}

/* VERTICAL NAV STYLE */
.column nav.vertical > ul > li a		{ color: #fff; }

/* HORIZONTAL-BLOCK STYLE */
nav.horizontal.block					{ background: #9D8465; }

/* menus */
nav.menu > ul ul				{ background: #5C140F; }
nav.horizontal.menu > ul ul		{ background: #6d5c46; }