#licence { background: #efefef; border: dashed 1px #cccccc; padding: 5px; }
/* 
--------------------------------------
Events table css
--------------------------------------
*/
.events { margin: 20px 0 20px 0; width: 90%; border: none; }
.events th { text-align: left; background: #c50b0c !important; color: #fff!important; font-size: 1em!important; padding: 4px 10px;}
.events td { padding: 10px 10px 10px 10px; background: #f9e7e7; color: #000; font-size: 0.85em; }
/* 
--------------------------------------
primary highlights 
two marketing teasers in content area - different jacket size and content UK vs US
--------------------------------------
*/
.subjectarea4 {
	position: relative;
	color: #000;
	background: #fff;
	padding: 0 0 15px 0;
	width: 47%;
	height: 400px;
}
.subjectarea5 {
	position: relative;
	color: #000;
	background: #f9e7e7;
	width: 47%;
	height: 400px;
}
.noBorder { border: none !important; }

.howToHead {
	margin: 0px;
	padding: 0;
	font-size: 1.4em;
	color: #ad0a0b;
}

/* 
--------------------------------------
Left navigation
--------------------------------------
*/


.navigation ul { 
background: #f0d7d8;
}

.navigation h2 {  
background: top left repeat-x url("../images/red_grade_bg.jpg")!important;
color: #fff;
}

.navigation ul li {
border-bottom: 1px dashed #dc9b9f;
}

.navigation ul li a:hover,
.navigation ul li.current a,
.navigation ul li a.current {
background: #aa1e22 !important; color: #fff;
}

.navigation ul li ul li a:hover, .navigation ul li ul li a.current {
background: #CC7274;
}

/* 
--------------------------------------
primary highlights 
two marketing teasers in content area - different jacket size and content UK vs US
--------------------------------------
*/
#content h1 { margin: 0; padding: 0 0 5px 0; color: #aa1e22; font-size: 1.4em;}
#content h2.nodash { padding-bottom: 5px; color: #aa1e22; font-size: 1.2em; border-bottom: none;}
#content h2 { padding-bottom: 5px; color: #aa1e22; font-size: 1.2em; border-bottom: 1px dashed #cccccc;}
.primaryhlt h4 { margin: 10px 0 10px 0; padding: 0; font-size: 1.3em; }
.secondaryhlt3 { margin: 0; padding: 0 0 15px 20px; float: left; width: 96%; }
.secondaryhlt3 h1 { margin: 0; padding: 0; font-size: 1.3em; }
.secondaryhlt3 h2 { margin: 10px 0 10px 0; padding: 0; font-size: 1em; }
.secondaryhlt3 h3 { margin: 10px 0 10px 0; padding: 0; font-size: 1em; }
.secondaryhlt3 h4 { margin: 10px 0 10px 0; padding: 0; font-size: 1.3em; }
.secondaryhlt3 select { margin: 0; padding: 0; }
.secondaryhlt3 label { margin: 0; padding: 0; font-size: 0.9em; overflow: hidden; }
.secondaryhlt3 p { margin: 10px 0 10px 0 !important; padding: 0; font-size: 0.9em; overflow: hidden; }
.secondaryhlt3 a { font-weight: normal; }

/*
--------------------------------------
subject nav blocks
--------------------------------------
*/
.subjectarea1 { background: #3ba6d8 top right no-repeat url("../images/primary_banner_bg.jpg"); color: #fff;}
.subjectarea1 h2 {
font-size: 10px;
margin-bottom: 15px!important;
}
.subjectarea1 h2 span {
	background: url(../images/primary/primary_banner_title.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

.subjectarea2 { background: #528e6c bottom right no-repeat url("../images/secondary_banner_bg.jpg"); color: #fff;}
.subjectarea2 h2 {
font-size: 10px;
margin-bottom: 15px!important;
}
.subjectarea2 h2 span {
	background: url(../images/secondary/secondary_banner_title.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
.subjectarea3 { background: #7f776e bottom right no-repeat url("../images/int_banner_bg.jpg");  color: #fff;}
.subjectarea3 h2 {
font-size: 10px;
margin-bottom: 15px!important;
}
.subjectarea3 h2 span {
	background: url(../images/international/int_banner_title.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
.subjectareawrapper h2 a { font-size: 1.4em; color: #fff;}
.subjectarea1 p, .subjectarea2 p, .subjectarea3 p { margin: 0 16px 0 12px !important; }
/* 
--------------------------------------
navigation styles
--------------------------------------
*/

.active { background: top left repeat-x url("../images/primary/nav_hover.gif"); }

/* 
--------------------------------------
I've used this to float pics in the main content area
--------------------------------------
*/
.floatRight { float: right; }
/* 
--------------------------------------
wrapper
--------------------------------------
*/
#wrapper {  
	height: 131px;
	background: #fff right top no-repeat url("../images/primary/main_bg.gif");
}
/* 
--------------------------------------
header
--------------------------------------
*/
#header {background: top left no-repeat url("../images/primary/red_curve.gif"); }

/* 
--------------------------------------
top horizontal navigation
--------------------------------------
*/
#topnav ul { background: top left repeat-x url("../images/primary/nav_bg.gif"); overflow: hidden; }
#topnav ul li a:hover {
	padding: 5px 10px 5px 10px;
	background: top left repeat-x url("../images/primary/nav_hover.gif");
}
#topnav ul li { padding: 5px 0px; }
#topnav ul li a:link, #topnav ul li a:visited {
	padding: 5px 10px 5px 10px;
	border-right: solid 1px #ffeb99;
	border-left: solid 1px #ffcd03;
}
/* 
--------------------------------------
Rep finder
appears in column
--------------------------------------
*/
#repfind/er { background: #F3F3F3 bottom left repeat-x url("../images/primary/rightnav_grade.gif"); }
#repfinde/r input.button {
	width: 150px;
	background: #ffffff bottom left repeat-x url("../images/primary/btn_bg.gif");
	border: 1px solid #999999;
}
/* 
--------------------------------------
e-newsletter
appears in column
--------------------------------------
*/
#enew/s { background: #F3F3F3 bottom left repeat-x url("../images/primary/rightnav_grade.gif"); }
/* 
--------------------------------------
News and events
appears in column
--------------------------------------
*/
#n/ews { background: #F3F3F3 bottom left repeat-x url("../images/primary/rightnav_grade.gif"); }

/* 
--------------------------------------
logo
--------------------------------------
*/
#logo { background: #c50b0c; }

/* 
--------------------------------------
request a catalogue
--------------------------------------
*/
.catalogues h3 {
clear: both;}

.catalogues ul {
padding: 0!important;
margin: 0!important;
text-align: center;
}

.catalogues ul li {
float: left;
display: inline;
padding: 0 10px 0 0!important;
margin: 0!important;
}

.catalogues img {
padding: 5px 0 0 0;
}