/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
a:focus { outline:none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* GENERAL STUFF */
body { font: 12px/16px verdana, sans-serif; background: url(../images/header.png) repeat-x #fff; }
#page { width: 960px; margin: 0 auto; background-position: 100% 100%; background-repeat: no-repeat; background-image: url(../images/news-background.png); }
#page:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
#main:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
#main { border-top:5px solid #fff; width: 960px; background-color: #fff; }
#logo { float:left; padding:22px 0 14px 0; margin:0; height:77px; }

/* HOMEPAGE ONLY */
body.home { background: url(../images/header-home.png) repeat-x #fff; }
.home #page { background:none; }

.home #header { background:url(/images/header-bg.gif) no-repeat 100% 100%; height:317px; _overflow:hidden; }
.home #logo { color:#fff; float:left; padding:22px 0 14px 0; margin: 0; height:240px; width:375px; }
.home #logo strong { display:block; font-size:1.25em; font-weight:normal; line-height:1.2; margin:10px 0 0 87px; }
.home #logo strong a { color:#00ccff; font-weight:bold;}

.home #main { border-top:25px solid #fff; }

.home #content { margin: 0 20px 0 0; width:630px; }
.home #content h2 { font-size:14px; margin:0; padding:0; color: #000; background:none; font-weight: bold; }
.home #content h3 { font-size:12px; margin:12px 0 0; padding:0; font-weight: bold; }
.home #content h3 a { text-decoration: none; }
.home #content ul { padding: 0; }
.home #content p { padding: 0; margin: 0 0 16px; }
.home #content p.info {  margin:2px 0; }
.home #content a { color: #0099cc; }

.home #carousel { width:630px;  margin-bottom:20px; }
.home #events { float: left; width: 305px; margin-right:20px; }
.home #events h2 { background:url(/images/icon-cal.gif) no-repeat #fff 0 2px; padding-left:15px; }
.home #documents { float: left; width: 305px; }
.home #documents h2 { background:url(/images/icon-doc.gif) no-repeat 0 2px #fff; padding-left:15px; }

.login #content { margin: 0 20px 0 0; width:720px; }

#homeslide {	float: left;	width: 630px;	height: 270px;	overflow: hidden;	background-color: #221f1f;	margin-bottom:20px; }
#homeslide img {	/*display: none;*/	vertical-align: bottom;}
#homeslide p {	display: none;	margin: 0 !important;}

/* RIGHT COLUMN */
.home #sidebar { float: left; width: 310px; background:none; }
.home #sidebar h2 { background:url(/images/icon-news.gif) no-repeat #fff 0 2px; color: #000; font-size:14px; font-weight: bold; padding:0 0 0 17px; margin:0; }
.home #sidebar h3 { font-size:12px; margin: 12px 0 0; padding: 0; font-weight: bold; }
.home #sidebar h3 a { text-decoration: none; }
.home #sidebar ul { padding: 0; }
.home #sidebar p { padding: 0; margin: 0 0 16px; }
.home #sidebar p.info { margin:2px 0; }
.home #sidebar a { color: #0099cc; }

.home #sidebar #divisions { background-color: #e5f5fb; margin:45px 0 20px; }
.home #sidebar #divisions h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #divisions p { margin:0; padding:0; color: #000; }

.home #sidebar #campaigns { background-color: #e5f5fb; margin:45px 0 20px; height:220px; }
.home #sidebar #campaigns h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #campaigns p { margin:0; color: #000; background-color:#f57b20; text-align:center;}
.home #sidebar #campaigns p img { margin:0; padding:10px; color: #fff;  }

.home #sidebar #campaignsTesco { background-color: #222; margin:5px 0 20px;  }
.home #sidebar #campaignsTesco h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #campaignsTesco p { margin:0; color: #000; text-align:center;}
.home #sidebar #campaignsTesco p img { margin:0; padding:10px; color: #fff;  }


.home #sidebar .generalSide{background-color: #222; margin:5px 0 20px;  }
.home #sidebar .generalSide h2 {color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar .generalSide p {margin:0; color: #fff; text-align:center;}
.home #sidebar .generalSide p img {margin:0; padding:10px; color: #fff;  }


/* TEMP SIDE REPLACEMENT */
.home #mainbar { float: left; width: 310px; background:none; }
.home #mainbar h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px;  }
.home #mainbar h3 { font-size:12px; margin: 12px 0 0; padding: 0; font-weight: bold; }
.home #mainbar h3 a { text-decoration: none; }
.home #mainbar ul { padding: 0; }
.home #mainbar p { padding: 0; margin: 0 0 16px; }
.home #mainbar p.info { margin:2px 0; }
.home #mainbar a { color: #0099cc; }
.home #mainbar .generalSide 
{
	float: left;width:300px;
}


.home #sidebar h2 {  }
.home #sidebar h3 { font-size:12px; margin: 12px 0 0; padding: 0; font-weight: bold; }
.home #sidebar h3 a { text-decoration: none; }
.home #sidebar ul { padding: 0; }
.home #sidebar p { padding: 0; margin: 0 0 16px; }
.home #sidebar p.info { margin:2px 0; }
.home #sidebar a { color: #0099cc; }
.generalSide{background-color: #222; margin:5px 0 20px;  }
.generalSide h2 {color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.generalSide p {margin:0; color: #fff; text-align:center;}
.generalSide p img {margin:0; padding:10px; color: #fff;  }


.home #sidebar #campaignsHotel { background-color: #222; margin:5px 0 20px;  }
.home #sidebar #campaignsHotel h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #campaignsHotel p { margin:0; color: #000; text-align:center;}
.home #sidebar #campaignsHotel p img { margin:0; padding:10px; color: #fff;  }

.home #sidebar #unionpost { background-color: #222; margin:5px 0 20px;  }
.home #sidebar #unionpost h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #unionpost p { margin:0; color: #000; text-align:center;}
.home #sidebar #unionpost p img { margin:0; padding:10px; color: #fff;  }

.home #sidebar #newsLetters { background-color: #17b15b; margin:0px 0 20px; height:270px; }
.home #sidebar #newsLetters h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #newsLetters p { margin:0; color: #000; text-align:center;}
.home #sidebar #newsLetters p img { margin:0; padding:10px; color: #fff;  }

.home #sidebar #ezine { background-color: #e5f5fb; margin-bottom:20px; }
.home #sidebar #ezine h2 { color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; }
.home #sidebar #ezine div { background:url(/images/home-ezine-bg.gif) repeat-x; margin:0; padding:14px 10px; color: #000; }
.home #sidebar #ezine p { margin:0; padding:0 0 13px; color: #000; }
.home #sidebar #ezine div input#ezineemail { border:1px solid #666; color: #666; margin:0; padding:3px; width:190px; }
.home #sidebar #ezine div input { vertical-align:middle; }

/* SEARCH & LOGIN */
#ctl00_tools { float: right; padding: 48px 0 0; }
#ctl00_tools p { display: inline; }
/*#tools form { display: inline; margin: 0 15px 0 0; }*/
#ctl00_tools label { }
#ctl00_tools input { vertical-align: middle; margin-left:5px; }
#ctl00_tools input.text { border: none; width: 220px; height: 22px; background: url(../images/input.png) repeat-x left top #fff; }
#ctl00_tools img { vertical-align: middle; }
#tools { float: right; padding: 48px 0 0; }
#tools p { display: inline; }
/*#tools form { display: inline; margin: 0 15px 0 0; }*/
#tools label { }
#tools input { vertical-align: middle; margin-left:5px; }
#tools input.text { border: none; width: 220px; height: 22px; background: url(../images/input.png) repeat-x left top #fff; }
#tools img { vertical-align: middle; }

/* NAVIGATION */
#nav { clear: both; padding: 6px 0 0; }
#nav:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
#nav li {	float: left;	position: relative;	margin: 0 6px 0 0px;}
#nav li.contact {	float: left;	position: relative;	margin: 0 0px 0 0px;}
#nav li a { float: left; position: relative; color: #fff; font-weight: bold; text-decoration: none; }
#nav li ul { position: absolute; top: 34px; left: 0px; z-index: 1; background-color: #dd1936; display: none; margin: 0; }
#nav li.about ul {	background-color:#DD1836;	width: 170px;	border: 1px solid #B0112A;	border-top-color: #FA183C;}
#nav li.about ul a:hover {	background-color: #B0112A;}
#nav li.campaigns ul { background-color: #f57b20; width: 170px; border: 1px solid #dd650c; border-top-color: #f8a263; }
#nav li.campaigns ul a:hover { background-color: #c26219; }
#nav li.divisions ul { background-color: #fcaf17; width: 170px; border: 1px solid #e48b00; border-top-color: #fcc658; }
#nav li.divisions ul a:hover { background-color: #c98c12; }
#nav li.news ul { background-color: #17b15b; width: 120px; border: 1px solid #107d3f; border-top-color: #4cc380; }
#nav li.news ul a:hover { background-color: #107d3f; }
#nav li.training ul { background-color: #007461; width: 150px; border: 1px solid #00584a; border-top-color: #43988b; }
#nav li.training ul a:hover { background-color: #00584a; }
#nav li.global ul { background-color: #4d3093; width: 110px; border: 1px solid #372269; border-top-color: #7357b6; }
#nav li.global ul a:hover { background-color: #372269; }
#nav li.contact ul { background-color: #db4599; width: 130px; border: 1px solid #a83677; border-top-color: #e88abf; }
#nav li.contact ul a:hover { background-color: #a83677; }
#nav li ul li { float: none; background-image: none; margin: 0; margin-left:0; }
#nav li ul li a { background-image: none !important; display: block; padding: 2px 8px !important; float: none; margin-left:0; }

/* HEADINGS & Co */
h1, h2, h3, h4, h5, h6 { margin:0 0 16px; }
p, ul, ol, dl, table { margin:0 0 16px; }
h1 { font-size: 24px; line-height: 1.4; /*padding-top:10px;*/ }
h2 { font-size: 20px; font-weight: normal; padding-top:10px; }
#content h3 { font-size: 16px; font-weight: bold; padding-top:5px; }
p.info { color: #666; }
strong { font-weight: bold; }
em { font-style: italic; }

/* coloured headings */
.about h1 { color: #B0112A; }
.campaigns h1 { color: #e76809; }
.divisions h1 { color: #f57b20; }
.news h1 { color: #17b15b; }
.training h1 { color: #007461; }
.events h1 { color: #009bdb; }
.leaflets h1 { color: #3967a5; }
.global h1 { color: #4d3093; }
.contact h1 { color: #db4599; }

.training #content h2.calendar { background:url(/images/cal-green.gif) no-repeat 0 12px; font-size:18px; font-weight:normal; padding-left:18px; margin-top:30px; }
.divisions #content h3 { color: #f57b20; font-size: 15px; font-weight:bold }
.news #content h4 { font-weight:bold; margin-bottom:4px; padding-top:10px; }

/* CENTRE COLUMN (content) */
#content { float: left; width: 500px; margin: 0 30px 0 0; padding: 0 0 20px; }

/* links */
.about #content a { color:#DF233E; }
.campaigns #content a { color:#e76809; }
.divisions #content a { color: #f57b20; }
.news #content a { color: #17b15b; }
.training #content a { color: #007461; }
.events #content a { color: #009bdb; }
.leaflets #content a { color: #3967a5; }
.global #content a { color: #4d3093; }
.contact #content a { color: #db4599; }

p.link a { background:url(/images/arrow.gif) no-repeat 0 2px; font-weight:normal; padding-left:12px; }
ul.link li { margin-bottom: 3px; }
ul.link a { background:url(/images/arrow.gif) no-repeat 0 2px; font-weight:normal; padding-left:12px; }

/* breadcrumb */
.breadcrumb { color: #666; }

/* tables */
table { background:#fff; border-bottom:1px solid #cbcbcb; font-family:Tahoma, Verdana, sans-serif; width:100%; }
th { color:#000; font-weight:bold; font-size:1em; padding:2px 4px 4px 0; border-bottom:1px solid #cbcbcb; }
td { color:#666; padding:6px 4px 0px 0px; }
.lastrow td { padding-bottom:6px; }
.training #content table a { font-family:Verdana, sans-serif; font-weight:bold; text-decoration:none }
.training #content table a:hover { text-decoration:underline }

/* document image list */
ul.docs { margin-top:20px; }
.docs li { background:#e8f7f5; border:2px solid #cdd8d6; float:left; font-size:0.9em; height:230px; line-height:1.3; margin:10px 30px 15px 0; text-align:center; width:140px; }
.docs li.lastrow { margin-right:0; }
.docs a { text-decoration: none; }
.docs a strong { font-weight:normal; text-decoration: none; }
.docs a:hover strong { text-decoration: underline; }
.docs img { border:1px solid #dedede; margin:8px 0 5px 0; }

/* related information */
p.related { color: #666; margin-bottom:5px; }
.related { color: #666; }
.related li { margin: 0 0 12px; }
.related a { font-weight: bold; }

/* LEFT COLUMN (menu) */
#menu { float: left; width: 190px; margin: 0 30px 0 0; padding-bottom:10px; background-repeat: no-repeat; background-position: left bottom; }
.about #menu { background-image: url(../images/orange-menu-bottom.gif); background-color:#fde5d2; }
.campaigns #menu { background-image: url(../images/orange-menu-bottom.gif); background-color:#fde5d2; }
.divisions #menu { background-image: url(../images/yellow-menu-bottom.gif); background-color:#feefd1; }
.news #menu { background-image: url(../images/green-menu-bottom.gif); background-color:#d1efde; }
.training #menu { background-image: url(../images/green2-menu-bottom.gif); background-color:#d4e8e4; }
.events #menu { background-image: url(../images/blue-menu-bottom.gif); background-color:#ccebf8; }
.leaflets #menu { background-image: url(../images/navy-menu-bottom.gif); background-color:#d2e0f2; }
.global #menu { background-image: url(../images/purple-menu-bottom.gif); background-color:#dbd6e9; }
.contact #menu { background-image: url(../images/pink-menu-bottom.gif); background-color:#f8daeb; }

#menu h2 { padding:7px 10px 9px 10px; background-repeat: no-repeat; background-position: top left; margin: 0 0 10px 0; }
.about #menu h2 { background-image: url(../images/red-menu-top.png); }
.campaigns #menu h2 { background-image: url(../images/orange-menu-top.png); }
.divisions #menu h2 { background-image: url(../images/yellow-menu-top.png); }
.news #menu h2 { background-image: url(../images/green-menu-top.png); }
.training #menu h2 { background-image: url(../images/green2-menu-top.png); }
.events #menu h2 { background-image: url(../images/blue-menu-top.png); }
.leaflets #menu h2 { background-image: url(../images/navy-menu-top.png); }
.global #menu h2 { background-image: url(../images/purple-menu-top.png); }
.contact #menu h2 { background-image: url(../images/pink-menu-top.png); }

#menu h3 { padding: 0 10px; margin: 0 0 3px 0; font-weight: bold; }
#menu p { padding: 0 10px 0 20px; color: #666; }
#menu ul { padding: 0 10px 0 20px; color: #666; }
#menu ul li.active { font-style:normal; font-weight:bold; margin:6px 0 0 0; }
#menu ul ul { font-size:0.9em; font-style:normal; font-weight:normal; margin-bottom:6px; padding:1px 0 0 12px; }
#menu dl { padding: 0 10px 0 20px; margin-top:-10px; color: #666; }
#menu dt { font-style:italic; }
#menu a { color: #000; }

/* RIGHT COLUMN */
#sidebar { float: left; width: 210px; background-color: #e5f5fb; }
#sidebar h2 { padding: 8px 10px; color: #fff; background: url(../images/sidebar-top.png) repeat-x; font-weight: bold; }
#sidebar h3 { margin: 16px 0 0; padding: 0 10px; font-weight: bold; }
#sidebar h3 a { text-decoration: none; }
#sidebar ul { padding: 0 10px; }
#sidebar p { padding: 0 10px; margin: 0 0 16px; }
#sidebar p.info { margin: 0; }
#sidebar a { color: #0099cc; }

/* FOOTER */
#footer { clear: both; color: #fff; background-color: #000; margin: 0; }
#footer div { width: 960px; margin: 0 auto; padding: 20px 0; }
#footer div:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
#footer ul { float: left; margin: 0; }
#footer p { float: right; margin: 0; }
#footer li { display: inline; margin: 0 20px 0 0; }
#footer a { color: #fff; }

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; 
 display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* CONTACT FORM */
#contact label {font-weight: 700; display: block;}
#contact input { vertical-align: middle; width:300px; border:1px solid #EE82EE; }
#contact textarea {	width:300px; border:1px solid #EE82EE;}
#contact input.button {	width:200px;	font-weight: 700;	border: 1px solid #B1B1B1;	background: #fff;	cursor: pointer;	margin-top:20px;}

ul.actualPoints{	margin-left:15px;}
ul.actualPoints li{	list-style: disc;	margin:5px 0 5px 0;}
table.loginTable{	border:0px;}
.loginTable table{	border:0px;}
.loginTable input.textBox{width:200px;}
.loginHeader{text-align: center;	font-weight: bold; 	color: white; 	background-color: #5d7b9d;	padding:7px;	font-size: 15px;}
td.loginTitle{	width:150px;	vertical-align: top;	padding-left:10px;}
td.loginRemember{	padding-left:165px;}
.loginButton{	text-align: center;	background-color: #5d7b9d;	color:#fff;	border:0px;	font-weight: 700;	cursor: pointer;	margin-right:120px;	width:110px;}
.leafletTable td{	padding:5px;}
.leafletTable img{	border:1px solid gray;}
.leafletsEven{	background-color: #EFEFEF;	vertical-align: top;}
.leafletsOdd{	vertical-align: top;}


#content .generalSide h2
{
	color: #fff; background: url(/images/sidebar-top.png) repeat-x #000; font-weight: bold; margin:0; padding: 8px 10px; 
}

.socialMedia
{
	padding:10px;
}



.socialMedia img
{
	padding:0px 10px 0px 10px;
}


table.pledge
{
	background-color: #D4352D;
}

table.pledge td
{
	padding-left:15px;
	padding-right:20px;
	font-weight: 700;
	color:#fff;
	font-size: 14px;
	
}

table.pledge td input
{
width:250px;	
}


table.pledge .submitButton
{
	float: right;
	color: #fff;
	width:150px;
	margin-right:73px;
	background-color: #bd2e26;
	border:1px solid #fff;
	font-weight: 700;
	
}