/* !LAYOUT */
/****************************/

body {background: url(../images/content-bg.jpg) repeat-x;}
#content {overflow: hidden; padding-top: 157px;}
#page {
	margin: 0 auto;
	position: relative;
	width: 844px;
}
#header, #masthead {
	position: absolute;
	top: 0;
	width: 100%;
}
#titlebar {margin-top: 38px;}
.column {margin-top: 20px;}
#mainContent, .mainContent,
#sidebar, .sidebar {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 564px;
}
#mainContent.wide, .mainContent.wide {width: 100%; margin-right: 0;}
#sidebar, .sidebar {float: right;width: 260px; margin-right: 0;}
.errorField {background:#FBE3E4;}

/* !TITLEBAR */
/****************************/

#masthead, #titlebar {
	height: 38px;
	width: 100%;
}
#titlebar,
#titlebar h3,
#titlebar p {
	background: url(../images/titlebar-sprite.jpg) no-repeat;
	background-position: center top;
	height: 53px;
	text-indent: -5000px;
	width: 275px;
}

body.us #titlebar {background-position: center top;}
body.uk #titlebar {background-position: center -159px;}
body.ukrs #titlebar {background-position: center -212px;}

#titlebar {overflow: hidden; width: 100%;}

#titlebar h3, #titlebar p {
	background-position: 0 -53px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

body.us #titlebar h3 {background-position: 0 -318px;}
body.uk #titlebar h3 {background-position: 0 -53px;}
body.ukrs #titlebar h3 {background-position: 0 -265px;}

#titlebar p {
	background-position: right -106px;
	float: right;
}

/* !MASTHEAD */
/****************************/

.mhDropdown {
	display: inline;
	float: left;
	padding: 0;
	z-index: 999; /* to overlay cycling news and events */
}
.mhHeader {
	background: url(../images/masthead-sprite.jpg) no-repeat;
	margin-right: 10px;
	padding: 0 0 0 25px;
}
#loginWrap .mhHeader {background-position: 0 -76px;}
.mhHeader span {
	background: url(../images/masthead-sprite.jpg) no-repeat;
	background-position: right -152px;
	color: black;
	cursor: default;
	display: block;
	font-weight: bold;
	line-height: 38px;
	padding: 0 15px 0 0px;
	text-decoration: none;
}
/* .mhDropdown:hover .mhHeader {background-color: #222; background-position: 0 -38px;} */
#locationWrap.hover .mhHeader,
#loginWrap:hover .mhHeader {background-color: #222; background-position: 0 -38px;}
/*
.mhDropdown:hover a, .mhDropdown:hover span, .mhContent {
	color: white; 
	background-color: #222;
	background-position: right -190px;
	z-index: 999;
}
*/
#locationWrap.hover a, #locationWrap.hover span,
#loginWrap:hover a, #loginWrap:hover span, .mhContent {
	color: white; 
	background-color: #222;
	background-position: right -190px;
	z-index: 999; /* to overlay cycling news and events */
}
.mhContent h4 {
	font-size: 1.4em;
	overflow: hidden;
	padding-bottom: 20px;
}
.mhContent h4 a, .mhContent h4 span, .mhContent h5 a {
	padding: 5px; 
	text-decoration: underline; 
	cursor: default;
}
/* #loginWrap.mhDropdown:hover .mhHeader {background-position: 0 -114px;} */
#loginWrap.mhDropdown:hover .mhHeader {background-position: 0 -114px;}
.mhContent {
	left: -5000px;
	padding: 20px 20px 0 20px;
	position: absolute;
	top: 38px;
}
/*.mhDropdown:hover .mhContent {left: auto;}*/
#locationWrap.hover .mhContent,
#loginWrap:hover .mhContent {left: auto;}
.regionChoice, .companyChoice {display: inline; float: left;}
.companyChoice {display: none; margin-right: 20px;}
.eaaRegion:hover .companyChoice {display: inline;}
#searchForm {
	display: inline;
	float: right;
	margin-top: 8px; /* line height just would not work in firefox */
	position: relative;
}

#loginWrap.loggedOut .liTitle,
#loginWrap.loggedOut .liContent,
#loginWrap.loggedIn .loTitle,
#loginWrap.loggedIn .loContent {display: none;}

/* !AUTOSUGGEST */
/*****************************/
#searchForm p {padding: 0; margin: 0;}
.autoSuggest {
	background: white; 
	border: 1px solid #222;
	border-width: 0 1px 1px 1px;
	display: none;
	position: absolute;
	right: 0;
}
.autoSuggest ul {
	list-style: none;
}
.autoSuggest ul li {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}
.autoSuggest ul li a {
	display: block;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #e0e0e0;
	text-decoration: none;
}
.autoSuggest ul li a:hover {
	background: #295BC8;
	color: white;
	border-top: 1px solid #206598;
}
.autoSuggest h4 {
	border-top: 1px solid #222;
	padding: 10px;
}
.autoSuggest.loading h4,
.autoSuggest.loading ul {display: none;}

.aLoading {
	display: none;
	padding: 10px;
}
.autoSuggest.loading .aLoading {display: block;}
.autoSuggest.show, .autoSuggest.loading {display: block;}

/* !NEWS AND EVENTS */
/******************************/

#newsEvents {
	overflow: hidden;
	height: 40px;
}
.neSection {
	float: left;
	margin: 4px 0;
	width: 50%;
}
#newsEvents h3 {
	color: red;
	font-size: 1em;
	float: left;
	line-height: 30px;
	/* padding: 10px 10px 10px 25px; */
	padding: 0 0 0 25px;
	background: url(../images/news-events-sprite.jpg) no-repeat;
	background-position:  0 -4px;
	height: 1%; /* IE7 to get bg image to display */
}
#eventsSection h3 {background-position: 0 -80px;}
#newsEvents p {
	font-size: 1em;
	line-height: 30px;
	height: 30px; overflow: hidden;
	/* width: 100%; */ /* for cycle plugin */
	width: 350px;
}
#newsEvents a,
#newsEvents span {
	color: black;
	padding: 5px;
	text-decoration: none;
}
#newsEvents a:hover {background: #222; color: white;}

.pagination {text-align: center;}
.pagination a {text-decoration: none; font-weight: bold;}

table.eventsTable th {text-align: center; border-right-width: 0;}
table.eventsTable th.nextCell {border-right-width: 1px;}
table.eventsTable th a {color: white; text-decoration: none; font-weight: bold; font-size: 2.0em;}
table.eventsTable .dayNames td {background: #f0f0f0; border-right-width: 0;}
table.eventsTable .dayNames td.Sa {border-right-width: 1px;}
table.eventsTable .week td {padding: 0; width: 14%; height: 74px;}
table.eventsTable .calDay {
	display: block;
	padding: 10px;
}
table.eventsTable .calContent a {
	background: gray; 
	color: white; 
	display: block;
	text-decoration: none;
	padding: 10px;
}
table.eventsTable .calContent a:hover {background: black;}

/* !MENU */
/*******************************************/

#menu {
	/* overflow: auto; */
	overflow: hidden; 
	margin-bottom: 1px; /* for the black line */
	/* z-index: 9999; */
}
#menu ul, #menu li a {
	border-right: 1px solid #a4a4a4;
	line-height: 27px;
}
#menu ul, #menu li {
	display: inline;
	float: left;
	line-height: normal;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 27px;
}
#menu li a {
	background: url(../images/menu-sprite.jpg) repeat-x;
	background-position: right top;
	border-right: 1px solid white;
	border-left: 1px solid #a4a4a4;
	color: black;
	display: block;
	font-weight: bold;
	height: 27px;
	padding: 0 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

/* #newUser #menu .users a, */
#menu li:hover a,
#menu li.hover a {
	background-position: 0 -27px;
	border-color: #3157a0;
	color: white;
	text-shadow: 0px 1px 0px rgba(0,0,0,1);
}

#menu li.hasChildren a {background-position: right -54px; padding-right: 20px;}
#menu li.hasChildren:hover a,
#menu li.hasChildren.hover a {background-position: right -81px;}

/* SECOND LEVEL */

#menu li ul {
	background: #222;
	border: none;
	display: block;
	left: -5000px;
	height: auto;
	/* padding: 10px 0; */
	position: absolute;
	z-index: 901; /* cycle plugin apparently uses 900 */
}
#menu li.hasChildren li {
	clear: left;
	display: block;
	float: left; /* floating and clearing left are for IE7 3px of death, otherwise it would be float: none */
	height: 1%; /* http://css-class.com/articles/explorer/sticky/index.htm */
	position: relative;
	width: 150px;
}
#menu li:hover ul {left: auto;}
#menu li:hover li ul {left: -5000px;}

#menu li li:hover ul {left: auto;}
#menu li li:hover li ul {left: -5000px;}

#menu li li li:hover ul {left: auto;}
#menu li li li:hover li ul {left: -5000px;}

#menu li.hasChildren li a {
	/* background: #222; */ /* ie6 */
	background: none;
	border: none;
	color: white;
	height: auto;
	line-height: normal;
	text-decoration: none;
	display: block;
	padding: 10px 20px;
}
#menu li.hasChildren li.hasChildren a,
#menu li.hasChildren li.hasChildren li.hasChildren a,
#menu li.hasChildren li.hasChildren li.hasChildren li.hasChildren a,
#menu li.hasChildren li.hasChildren:hover li a {
	background-image: url(../images/menu-sub-arrow.png);
	background-repeat: no-repeat;
	background-position: right 1.25em;
	padding-right: 25px;
}
#menu li.hasChildren li:hover,
.mhContent a:hover,
.regionChoice:hover h4 a,
.regionChoice:hover h4 span {background-color: #295bc8 !important;}
/* #menu li.hasChildren li.hasChildren:hover a {background-image: url(../images/menu-sub-arrow.png);} */

#menu li.hasChildren li.hasChildren ul {margin-left: 150px; top: 0;/*  left: -5000px; */}
/* #menu li.hasChildren li.hasChildren:hover ul {left: auto;} */

#menu li.hasChildren li.hasChildren li a,
#menu li.hasChildren li.hasChildren:hover li a,
#menu li.hasChildren li.hasChildren li.hasChildren li a,
#menu li.hasChildren li.hasChildren li.hasChildren:hover li a {background-image: none;}
#menu li.hasChildren li.hasChildren li.hasChildren a,
#menu li.hasChildren li.hasChildren li.hasChildren li.hasChildren a {
	background-image: url(../images/menu-sub-arrow.png);
}
/*
#menu li.hasChildren li.hasChildren li.hasChildren:hover a {
	background-image: url(../images/menu-sub-arrow.png);
}
*/
#menu li li.locked a {
	background-image: url(../images/locked.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 8px center !important;
}

/* !BANNER */
/*************************/

body#homePage {background: url(../images/home-content-bg.jpg) repeat-x;}
#homePage #content {padding-top: 158px;}
#homePage .column {margin-top: 0;}
#homePage #banner {
	height: 234px;
	padding: 20px 0 40px 0;
	width: 844px;
}
#homePage #banner div.media {margin: 0 auto;}


/* !BREADCRUMBS */
/**************************/

.breadcrumbs {
	font-size: 1em;
	overflow: hidden; 
	/* padding-top: 20px; */ 
	padding-bottom: 20px; 
}
.breadcrumbs strong {
	color: gray;
	display: inline;
	float: left;
	margin-right: 5px;
}
.breadcrumbs a,
.breadcrumbs a span {
	background-color: #b8b8b8;
	background-image: url(../images/breadcrumb-sprite.jpg);
	background-repeat:  no-repeat;
	background-position:  0 -56px; /* left arrow */
	color: white;
	cursor: pointer; /* IE7 */
	display: inline;
	float: left;
	font-weight: bold;
	height: 14px;
	min-width: 0; /* IE7 trigger hasLayout */
	padding: 0 0 0 8px;
	text-decoration: none;
}
.breadcrumbs a span {
	background-position: right -28px; /* right arrow */
	padding: 0 8px 0 0;
}
.breadcrumbs a.first {background-position: 0 0; /* left curve */}
.breadcrumbs a.last span {background-position: right -84px; /* right curve */}

.breadcrumbs a:hover {background-color: #222; background-position:  0 -70px; /* left arrow hover */}
.breadcrumbs a:hover span {background-color: #222; background-position:  right -42px; /* right arrow hover */}

.breadcrumbs a.first:hover {background-position: 0 -14px; /* left curve hover */}
.breadcrumbs a.last:hover span {background-position: right -98px; /* right curve hover */}

.breadcrumbs .arrow {display: none;}

/* !SITEMAP */
/******************************/

.sitemapList li {
	background: none !important;
	font-weight: bold !important;
	line-height: 20px !important;
	padding: 0 !important;
}
.sitemapList li span:hover {cursor: pointer !important;}

.sitemapList li span {
	padding: 3px 7px !important;
}
.sitemapList ul {
	margin-left: 20px !important;
	overflow: hidden !important;
}
.sitemapList ul li li {
	padding-left: 15px !important;
	background: url(../images/tree-line.gif) no-repeat !important;
	list-style-position: inside !important;
	font-weight: normal !important;
	margin-top: 0 !important;
}
.sitemapList ul li li.last {
	background: url(../images/tree-last.gif) no-repeat !important;
}
.sitemapList ul li.selected li span {
	background-color: inherit !important;
	border-right-color: inherit !important;
	color: inherit !important;
}

/* !FOOTER */
/***************************/

#footer {
	border-top: 1px solid silver;
	overflow: auto;
}
#footer p,
#footer li {
	color: gray;
	font-size: 1em;
	margin: 10px 0;
	text-align: center;
	padding-bottom: 0;
}
a.rss {
	background: url(../images/rss.png) no-repeat;
	margin-left: 2px;
	padding-left: 17px;
}
#footer p.right {
	display: inline;
	float: right;
	text-align: right;
}
#footer ul, #footer li {
	display: inline;
	float: left;
	list-style: none;
	text-align: left;
}
#footer li {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid silver;
}
#footer li.last {
	border-right: none;
}