/* ----- GLOBAL & BODY ----- */
body {
	margin: 0 auto;
	background: #772200 url(../images/bgd_gradient.gif) repeat-x top;
}

* { 
	margin: 0;
	padding: 0;
}

* html img,
* html #contentcontainer,
* html #banner,
* html #menu,
* html #footer,
* html #footerlinks, 
* html #leftmenucontainer,
* html #menucontainer { behavior: url(iepngfix.htc); }

/* ----- PAGE STRUCTURE ----- */

#container { PADDING: 0px; MARGIN: 0px auto; TEXT-ALIGN: center}
#banner { margin: 0px auto; padding: 0px; width: 850px;}
#banner { height: 227px;}
body.bodyhome #banner { height: 227px;}
#contentcontainer { margin: 0px auto; padding: 0px; width: 850px; text-align: left; background: transparent url(../images/bgd_main.gif) repeat-y center; border: none;}
#left {	MIN-HEIGHT: 250px; FLOAT: left; WIDTH: 215px; TEXT-ALIGN: left; padding: 0px; margin: 0px;}
#right { Z-INDEX: -1; text-align: left; float: left; width: 620px;}
#footer { font-size: 10px; text-align: left; background: transparent url(../images/bgd_footer.png) no-repeat center top; height: 42px; width: 850px; margin: 0px auto; padding: 0;}
#footer #footertext { float: left; padding: 7px 20px 0px 15px;}
#footerlinks { font-size: 10px;  text-align: left; width: 850px; min-height: 58px; background: transparent url(../images/bgd_footer_links.png) no-repeat center top; margin: 0px auto 0px auto; padding: 0px;}
#footerlinks span { font-size: 10px; text-align: left; margin: 0px; padding: 0px 15px 15px 220px;}

/* ----- LEFT MENU (http://css-class.com/articles/ursidae/)----- 

#leftmenucontainer { width: 197px; margin: 0px; padding: 0px 0px 60px 0px;}
#menu { Z-INDEX: 5; MIN-HEIGHT: 450px; padding: 0px 0px 0px 15px; BACKGROUND: transparent url(../images/bgd_nav.png) no-repeat left bottom; TEXT-ALIGN: left;}

UL#navigation { FONT: bold 11px "Lucida Grande", verdana, arial, helvetica, sans-serif;}
UL#navigation { PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;}
UL#navigation UL { PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;}
UL#navigation UL { BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid;}
UL#navigation LI { FLOAT: left; LINE-HEIGHT: 1.35em; POSITION: relative;}
UL#navigation LI.main { 
	WIDTH: 182px;}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 
	float: none;
}
#navigation LI.main A.main {
	DISPLAY: block; 
	PADDING: 4px 0px 4px 8px; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: transparent 1px solid;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	background: transparent url(../images/bgd_hover_both.gif) no-repeat center bottom;
}
#navigation LI.main UL LI A {
	DISPLAY: block; 
	PADDING: 4px 0px 4px 4px; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	BORDER-RIGHT: #FFFFFF 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}
UL#navigation LI LI A {
	WIDTH: 185px; BACKGROUND-COLOR: #772200; TEXT-ALIGN: left; /*           ****CHANGE-SUBMENU**** 
}
UL#navigation LI LI LI A {
	WIDTH: 15em; /*           ****CHANGE-SUB-SUB-MENU**** 
}
UL#navigation LI A:hover, UL#navigation UL LI:hover A:hover { /* The hovered style for submenus 
	COLOR: #FFFFFF; BACKGROUND-COLOR: #A62305;
}
UL#navigation LI.main A.main:hover { /* The hovered style for main menus 
	COLOR: #FFFFFF;
	background: #A62305 url(../images/bgd_hover_both.gif) no-repeat center top; 
	border-bottom: 1px solid #FFFFFF;
}
ul#navigation li li { /* Needed for IE6 and IE7 for vertical menus 
	float: left;
}
UL#navigation LI UL { /* Hides the first unhovered submenu 
	LEFT: -999em; BOTTOM: 0px; POSITION: absolute;
}
#navigation LI:active UL UL, 
#navigation LI:active UL UL UL, 
#navigation LI:hover UL UL, 
#navigation LI:hover UL UL UL,
#navigation LI.sfhover UL UL,
#navigation LI.sfhover UL UL UL { /* Hides the second and following unhovered submenus 
	LEFT: -999em;
}

#navigation LI:hover UL,
#navigation LI LI:hover UL,
#navigation LI LI LI:hover UL,
#navigation LI.sfhover UL,
#navigation LI LI.sfhover UL,
#navigation LI LI LI.sfhover UL {
	LEFT: -1px; MARGIN-LEFT: 100%; TOP: 0px;
}

#navigation LI.main:hover A.main, #navigation LI.sfhover A.main {/* Allows parent list item to be highlighted 
	color: #FFFFFF;
	background: #A62305 url(../images/bgd_hover_both.gif) no-repeat center top;
	border-bottom: 1px solid #FFFFFF;
}

/* ----- LINKS ----- */

#footer { color: #FFFFFF; font-size: 11px;}
#footer a { color: #FFFFFF; text-decoration: underline;}
#footer a:hover, #footer a:visited, { color: #FFFFFF; text-decoration: none;}
#footer a.newsletter { color: #FFFFFF; text-decoration: none; font-weight: bold;}
#footer a.newsletter:hover { color: #FD4848; text-decoration: none; font-weight: bold;}
#footerlinks  a { color: #CCCCCC; text-decoration: none;}
#footerlinks a:hover { text-decoration: none;}

/*
.login { padding: 30px 12px 0px 55px; background: url(../images/login_bgd.gif) no-repeat right top;}
.loginfooter { background: transparent url(../images/login_footer.gif) no-repeat right top; height: 22px;} */

/* -------- OLG ------- */

#olg { float: right; padding: 10px 10px 0px 0px;}
#olg a, #olg a:visited, { text-decoration: none;}
#olg a:hover { text-decoration: underline;}