@charset "UTF-8";

@import url(defaults.css);

/**************/
/* BREADCRUMB */
/**************/

#breadcrumb {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	color: #999999;
	width: 910px;
	padding: 20px 0px 10px 40px;
}

#breadcrumb a {
	color: #999999;
	font-weight: normal;
}

#breadcrumb span {
	font-weight: bold;
}

/**************/
/* SEARCH BOX */
/**************/

div.col2 #search input {
	width: 204px;
	height: 25px;
	font-weight: bold;
	color: #9D9D96;
	background-color: #F1F1EE;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 10px 5px 10px;
	border: none;
}

div.col2 #search input.btnSearch {
	padding: 0px;
	width:94px;
	height:36px;
	margin-top: 10px;
}

/***********/
/* GENERIC */
/***********/

p.back2top {
	float: left;
	margin-top: 20px;
}

#feedbackButton {
	position: fixed;
	top: 300px;
	left: 0px;
}

/******************/
/* GENERAL LAYOUT */
/******************/

#containerHeader {
	width: 100%;
	background-image: url(/_images/headers/home-notloggedin.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div.container {
	width: 950px;
	margin: 0px auto;
}

div.container div {
	float: left;
}

div#header {
	width: 950px;
	height: 203px;
	margin: 0px auto;
}

div#header p {
	float: left;
	padding: 0px;
	margin: 0px;
}

div#header p.epukLogo {
	width: 150px;
	padding-right: 570px;
	padding-left: 80px;
}

div#header ul {
	float: left;
	width: 950px;
	margin: 0px;
	padding: 95px 0px 0px 0px;
}

div#header li {
	float: right;
	display: block;
	list-style: none;
	background-image: none;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	width: auto;
	padding-left: 15px;
}

div#header li a {
	color: #FFFFFF;
	font-weight: bold;
}

div#header li a.selected {
	background-image: url(/_images/common/bkg_nav.png);
	background-repeat: no-repeat;
	width: 75px;
	background-position: 0px;
}

div.content {
	width: 950px;
	padding: 40px 0px;
}

div#containerFooter {
	width: 100%;
	float: none;
	clear: both;
	background-image: url(/_images/bkg_footer.gif);
	background-position: center;
	background-repeat: repeat-y;
}

div#footer {
	width: 950px;
	margin: 40px auto 0px auto;
	padding: 45px 0px 20px 0px;
	background-color:#F1F1EE;
/*	background-image: url(/_images/common/footer_dashed_border.gif);
	background-repeat: repeat-x;*/
}

div#footer div {
	float: left;
	width: 475px;
}

div#footer div.col1 {
	padding-top:86px;
}

div#footer div.col1 p a {
	color:#666666;
}

div#footer p {
	color: #666666;
	float: left;
	font-size: 14px;
/*	background-color: #FFEFD5; */
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div#footer ul {
	margin: 0px;
	padding: 0px;
	float: left;
/*	background-color: #7CFC00; */
}

div#footer li {
	list-style: none;
	float: left;
	background-image: none;
	color: #666666;
	padding: 0px;
	display: block;
	margin: 0px;
	font-size: 14px;
}

div#footer div.col1 li {
	padding-right: 20px;
}

div#footer div.col1 ul li.first {
	padding-top: 25px;
}

div#footer div.col2 {
	float: left;
}

div#footer div.col2 img {
	float: right;
}

div#footer div.col2 ul {
	float: right;
	width: 475px;
	padding-top:27px;
}

div#footer div.col2 li {
	float: right;
}

div#footer div.col2 li a {
	font-size: 14px;
	color: #666666;
	margin-right: 10px;
	border-bottom: thin dotted;
}

div#footer div.col2 li a:hover {
	border-bottom: thin solid;
	text-decoration: none;
}

h1.searchSite {
	color:#007597;
	font-size:24px;
	margin-top:0;
	padding-bottom:5px;
	border: none !important;
	margin-bottom:0px;
}

/****************************/
/* HOMEPAGE - NOT LOGGED IN */
/****************************/

#col1 div {
}

#col1 {
	width: 725px;
/*	background-color: #FFDEAD; */
}

#col1 div {
	float: left;
}

#col2 {
	padding-top: 45px;
	width: 225px;
/*	background-color: #DCDCDC; */
	height: 1000px;
}

#col2 img {
	margin-bottom: 15px;
}

#col2 p {
	font-size: 14px;
	font-weight: bold;
}

#col2 a, #col2 a:visited {
	color: #007597;
}

#introImage {
	width: 200px;
}

#introText {
	width: 510px;
	padding-left: 15px;
}

#introText p {
	width: 450px;
}

#home li {
	margin-bottom: 10px;
}

#benefits, #whatPeopleSay {
	width: 635px;
	padding: 0px 45px 10px 45px;
}

#benefits hr, #whatPeopleSay hr {
	margin: 20px 0px 30px 0px;
	display: block;
	color: #e2e2e2;
}

#benefits ul {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

#benefits li {
	float: left;
	display: block;
	width: 145px;
	padding: 75px 6px 0px 6px;
	margin: 0px;
	font-size: 13px;
	text-align: center;
	background-image: url('/_images/home/icon_search.png');
	background-repeat: no-repeat;
	background-position: top center;
	list-style: none;
	color: #333333;
}

#benefits li.personalise {
	background-image: url('/_images/home/icon_personalise.png');	
}

#benefits li.updated {
	background-image: url('/_images/home/icon_updated.png');	
}

#benefits li.pdf {
	background-image: url('/_images/home/icon_pdf.png');	
}

#benefits li.alerts {
	background-image: url('/_images/home/icon_alerts.png');	
}

#benefits li span {
	font-weight: bold;
	width: 145px;
	display: block;
	color: #333333;
}

#benefits p.title {
	width: 700px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	background-image: none;
}

#whatPeopleSay img.man {
	float: right;
	margin-left: 40px;
}

#introImage div.topics {
	width: 172px;
	padding: 15px 0px 10px 10px;
	background-color: #E4F0F4;
	margin-top: 30px;
}
#introImage div.topics h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
#introImage div.topics li {
	font-size: 14px;
	margin-bottom: 7px;
	background-position: 0px 5px;
}
	
/***************/
/* MY HOMEPAGE */
/***************/

	body#my_homepage, body#chapter, body#section {
		font-size: 16px;
	}
	
	body#my_homepage div.content,
	body#chapter div.content,
	body#section div.content,
	body#search div.content,
	body#feedback div.content {
		padding-top: 0px !important;
	}
	
	body#my_homepage div#containerHeader,
	body#my_bookmarks div#containerHeader,
	body#feedback div#containerHeader {
		background-image: url(/_images/headers/hdr_my_homepage.jpg);
		background-repeat: no-repeat;
	}
	
	body#my_homepage div.container div.content,
	body#chapter div.container div.content,
	body#section div.container div.content,
	body#feedback div.container div.content {
		padding-left: 40px;
		padding-right: 0px;
		width: 910px;
	}
	
	body#my_homepage div.container div.col1 p, body#chapter div.container div.col1 p, body#section div.container div.col1 p {
		width: 100%;
	}
	
	body#my_homepage div.container div.col1 h1, body#my_homepage div.container div.col1 h2, body#feedback div.container div.col1 h2 {
		padding-bottom: 5px;
		border-bottom: 2px solid #E2E2E2;
		font-size: 24px;
		color: #007597;
		margin-top: 0px;
	}
	
	body#my_homepage div.content div.col1, body#feedback div.content div.col1 {
		width: 635px;
		padding-right: 50px;
		padding-top: 10px;
	}
	
	body#my_homepage div.content div.col1 p.alert {
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		line-height: 1em;
		color: #FF3300;
		font-weight: bold;
	}
	
	body#my_homepage div.container div.content div.col2,
	body#chapter div.container div.content div.col2,
	body#section div.container div.content div.col2,
	body#feedback div.container div.content div.col2 {
		width: 225px;
	}
	
/**************/
/* MY ACCOUNT */
/**************/

	body#my_account div#containerHeader {
		background-image: url(/_images/headers/hdr_my_account.jpg);
		background-repeat: no-repeat;
	}

/************/
/* CHAPTERS */
/************/

	#browseNav {
		width: 635px;
		height: 56px;
		background-image: url(/_images/my_homepage/brdr_top.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	#browseNav img {
		margin-right: 10px;
	}
	
	#browseChapters, #browseBookmarks {
		background-color: #F1F1EE;
		padding: 20px;
	}
	
	#browseChapters ul, #browseChapters li, #browseBookmarks ul, #browseBookmarks li {
		width: 595px
	}
	
	#browseChapters ul, #browseBookmarks ul {
		margin: 0px;
		padding: 0px;
	}
	
	#browseChapters li, #browseBookmarks li {
		background-color: #F5F5F3;
		display: block;
		float: left;
		list-style: none;
		background-image: none;
		padding: 10px;
		width: 575px;
		border-bottom: 1px solid #F1F1EE;
	}
	
	#browseChapters li a, #browseBookmarks li a {
		color: #3E3E3E;
		width: 100%;
		display: block;
	}
	
	#browseChapters li.even, #browseBookmarks li.even {
		background-color: #F9F9F8;
	}
	
	#browseChapters li.on, #browseBookmarks li.on {
		background-color: #D6E9EE;
	}
	
	#browseChapters li p, #browseBookmarks li p {
		float: left;
		padding: 0px;
		margin: 0px;
	}
	
	#browseChapters li p.num, #browseBookmarks li p.num {
		width: 22px !important;
		padding-right: 18px;
		background-image: url(/_images/common/bkg_chptr_num.png);
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	#browseBookmarks li p.num {
/*		background-image: url(/_images/my_bookmarks/icon_bookmark.jpg); */
	}
	
	#browseChapters li p.name, #browseBookmarks li p.name {
		width: 515px !important;
	}
	
	#browseChapters li p.info, #browseChapters li p.infoOn, #browseBookmarks li p.info, #browseBookmarks li p.infoOn {
		width: 20px !important;
		height: 18px;
		background-image: url(/_images/my_homepage/icon_info.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	#browseBookmarks li p.info, #browseBookmarks li p.infoOn {
		background-image: url(/_images/my_bookmarks/btn_delete.gif);
	}
	
	#browseChapters li p.infoOn, #browseBookmarks li p.infoOn {
		background-position: 0px -18px;
	}
	
	#browseChapters div.info {
		width: 245px;
		background-color: #D6E9EE;
		z-index: 100;
		position: absolute;
		left: 0px;
		display: none;
	}
	
	#browseChapters div.info h3 {
		font-size: 13px;
		color: #68C5DE;
		margin: 0px;
		padding: 20px 0px 5px 20px;
	}
	
	#browseChapters div.info ul {
		background-color: transparent;
		padding: 0px 0px 0px 20px;
		margin-bottom: 20px;
		float: left;
		width: 225px;
	}
	
	#browseChapters div.info li {
		background-color: transparent;
		font-size: 13px;
		border: none;
		padding: 0px 0px 5px 10px;
		margin: 0px;
		background-image: url(/_images/common/blt_blue.jpg);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		float: none;
		width: 215px;
	}
	
	#browseChapters div.info li a {
		width: auto;
		width: 200px;
	}
	
/***********/
/* CHAPTER */
/***********/

	body#chapter div#containerHeader {
		background-image: url(/_images/headers/hdr_chapter.jpg);
		background-repeat: no-repeat;
	}
	
	body#chapter div.col1 h1, body#section div.col1 h1 {
		font-size: 28px;
		color: #007597;
		width: 606px;
	}
	
	body#chapter div.col1 p, body#section div.col1 p {
		font-size: 14px;
		color: #333333;
	}
	
	body#chapter div.content p.intro, body#section div.content p.intro {
		font-size: 16px;
		color: #000000;
	}
	
	body#chapter div.content p.bookmark, body#section div.content p.bookmark {
		text-align: right;
	}
	
/***********/
/* SECTION */
/***********/

	body#section div#containerHeader {
		background-image: url(/_images/headers/hdr_section.jpg);
		background-repeat: no-repeat;
	}
	
	#mainSections {
		width: 225px;
	}
	#mainSections h1 {
		color:#333333;
		font-size:14px;
		margin: 0px 0px 5px 0px;
	}
	
	#mainSections h1 a {
			color:#007597;
		font-size:18px;
	}
	
	#mainSections h2 {
		background-color:#F1F1EE;
		color:#333333;
		font-size:14px;
		padding:10px;
		width:205px;
		margin: 0px 0px 1px 0px;
		border: none;
	}
	
	#mainSections h2.on {
		background-color:#DAF1F7;
	}
	
	#mainSections h2 a {
		color:#333333;
	}
	
	#mainSections p {
		margin: 0px 0px 30px 0px;
		padding: 0px;
		width: 225px;
		background-color: #DAF1F7;
	}
	
/*********/
/* ABOUT */
/*********/

	body#about div#containerHeader {
		background-image: url(/_images/headers/hdr_about.jpg);
		background-repeat: no-repeat;
	}
	
	body#about div#containerHeader.notLoggedIn {
		background-image: url(/_images/headers/hdr_about_notLoggedIn.jpg);
	}

/*********/
/* NEWS */
/*********/

	body#news div#containerHeader {
		background-image: url(/_images/headers/news1.jpg);
		background-repeat: no-repeat;
	}
	
	body#article div#containerHeader {
		background-image: url(/_images/headers/news2.jpg);
		background-repeat: no-repeat;
	}
	
/**********/
/* EVENTS */
/**********/

	body#events div#containerHeader, body#details div#containerHeader {
		background-image: url(/_images/headers/hdr_events.jpg);
		background-repeat: no-repeat;
	}

/***********/
/* CONTACT */
/***********/

	body#contact div#containerHeader {
		background-image: url(/_images/headers/hdr_contact.jpg);
		background-repeat: no-repeat;
	}
	
	body#contact div#containerHeader.notLoggedIn {
		background-image: url(/_images/headers/hdr_contact_notLoggedIn.jpg);
	}

/**************************/
/* RECENT SEARCHES MODULE */
/**************************/

#recentSearches h2, #recentSearches li a {
	color: #333333 !important;
	font-size: 14px !important;
	border: none !important;
	line-height: 1em;
	margin: 0px;
}

#recentSearches ul {
	margin: 0px 0px 30px 0px !important;
}

#recentSearches li {
	background-image: url(/_images/modules/icon_mag_glass.gif);
	padding: 5px 0px 5px 20px;;
}