charset "utf-8";
/* CSS Document */

/* UNDO Html */
ul,ol {list-style:none}

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img {border:none}

address {font-style:normal}


/* Layout */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #7f8181;
	}

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

a:hover {
	color: #990033;
	text-decoration: underline;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

h1 {
	font-size: 1.2em;
	margin: 10px 0 5px 0;
	font-weight: bold;
	}

p {
	padding-bottom: 15px;
	}

.clearAll {
	clear: both;
	}
	
.center {
	text-align: center;
	}	
	
#wrapper {
	width: 986px;
	margin: 0 auto;	
	}
	
.imgAlignRight {
	float: right;
	padding: 0 0 10px 10px;
	}	
	
.imgAlignleft {
	float: left;
	padding: 0 10px 10px 0 ;
	}	
	
/* Header */
#header {
	width: 968px;
	border: 0px solid white;
	background-color: #990033;
	height: 154px;
}

.logo {
	width: 500px;
	height: 120px;
	margin: 15px 2px 3px 26px;
	float: left;
	position: relative;
	z-index: 10;
	}
	
.searchPosition {
	margin: 6px 13px 0;
	#margin: 6px 6px 0;
	float: right;
	position: relative;
	z-index: 100;
	}

.searchResults {
	padding-left: 20px;
	margin-right: -20px;
}

.go {
	margin: 6px 0px -5px -3px;
	#margin: 6px 0px -3px -3px;
	}
	
.searchPosition input {
	min-height: 17px;
	#min-height: 14px;
	color: #666666;
	}

.headerTextLinks {
	margin-top: 10px;
	}

.headerTextLinks a,
.headerTextLinks a:visited {
	color: #cccccc;
	font-size: 1.1em;
	}

.headerTextLinks a:hover {
	color: #000;
	text-decoration: none;
	}

.headerTextLinksSpacer {
	padding: 0 10px;
	color: #cccccc;
	font-size: 1.1em;
	}



/* Menu */
.navTest {
	margin: 31px 0 -3px 3px;
	}

#menu {
	float:right;
	font-size: 1.1em;
	margin: -13px 0 0;
	width: 100%;
	position: relative;
}

.navRight {
	float: right;
	}
	

#menub {
	font-size: 1.1em;
	z-index: 1000;
	margin: 0px 0 0 723px;
	#margin: 0px 0 0 -261px;
	position: absolute;
}

#menu a,
#menub a {
	display:block;
	white-space:nowrap;
	margin:0;
	text-decoration:none;
	text-align: center;
}

#menu h2 {
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 8px 16px;
	color: #990033;
	text-transform: uppercase;
	border-left: 2px solid #000;
	text-align: center;
	background-color: #ffffcc;
}

.menuOn {
	display:block;
	white-space:nowrap;
	margin: -8px -16px;
	padding: 8px 16px;
	color: #990033;
	text-transform: uppercase;
	border-left: 0px solid #000;
	text-align: center;
	background-color: #ffffcc;
}
#menub h2 {
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 15px 0;
	color: #990033;
	text-transform: uppercase;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 226px;
	text-align: center;
}


.menuOff a,
.menuOff a:visited {
	color: #990033;
	text-align: left;
}

.menuOn a,
.menuOn a:visited {
	color: #000000;
	text-align: left;
}



.centerText p {
	margin-bottom: -15px;
}

#menu a:hover,
#menub a:hover{
	color: #990033;
}


#menu ul,
#menub ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-top: -1px;
}

#menu li,
#menub li {
	position:relative;
}

#menu li li,
#menub li li {
	border-top: 1px solid #999999;
	padding: 5px 20px 5px 16px;
	text-align: left;
	color: #333333;
	margin-top: -1px;
	background-color: #EDEDED;
}

#menu li li a,
#menu li li a:visited {
	color: #990033;
	text-align: left;
}

#menu li li a:hover {
	color: {menuAHover};
}


#menu ul ul,
#menub ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	border: 1px solid #999999;
	background-color: #fff;
}

#menu ul ul ul,
#menub ul ul ul{
	top:0;
	left:100%;
	border: 1px solid #999999;



	text-align: left;
}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */



div#menu h2:hover
 {
	background-color: #cccccc;
	color: #990033;
}


div#menub h2:hover{
	color: #FFFFFF;
}


div#menu li:hover,
div#menub li:hover{
	cursor:pointer;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul,

div#menub li:hover ul ul,
div#menub li li:hover ul ul,
div#menub li li li:hover ul ul,
div#menub li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menub li:hover ul,
div#menub li li:hover ul,
div#menub li li li:hover ul,
div#menub li li li li:hover ul {
	display:block; 
}	

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul,
div#menub li:hover ul,
div#menub li li:hover ul,
div#menub li li li:hover ul,
div#menub li li li li:hover ul {
	display:block; 
}	
	
	
#content {
	background-color: #EDEDED;
	width: 968px;
	}	
	
	
/* Columns */	

.leftColumn {
	float: left;
	margin: 0px 26px 10px 25px;
	_margin: 0px 26px 10px 10px;
	width: 210px;
	border: solid 0px red;
	background-color: #EDEDED;
	font-size: 1.2em;
}	

.centreColumn {
	float: left;
	margin: 0px 26px 10px 0px;
	width: 446px;
	border: solid 0px red;
	background-color: #EDEDED;
	font-size: 1.2em;
}		

.centreAndRightColumn { /* For when the centre column spans the right one */
	float: left;
	margin: 0px 0 10px 0px;
	width: 676px;
	background-color: #EDEDED;
	font-size: 1.2em;
}		

.centreColumnLeft {
	float: left;
	margin: 0px 26px 10px 0px;
	width: 210px;
	border: solid 0px red;
	background-color: #EDEDED;
}		

.centreColumnRight {
	float: left;
	margin: 0px 0px 10px 0px;
	width: 210px;
	border: solid 0px red;
	background-color: #EDEDED;
}	

.centreColumnForm {
	float: left;
	margin: 0px 26px 10px 50px;
	width: 850px;
	border: solid 0px red;
	background-color: #ebedef;
	font-size: 1.2em;
}		


.rightColumn { /* 210 wide, 25px right */
	float: left;
	margin: 0px 0 10px 0px;
	width: 210px;
	border: solid 0px red;
	background-color: #EDEDED;
	font-size: 1.2em;
}

.colSpacer {
	padding-top: 10px;
	}

.centreColumnWhiteBg {
	float: left;
	margin: 0px 26px 10px 0px;
	width: 446px;
	border: solid 0px red;
	background-color: #fff;
	font-size: 1.2em;
}	

.campaignsMainWrapper p {
	padding: 10px;
	}

.campaignsColumnLeft {
	float: left;
	margin: 0px 26px 20px 0px;
	width: 210px;
	border: solid 0px red;
	background-color: #EDEDED;
}		

.campaignsColumnRight {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 210px;
	border: solid 0px red;
	background-color: #EDEDED;
}		

.campaignsMainWrapper {
	background-color: #fff;
	height: 210px;
	overflow: hidden;
	}		

.centreColumnWhiteBg h2 {
	font-weight: bold;
	font-size: 1.1em;
	}
	
.moreCampaigns	{
	position: absolute;
	margin: 160px 0 0 150px;
	}
	
.moreCampaignsLL	{
	margin: 10px 0 10px 150px;
	}

.moreCampaigns a,
.moreCampaigns a:visited,
.moreCampaignsLL a,
.moreCampaignsLL a:visited  {
	color: #990033;
}

.moreCampaigns a:hover,
.moreCampaignsLL a:hover {
	color: #000;
}
/* Headings */
	
.pageHeader {
	background: #949494 url(/images/global/pageHeader.png) no-repeat;
	height: 25px;
	}	
	
.pageHeaderVideos	 {
	height: 25px;
	background: none;
	background-color: #949494;
	}	

.subHeader {
	background: #949494 url(/images/global/subHeader.png) no-repeat;
	width: 210px;
	height: 25px
	}
	
.subHeader h2 {
	padding: 4px 8px;
	color: #990033;
	font-size: 1.2em;
	}
	
.pageHeader h1 {
	padding: 4px 8px 4px 10px;
	color: #990033;
	font-size: 1.2em;
	margin: 0;
	}		
	
.subHeader a,
.subHeader a:visited,
.pageHeader a,
.pageHeader a:visited {	
	color: #990033;
	}
	
.subHeader a:hover,
.pageHeader a:hover {	
	color: #990033;
	text-decoration: none;
	}
	
.campaignsColumnLeft h3,
.campaignsColumnRight h3
 {
	margin-left: 10px;
	}	

.campaignPressReleases li {
	padding: 0 0 15px 10px;
	}
		
/* Promo Items */
.promoWrapper {
	background-color: #fff;
	color: #000;
	line-height: 130%;
	height: 334px;
	overflow: hidden;
	}
	
.promoWrapperLL {
	background-color: #fff;
	color: #000;
	line-height: 130%;
	padding-bottom: 10px;
	}

.promoTopSpacer {
	margin-top: 25px;
	}
	
.promoItems,
.promoItemsLL {
	padding: 10px;
	}

.promoItems a, 
.promoItems a:visited,
.promoItemsLL a, 
.promoItemsLL a:visited, {
	color: #990033;
}

.promoItems a:hover,
.promoItemsLL a:hover {
	color: #000;
	text-decoration: none;
}
	
.promoItems ul,
.promoTextWrapper {
	height: 270px;
	overflow: hidden;
	}	
	
.promoItems li  {
	margin: 10px 0 0px 13px;
	}	
	
.promoItemsLL li  {
	margin: 10px 0 0px 11px;
	}	
	
.promoMore {
	width: 105px;
	height: 22px;
	position: absolute;
	margin: 282px 0 0 146px;
	}
	
.promoMoreLL {: 105px;
	height: 22px;
	margin: 15px 0 -10px 146px; 
	}
	
.promoMore h3,
.promoMoreLL h3 {
	padding: 0px 8px;
	color: #000000;
	font-size: 1.1em;
	margin: 0;
	}	
	
.promoMore a,
.promoMore a:visited,
.promoMoreLL a,
.promoMoreLL a:visited {	
	color: #000000;
	}
	
.promoMore a:hover,
.promoMoreLL a:hover {	
	color: #990033;
	text-decoration: none;
	}

.rssFeed {
	padding: 15px 0 0 10px;
	}
	
.formItem	{
	margin-bottom: 10px;
	}	
	
.formItem label	{
	display: block;
	margin-bottom: 0px;
	}
	
.formItem input	{
	display: block;
	margin-bottom: 1px;
	}
	
/* Copy Styles */
.copyWrapper {
	background-color: #FFFFFF;
	}	
	
.copy {
	padding: 10px 10px 10px 0;
}	
	
.campaignsWrapper {
	background-color: #FFFFFF;
}	
	
.copy a,
.copy a:visited {
	color: #990033;
}	

.copy a:hover {
	color: #000;
}	


.pagination {	
	padding: 0 0 10px 10px;
	color: #666666;
	}

.paginationBorder {	
	margin: 20px 0 -10px 10px;
	border-top: 1px solid #c5c6c7;		
	}
	
.newsTitle	{
	float: left;
	margin: 0 0 10px 11px;
	width: 335px;
	padding-right: 10px;
	}	

.newsDate {
	text-align: right;
	}	

.newsDateEntry {
	padding-left: 10px;
	font-style: italic;
	color: #666666;
}

.newsTitleBox {
	margin: 0 0 0px -15px;
	#margin: 10px 0 10px -15px;
	padding-right: 10px;
	}
	
.newsCopy h2 {	
	font-size: 13px;
	margin: 0;
	}

.newsRow1 {
	background-color: #FFF;
	margin-right: -10px;
	padding: 10px 10px 0px 0;
}	
	
.newsRow2 {
	background-color: #eee;
	margin-right: -10px;
	padding: 10px 10px 0px 0;
}
	
	
.newsRow1 a,
.newsRow1 a:visited,
.newsRow2 a,
.newsRow2 a:visited {
	color: #000;
}	

.newsRow1 a:hover,
.newsRow2 a:hover {
	color: #990033;
}	
	
	
.copy h2 {
	padding-left: 10px;
	}
	
.copy ul {
	padding: 0 0 10px 25px;
	}
	
.copy p {
	padding-left: 10px;
	}
	
.tellAFriendLink {
	font-weight: bold;
	}	

.tellAFriendAdjust {
	margin-left: 261px;
	}
	
.copy label {
	display: block;
	font-weight: bold;
	margin: 0 0 0 10px;
	}
	
.fieldInput {
	margin: 0 0 15px 10px;
	width: 350px; 
	display: block;
	}

.textAreaInput {
	margin: 0 0 15px 10px;
	width: 350px; 
	height: 230px;
	display: block;
	}

	
.expTxtUp {
	margin: -10px 0 15px 10px;
	color: #666666;
	}

.sendButton {
	margin: 10px 0 0 10px;
	width: 50px; 
}	

.lastMonthCol1,
.lastMonthCol2 {
	float: left;
	width: 200px;
	padding-left: 10px;
}	

.lastMonthCol1 li,
.lastMonthCol2 li{
	padding-top: 10px;
}

.newsThumbnail {
	float: left;
	width: 90px;
	margin-left: 10px;
	}
	
.reportsWrapper {
	padding-top: 10px;
	}

.reportIntro {
	float: left;
	width: 265px;
	}

.reportIntro h4 {
	margin-left: 10px;
	}

.videosWrapper {
	padding-left: 10px;
	}
	
.actionsFormWrapper {
	padding: 10px;
	}

.campaignElementWrapper {
	}	
	
.campaignElementWrapper	p {
	padding: 0px 10px 10px 10px;
	}
	

.campaignElementWrapper	li{
	margin: 0 0 10px  14px;
	}
	
.campaignsTitle {
	font-weight: bold;
	}	
	
.actionsVideosTitle {
	padding: 10px 10px 0px 10px;
	}	
	
.campaignsMore {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	}	
	
.campaignItemSpacer {
	height: 25px;
	background-color: #EDEDED;
	width: 100%;
	}
	
.campaignsList {
	margin-top: -10px;
	}	
	
/* Footer */
.footerWrapper {
	padding: 0 25px;
	}
	
.footerLine {
	border-top: 1px solid #c5c6c7;
	margin-top: 25px;
	}

.footerText {
	font-size: 1.1em;
	color: #999999;
	margin-bottom: -15px;
}		

.footerLinks {
	margin: 5px 0 -10px;
}		

.footerText a,
.footerText a:visited {
	color: #990033;
	font-weight: bold;
}		

.footerText a:hover {
	color: #000;
	text-decoration: none;
}		


.centreColumnFormInput {
width: 300px;
height: 23px;
}