/* PILGRIMS GROUP pilgrimsgroup.com
   Main CSS file
   Created by DOT dotco.co.uk */
   
/* BASICS */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #384138;
	padding: 0;
	margin: 0;
	background-color: #eee;
	text-align: center;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

/* NWS: moved to #logo: h1 { max-width: 540px; } */

h1 { display: none; }		/* NWS: hide bot readable page heading (because main heading is image) */

h2 {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #3F4540;
}

h3 {
	font-size: 1.2em;
	/* font-family:  verdana, sans-serif; */
	color: #727A8F;
	font-weight: bold;
	margin-top: 1.5em;
	padding-top: 0;
	line-height: 1.3em;
}

/* NWS - added to replace "<p><b>..</b></p>" headings */
h4 {
	font-size: 1.1em;
	margin-top: 1.2em; 	/* WAS: 1em */
	color: #505D50;
	/* 
	margin-bottom: 0em; 
	font-family:  verdana, sans-serif;
	font-weight: bold;
	*/
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.5em; 
	color: #54452C;
}

a {
	color: #BB634B;
	text-decoration: none;
}

a:hover, a:active {
	color: #BB634B;
	text-decoration: none;
	background: #E9DFD6;
}
#footer a:hover, #searchmenu li a:hover { color: white; background: none!important; }		/* NWS */

p { margin-top: 0.5em; margin-bottom: 1em; }		/* NWS: was 1em bottom */

acronym {
	text-decoration: none;
	border-bottom: 1px #E9DFD6 dotted;
}

img {
	border: 0;
}

/* NWS */
blockquote { font-style: italic; }
td { vertical-align: top; vertical-align: top; }
th { padding: 3pt; padding-top: 2.5pt; text-align: left; }

/* use TT elements for styling bar (|) separator elements - add padding and colour */
tt { color: #BBB; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 1pt; }

table { font-size: 1em; }

form { mragin: 0px; padding: 0px; }		/* NWS: 1/2/10 */


/* MAIN LAYOUT */

#container {
	margin: 1px auto;
	text-align: left;
	padding: 4px;
	font-size: 62.5%;
	width: 775px;
	background: #fff;
	border: #ddd 1px solid;
}

#header {
	width: 775px;
}

#headerbar {
	width: 775px;
	height: 83px;
	background-image: url('../img/header/rotate.php');		/* NWS: by default, use random image from the 'header' directory */
}

#headerbar.headerintelligence { background-image: url('../img/header/headerbg26.jpg'); }
#headerbar.headerconsultancy { background-image: url('../img/header/headerbg24.jpg'); }
#headerbar.headeropsconsultancy { background-image: url('../img/header/headerbg24.jpg'); }
#headerbar.headercommunications { background-image: url('../img/header/headerbg14.jpg'); }
#headerbar.headertraining { background-image: url('../img/header/headerbg7.jpg'); }
#headerbar.headerguarding { background-image: url('../img/header/headerbg19.jpg'); }
#headerbar.headersystems { background-image: url('../img/header/headerbg22.jpg'); }
#headerbar.headerequipment { background-image: url('../img/header/headerbg21.jpg'); }

/* NWS: OLD: .headerhome, .headercontact, .headerabout, .headercareers, .headersitemap {	background: #384138 url('../img/header/rotate.php') no-repeat; } */


#mainarea {
	padding: 12px 0;
	margin: 0;
	position: relative; 	/* NWS: make the anchor for abs positioned elements */
}

#leftcol {
	width: 131px;
	float: left;
}

#middlecol {
	padding: 0 0px 0 19px;
	width: 405px;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: -4pt 0 30px 135px;									/* NWS: top margin was 0px */
	/* OLD: border-left: 1px #E9DFD6 solid;			/ * NWS: OLD: #7F817F */
	min-height: 420px;
}
#middlecol.home { border: 0; }								/* remove left border on homepage */

.fullWidth { 																	/* full width middle col, no rightcol */
	width: auto!important; 
	margin-right: 14pt!important; 
	/* OLD: margin-top: 10pt!important; */
}		
/*.fullWidth #subnav { margin-right: -20pt!important; }																		/ * move subnav menu within fullWidth middlecol closer to edge */


#rightcol {
	padding: 0 5px 20px 14px;
	width: 177px;
	float: right;
	font-size: 1.1em;
	color: #7F7F7F;
	border-left: 1px #E9DFD6 solid;		/* NWS: OLD: #7F817F */
}

#rightcol.home H3 { margin-top: 2pt; }
#rightcol.home P.rightsmall { margin-top: 8pt; text-align: center; }

/* home page flash content */
#flashcontent {
	width: 639px;
	height: 252px;
	text-align: center;
	position: absolute;				/* NWS: abs positioned instead of floated, for better SEO */
	top: 11px;
	right: -4px;
	/* OLD: 
	float: right;							/ * NWS: OLD: float: left; * /
	margin: 0 -4px 10px 0;		/ * NWS: OLD: margin: 0px 0px; * /
	*/
}

/* home page - make space above content for flash banner */
#rightcol.home, #middlecol.home { margin-top: 265px; }		

#rightcol H3 { margin-top: 0; }		/* remove top margin from rightcol H3s */


UL.rightlist {
	list-style: none;
	padding: 0;
	margin: 10px 3px 12pt 0;		/* OLD: margin bottom = 0 */
	border-bottom: 1px #D5CDBA solid;
}
UL.rightlist li {
	border-top:  1px #D5CDBA solid;
	padding: 5px 5px 5px 0;
}

UL.rightlist LI.moreLink { font-style: italic; }

/* OLD: 
	#homenews {
		padding: 0;
		margin: 0;
	}
	
	#homenews li {
		list-style: none;
		background: url('../img/search_bullet.gif') no-repeat 0px 4px;
		padding: 0 5px 5px 16px;
		margin: 4px 0 0 5px;
	}
*/

.rightlink {
	border-top:  1px #D5CDBA solid;
	border-bottom: 1px #D5CDBA solid;
	padding: 5px 5px 5px 0;
	margin: 0 3px 0 0;
}



/* NWS: OLD: 
	#homebottom2 {
		padding: 10px 8px 0 12px;
		margin: 10px 0 0 8px;
		float: right;
		width: 177px;
		font-size: 1.1em;
		border-left: 1px #E9DFD6 solid;
		vertical-align: top;
	}
	#homecol {
		width: 639px;
		padding: 0 0 0 4px;
		float: right;
	}

	/ * home page content area within middlecol * /
	#homebottom1 {
		float: left;
		width: 420px;
		padding: 10px 0 20px 10px;
		margin: 0;
		vertical-align: top;
		font-size: 1.2em;
	}
*/	


.rightsmall {
	font-size: 0.9em;
	margin-top: 4px;
}

.feedicon {
	vertical-align: top;
}


/* NWS: */
.page_keywds, .page_keywds H3 { color: #aaa; }

.footerLogos { text-align: center; margin-right: 202px; margin-top: 50px; position: relative; top: 20pt; }

.floatCol { float: left; margin-right: 20pt; }		/* wrap around elements to make into floated columns. follow with <br clear="all" /> */


#middlecol ul, .sqbullet {
	margin: 10pt 0 12pt 4pt;
	padding: 0;
	/* OLD: 
	padding: 0 0 12px 0;
	margin: 0 0 0 0;
	*/
}

#middlecol ul li, .sqbullet li {
	list-style: none;
	background: url('../img/search_bullet.gif') no-repeat 0px 4px;
	padding-left: 16px;
	margin-bottom: 5pt;
	/* OLD: 
	padding: 0 5px 5px 16px;
	margin: 4px 0 0 8px;
	*/
}
#middlecol ul ul li, .sqbullet ul li {
	margin-left: 10px;
}


/* NWS: must explicitly use "noBullet" class to remove bullets */
BODY #middlecol ul.noBullet li {
	list-style: none;
	background: none;
	padding-left: 8pt; 
	margin: 10pt 0;
}

#middlecol ol { margin-left: -5pt; }
#middlecol ol li { margin-bottom: 5pt; }


/* OLD: 
	#middlecol ul.noBullet li { margin-bottom: 0; padding-bottom: 0.8em; }
	#middlecol ul li { padding-bottom: 8px; } 

	.highlight1 .sqbullet li {		/ * NWS: no left margin for bullets in "highlight1" shaded box areas (25/1/10) * /
		margin-left: 0px;
	}
*/


.orangehl { color: #F89B1C; }		/* NWS: unused */

#footer {
	clear: both;
	width: 775px;
	height: 44px;
	background-color: #384138;
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
}

#footer p {
	padding: 6px 0 0 144px;
	margin: 0;
	color: #C2B684;
}

#footer a {
	color: #C2B684;
	border-bottom: #BB634B 1px solid;
}


/* PRETTY BITS */

.start { margin-top: 3pt; }												/* remove excessive top margin, normally from headings etc at top of page (not needed for <P>) */
#middlecol H3:first-child { margin-top: 3pt; }		/* automatically remove for H3s if is first element in #middlecol */


.indented, #middlecol .indented { margin-left: 20pt; margin-top: 20pt; }		/* NWS: top/left indent; e.g., indented bullet list */

.userline {
	border-bottom: 1px dotted #BB634B;
}
#logo {
	float: left;
	padding: 21px 0 0 23px;
	margin: 0;
	max-width: 540px;		/* NWS: */
}
#logo A { background: none!important; }		/* NWS */
#logo IMG { cursor: pointer; }


#searcharea {
	float: right;
	padding: 15px 22px 0 0;		/* NWS: tweaked top */
	color: #D6DBCA;
	font-size: 1.1em;
}

#searchmenu {
	padding: 3px 0 6px 4px;		/* NWS: tweaked top/bottom */
	margin: 0;
	margin-top: 3px;				/* NWS */
	border-top: 1px dotted #D6DBCA;
	/* NWS: OLD: display: inline;*/
}

#searchmenu li {
	display: inline;
	padding: 0 3px 0 12px;
	background: url('../img/search_bullet.gif') no-repeat 0px 4px;
	color: #C2B684;
}

#searchmenu li a {
	color: #C2B684;
}


#searchform {
	padding: 4px;
	margin: 0px;
}

#searchform input {
	border: 0;
	padding: 0;
	margin: 0;
	height: 18px;
	vertical-align: bottom;
	background-color: #D6DBCA;
}

#searchform label {
	padding: 2px 8px 0 4px;
	float: left;
}

#title {
	font-family:  arial, helvetica, sans-serif;
	padding: 20px 20px 5px 23px;		/* NWS: was: padding: 20px 200px 10px 23px; */
	margin: 0;
}


#leftmenu {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#leftmenu li {
	padding: 4px 4px 4px 6px;
	margin: 0 0 2px 0;
	background: #F0EBE2;
	list-style: none;
}

#leftmenu li.white {
	padding: 4px 4px 4px 0;
	margin: 0 0 2px 6px;
	background: #fff;
	border-bottom: 1px #D5CDBA solid;
}

#leftmenu li.whitetop {
	padding: 4px 4px 4px 0;
	margin: 0 0 2px 6px;
	background: #fff;
	border-top: 1px #D5CDBA solid;
}

.activePage { font-weight: bold; }


.date {
	color: #7F7F7F;
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
}

.intro {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 0;
	font-weight: bold;
	color: #384138;
	padding-right: 10px;
}

.inlineimg {
	margin-left: -5px;
	border-width: 1px;
	border-color: #7F817F;
	border-style: solid;
	display: block;
	width: 411px;
	margin-bottom: 10pt;	/* NWS: 25/1/10 */
}

.caption {
	color: #000;
	font-size: 0.9em;
}

#subnav {
	float: right;
	margin: 0 -7px 12px 12px;
	padding: 0;
	font-size: 0.9em;
	margin-top: -2pt;
}

#subnav ul.sublist {
	list-style: none;
	padding: 0;
	margin: 0 4px 12px 12px;
	border-bottom: 1px #fff solid;
	min-width: 190px;
}

#subnav ul.sublist li {
	border-bottom:  1px #D5CDBA solid;
	padding: 0 10px 0 5px;
	margin: 2px 0 0 0;
	/*margin-top: 2px;*/
	background: #F0EBE2;
	color: #BB634B;
}

#subnav ul.sublist li.highlight {
	background-color: #AF6A57; /* #BB634B; */
	border-bottom: 2px #AF6A57 solid;
}
ul.sublist li.highlight a { color: white; }
ul.sublist li.highlight a:hover { background-color: #D46A4C; }


.sideimg {
	margin: 0 0 20px -14px;
	border-top: #7f817f 1px solid;
	border-right: #7f817f 1px solid;
	border-bottom: #7f817f 1px solid;
}

.sideimgcaption {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #D5CDBA solid;
}

.siderule {
	border: 0;
	border-bottom: 1px lightgrey solid;		/* OLD: #7F817F  */
	margin: 20px 0 16px;
	padding: 0;
	width: 174px;
}


.highlight1 {
	padding: 1px 12px 5px 12px;			/* NWS: changed bottom padding to 5px 25/1/10 */
	margin-bottom: 10px;						/* NWS: was 6px, changed 25/1/10 */
	background: #F0EBE2;
	border-bottom: 1px #D5CDBA solid;
	border-right: 1px #D5CDBA solid;
}

.highlight1 tt { color: #AE9F7B; }

.highlight1 H4 {		/* OLD: was: .hltitle */
	margin-top: 0.5em; 
	border-bottom: 1px #D5CDBA solid;
	padding-bottom: 4pt;
	color: #2E362E;
	margin-bottom: 0.7em; 
}

P.rightOfTitle {		/* used for (e.g.) links next to .highlight1 H4 headings */
	float: right;
}


.alert, .alertgn {
	padding: 3pt 12px 0px 12px;		/* NWS: top padding WAS 1px */
	margin-bottom: 10px;					/* NWS: bottom padding WAS 6px */
}
.alert {
	background: #f0c7c7;
	border: 1px #ab2323 dotted;
	color: #ab2323;
}

.alert a {
	color: #ab2323;
	text-decoration: none;
}

.alert a:hover, .alert a:active {
	color: #ab2323;
	text-decoration: none;
	background: #eb8181;
}

.alertgn {
	background: #d2f0c7;
	border: 1px #009900 dotted;
	color: #363;
}

.alertgn a {
	color: #363;
	text-decoration: none;
}

.alertgn a:hover, .alert a:active {
	color: #363;
	text-decoration: none;
	background: #d2f0c7;
}


.accreditation { 
	text-align: center;
	padding-top: 45px;
}

.featured { color: red; }		/* NWS: backoffice style */

.dbg { color: red!important; }				/* NWS: debug text */


/* NWS STYLES */

.disabled { color: grey; }


/* NWS: NEWS INDEX */
.postedDate { font-size: 0.9em; color:#909090; margin-top: 3pt; }		/* article date in news list / article page */


/* NWS: MANAGE USERS */
.tdUser A { color: #874533; }						/* make username links a darker colour in users list */

/* exclamation mark next to admin users */
.tblUsers BIG, .adminSymbol { color: red; font-weight: bold; }
.tblUsers BIG { font-size: 1em; position: relative; left: -2pt; }

.tblUsers { table-layout: fixed; }
.tblUsers TD { text-align: right; }
.tdUser { text-align: left!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tdUser.adminUser A { color: #6A489F; }			/* NWS: make admin users bold in users list */


/* NWS: IIC SECTION */
.linkDate {
	font-size: 0.9em;
	color: #C3C3C3;
	font-style: italic;
	padding-left: 4pt;
}

/* IIC admin */
.highlight1 .linkDate { color:#939393; padding-left: 3pt; }
.dontShow { display:none; }
.subhead_sep { margin-bottom:3px; margin-top:1px; }
.ui-datepicker-trigger { margin-left: 5pt; position: relative; top: 2px; cursor: pointer; }
#ui-datepicker-div { font-size: 12px; }




/* HIDDEN */

#skip a, #skip a:hover, #skip a:visited  { 
	position: absolute; 
	left: 0px; 
	top: -500px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;
} 
  
#skip a:active { 
	position: static; 
	width: auto; 
	height: auto; 
}