/* 
Agency:  Orangutan Studio
Client:  T2A on behalf of Barrow Cadbury

----------------------
Contents:

@import Reset stylsheet


Grey: #444444
Red: #ae1331

*/



/* Reset default browser rendering */
@import url("reset.css");

/* **************************************** */

/* = Typography */

body {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

em {
	font-style:					italic;
}

h1 {
	color:						#444444;
	font-size:					28px;
}

h2{
	color:						#FFF;
	font-size:					16px;
}

h3{
	color:						#AE1331;
	font-size:					13px;
	font-weight:				bold;
}

p {
	padding-bottom:				0.9em;
	color:						#444444;
	font-size:					12px;
	}
	
label, ol, ul {
	color:						#444444;
	font-size:					12px;
}

ul {
	list-style-type:			disc;
	margin:						0 0 10px 15px;	
}

ol {
	margin:						0 0 10px 18px ;				
}

.news-panel-content p {
	color:						#FFF;
	font-size:					11px;
	padding-bottom:				12px;
}

.lead {
	color:						#ae1331;
	font-weight:				bold;
	width:						80%;
}

.lead a {
	font-weight:				bold;
	text-decoration:			underline;
}

.lead a:hover {
	font-weight:				bold;
	text-decoration:			none;
}

strong {
	color:						#444444;
	font-weight:				bold;
}

.news-panel-content strong {
	color:						#FFF;
}

a:hover {
	text-decoration:			underline;
}

a, a:hover {
	color:						#AE1331;
	font-weight:				normal;
	font-size:					12px;
}

a {
	text-decoration:			none;
}

a.action-link {
	background:					url(../images/red-link-arrow.gif) no-repeat right 3px;
	font-size:					12px;
	padding-right:				7px;
}

#news-panel a{
	text-decoration:			none;
}

#news-panel a,
#news-panel a:hover {
	color:						#FFF;
}

#footer a, #footer a:hover {
	font-size:					1em;
}

.date {
	font-style:					italic;
	font-size:					1em;
}

/* **************************************** */
/* = Parent Layout Styles */

html, body {
	height:						100%;
}

body {
	background:					#EEF2F5 url(../images/bg_body.gif) top center repeat-y;	
}

#wrapper {
	text-align:					left;
	width:						890px;
	margin:						auto;
	/*background:					url(../images/bg_body.gif) 0 0 repeat-y;*/
	padding:					0;
	height:						100%;
}

/* **************************************** */
/* = Header Styles */

#header{
	width:						100%;
	height:						94px;
	}

#header .t2a-logo {
	width:						95px;
	height:						53px;
	float:						left;	
	padding:					20px 0 0 33px;
}

#header .bc-logo {
	width:						135px;
	height:						58px;
	float:						right;
	padding:					20px 33px 0 0;
	display:					block;
 }
 
/* **************************************** */
/* = Navigation */

#navigation {
	height:						77px;
	width:						100%;
	background:					url(../images/bg_header.gif) bottom left no-repeat;
	padding-left:				0;
	margin-left:				0;
}

#navigation ul {
	margin-left:				33px;
	height:						28px;
	list-style-type:			none;
}

#navigation ul li {
	float:						left;
	padding-top:				3px;
	margin-right:				1px;
}

#navigation ul li a {
	height:						28px;
	background-position:		0 0;
	display:					block;
}

#navigation ul li a strong {
	height:						0;
	width:						0;
	line-height:				0;
	font-size:					1%;
	overflow:					hidden;
	position:					relative;
	display:					block;
}

#wrapper #navigation ul li a:hover,
#wrapper #navigation ul li a:focus,
#wrapper #navigation ul li.selected a {
	background-position:		left bottom;
}

/*NEW NAVIGATION GO LIVE 11 JULY*/

#navigation ul li#btn-home a {
	width:						67px;
	background:					url(../images/home_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-t2a-alliance a {
	width:						112px;
	background:					url(../images/alliance_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-t2a-pilots a {
	width:						92px;
	background:					url(../images/pilots_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-publications a {
	width:						159px;
	background:					url(../images/publications_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-news a {
	width:						75px;
	background:					url(../images/news_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-consultation a {
	width:						115px;
	background:					url(../images/consultation_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-support a {
	width:						100px;
	background:					url(../images/support_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-contact a {
	width:						96px;
	background:					url(../images/contact_btn.gif) 0 0 no-repeat;
}
/*#navigation ul li#btn-home a {
	width:						89px;
	background:					url(../images/home_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-t2a-alliance a {
	width:						127px;
	background:					url(../images/alliance_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-t2a-pilots a {
	width:						102px;
	background:					url(../images/pilots_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-publications a {
	width:						179px;
	background:					url(../images/publications_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-news a {
	width:						85px;
	background:					url(../images/news_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-consultation a {
	width:						120px;
	background:					url(../images/consultation_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-support a {
	width:						120px;
	background:					url(../images/support_btn.gif) 0 0 no-repeat;
}

#navigation ul li#btn-contact a {
	width:						116px;
	background:					url(../images/contact_btn.gif) 0 0 no-repeat;
}	
*/
/* **************************************** */
/* = Main content */
#content{
	padding:					20px 0 10px 0;
	margin:						0;
}

/* **************************************** */
/* = Main Panel */
.three-column #main-panel {
	width:						405px;
	padding-left:				33px;
	float:						left;
	margin-bottom:				20px;
}

.two-column #main-panel {
	padding-left:				66px;
	width:						453px;
	float:						left;
	margin-bottom:				20px;
}

/* = Main Panel Lists */

.two-column #main-panel .pilots-list-title {
	margin:						0 0 0 85px;
	padding:					0;
}

.two-column #main-panel ul.listings {
	display:					block;
	list-style-type:			none;
	margin:						0;
}

.two-column #main-panel ul.listings li {
	background:					url(../images/white_grey_dotted.gif) repeat-x bottom;
	padding:						10px 0;
}

.two-column #main-panel ul.listings li img {
	float:						left;
	margin-top:					-12px;
}

.two-column #main-panel ul.listings ul {
	list-style-type:			disc;
	margin:						0 0 0 100px;
	padding:					0;
}

.two-column #main-panel ul.listings ul li {
	margin:						0;
	padding:					2px 0;
	background:					none;
}


/* **************************************** */
/* = Left Panel Styles */

#news-panel {
	float:						left;
	width:						193px;
	padding:					5px 0 70px 33px;
}
	
.news-panel-top {
	background:					url(../images/left_panel_top.jpg) no-repeat bottom left;
	width:						193px;
	height: 					8px;
}

.news-panel-content {
	background:					url(../images/left_panel_bk.jpg) repeat-y top;
	width:						193px;
}

.news-panel-content h2{
	margin-left:				10px;
	padding:					10px 0 10px 0;
	background:					url(../images/grey-white-dotted.gif) repeat-x bottom;
	height:						20px;
	width:						90%;
}

.news-panel-content ul{
	padding:					0 10px;
	margin:						0;
	list-style-type:			none;
}

.news-panel-content li{
	background:					url(../images/drk-grey-lht-grey-dotted.gif) repeat-x bottom;
	padding:						8px 0;
}

.news-panel-bottom {
	background:					url(../images/left_panel_bottom.jpg) no-repeat;
	height:						110px;
	width:						193px;
}

/* **************************************** */
/* = Right Panel Styles */
.three-column #right-panel {
	padding-top:				8px;
	float:						left;
	width:						161px;
	padding-left:				33px;
}

.two-column #right-panel {
	width:						293px;
	float:						left;
	padding-left:				49px;
	padding-top:				8px;
}

.two-column #right-panel .right-panel-top {
	background:					url(../images/right-panel-top.gif) no-repeat bottom;
	height:						7px;
}

.two-column #right-panel .right-panel-content {
	background:					url(../images/right-panel-bk.gif) repeat-y;
}

.two-column #right-panel h2 {
	margin-left:				20px;
	padding:					10px 0 10px 0;
	background:					url(../images/grey-white-dotted.gif) repeat-x bottom;
	height:						20px;
	width:						80%;
}

.two-column #right-panel ul {
	margin:						0;
}

.two-column #right-panel ul li {
	width:						80%;
	background:					url(../images/lht-grey-dotted.gif) repeat-x bottom;
	color:						#444444;
	margin:						0 5px 0 20px;
	list-style-type:			none;
}

.two-column #right-panel p {
	padding:					8px 10px 8px 0;
	margin-left:				20px;
}

.two-column #right-panel ul li p {
	margin-left:				0;
}	

.two-column #right-panel .right-panel-bottom {
	background:					url(../images/right-panel-bottom.gif) no-repeat;
	height:						46px;
}

/* **************************************** */
/* = Scrolling supporters box */

#supporters-container h2{
	margin-left:				15px;
	margin-bottom:				10px;
	padding:					10px 0 10px 0;
	background:					url(../images/grey-white-dotted.gif) repeat-x bottom;
	height:						20px;
	width:						250px;
}

.two-column #right-panel #scroller ul { 
	padding:					0 10px 0 0;
	/*margin:						0;*/ 
	color: 						#FFF;
}

.two-column #right-panel #scroller ul li { 
	padding:					6px 5px;
	margin:						0; 
	color: 						#FFF;
	/*list-style-type: 			disc;*/
	background:					url(../images/drk-grey-lht-grey-dotted.gif) repeat-x bottom left;
}

#supporters-container {
	background: 				url(../images/supporters-box-bk.gif) no-repeat;	
	width:						290px;
	height:						325px;
}

#supporters-container-top {
	background: 				url(../images/supporters-box-top.gif) no-repeat bottom;
	width:						290px;
	height:						6px;
}

#supporters-container-bottom {
	background: 				url(../images/supporters-box-bottom.gif) no-repeat;
	width:						290px;
	height:						14px;
}

#scroller{ 
	height:						250px; 
	width:						290px;
	overflow:					hidden;  
	padding-left: 				20px;
	position:					relative;
} 

/* **************************************** */
/* = Support Form styles */

input {
	float:						left;
	clear:						both;
	margin:						0px;
}

td {
	padding:					5px 40px 5px 0px;
	vertical-align:				top;
}

#frm-address {
	width:						60%;
	margin-top:					3px;
}

#frm-optin {
	float:						none;
}

label em{
	margin-left:				5px;
}

/* **************************************** */
/* = Footer Styles */
#footer {
	clear:						both;
	height:						57px;
	background:					url(../images/footer_pattern.gif) no-repeat left;
	width:						890px;
	margin:						0 auto;
}

#footer ul {
	float:						right;
	background:					url(../images/footer_block.jpg) no-repeat;
	width:						305px;
	height:						25px;
	margin:						32px 30px 0 0;
	padding:					0;
	list-style-type:			none;
	color:						#FFF;
}

#footer li {
	float:						left;
	font-size:					9px;
	padding:					6px 3px;
	color:						#FFF;
	margin-left:				4px;
}

#footer ul li a {
	padding:					0 7px 0 2px;
	color:						#FFF;
}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li.selected a {
	color:						#fff;
	text-decoration:			none;
}

/* **************************************** */
/* = Misc Styles */

/* This style is used to hide elements for accessibility purposes */
.w3c {
	position:					absolute;
	left:						-9999px;
	top:						-9999px;
}

.clear {
	clear:						both;
}

#alliance-members h3 {
	color:						#ae1331;
	font-size:					1.8em;
	font-weight:				normal;
}

#alliance-members ul {
	margin:						0;
}

#alliance-members ul li {
	list-style:					none;
	clear:						both;
	border-bottom:				1px dotted #666;
	padding:					20px 0;
	zoom:						1;
}

#alliance-members ul li:after {
	content:					".";
	display:					block;
	visibility:					hidden;
	height:						0;
	clear:						both;
	overflow:					hidden;
}

#alliance-members ul li img {
	border-bottom:				2px solid #BBB;
	border-right:				2px solid #CCC;
	border-left:				1px solid #CCC;
	margin:						auto;
}

#alliance-members ul li img.blank {
	border: 					none;
}

#alliance-members ul li p {
	line-height:				2em;
	padding:					5px 5px 5px 20px;
	float:						left;
}

#alliance-members a.image-link {
	width:						183px;
	height:						55px;
	display:					block;
	float:						left;
	text-align:					center;
}