@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: #b9c5d6; */
	background: #D7DDE4;
}

header.page h1 a { color: #17253b; }

.slogan { background: #e0e9f6; }
.mainTable td.leftColumn
{
	background-image: url(images/blue_leftgrad.jpg);
}
.mainTable td.rightColumn > .pull { background: #AABBCF; }

/* column colors */
.mainTable td.leftColumn, .editorContentLeft   { color: #333; background-color: #AABBCF; }
.mainTable td.rightColumn, .editorContentRight { color: inherit; background-color: #AABBCF; }

/* global stuff */
a {	color: #10246C; }
a:hover { color: #1a3cb8; }

#photoStrip .photo1 div
{
	background: url(./images/blue_photo1.jpg) no-repeat top left;
}
#photoStrip .photo2 { width: 28%; }
#photoStrip .photo2 div
{
    background: url(./images/blue_photo2.jpg) no-repeat top center;
}
#photoStrip .photo3 div
{
    background: url(./images/blue_photo3.jpg) no-repeat top center;
}
#photoStrip .photo4
{
    display: none;
}

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

/* section intro & main column promotion headlines */
h2, .centerColumn section h3 { color: #003; }
.rightColumn .box header { background-color: #1a395f; }

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

footer .text { background-color: #1a395f; }

/* links outside the content BG, often set against the same
(different) background color: footer nav, vertical logo, etc. */
footer.misc a { color: #1A395F; }
footer.misc a:hover { color: #060c14; }
nav.footer > ul > li { border-color: #8298b6; }

/* 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: #5f7da2;
}


/* HORIZONTAL-BLOCK STYLE */

nav.horizontal.block
{
	text-align: right;
	background: #1a395f url(images/blue_horizgrad.jpg) repeat-y top left;
	zoom: 1;
}


/* ============================= */
/* == menu nav specific stuff == */
/* ============================= */

/* menus */
nav.menu > ul ul
{
	background: #1a395f;
	width: 240px;
}
nav.vertical.menu > ul ul
{
	background: #4F6887;
	width: 240px;
}