/* RAC - Main styling to be found here! - derry@fb */


/*

	Contents --------------------------
	
			1.0 Resets
			2.0 Universal
			3.0 Header
				3.1 Topnav
				3.2 Secnav
			4.0 Content
				4.1 Left Column Homepage
					4.1.1 Featured
					4.1.2 Information Buttons
				4.2 Right Column Homepage
					4.2.1 News Featured
					4.2.2 News Archive
				4.3 Left Column Subpage
					4.3.1 First Level
					4.3.2 Second Level
					4.3.3 Third Level
				4.4 Right Column Subpage
					4.4.1 ContentMain
					4.4.2 ContentMain - News
					4.4.3 ContentMain - Member Login
			5.0 Footer
			
	-----------------------------------

*/	
	

/******

Main colours:

Brand Yellow: #ffdd00
Brand Dark Yellow/Orange: #ffc10e
Brand Black: #231f20

Dark Grey: #a0a0a0
Light Grey: #cccccc
Green: #acdb0b
Blue: #3b9af2

Anchors & Headers Brand Dark Yellow Mod: #eaab00

*****/
		
	
/*
---------------------------------------
	1.0 Resets
---------------------------------------
*/

		
@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("quiz.css");


/*
---------------------------------------
	End 1.0 Resets
---------------------------------------
*/


/*
---------------------------------------
	2.0 Universal
---------------------------------------
*/


::selection {background: #5fc2f2; color: #ececec;}
::-moz-selection {background: #5fc2f2; color: #ececec;}

html, body {
	height: 100%;
}

body, body#index, #wrapper {
	width: 100%;
	background-color: #ffdd00;
	margin: 0;
	padding: 0;
	text-align: left;
}

body, body#index, #wrapper {
	min-width: 960px;
}

#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 48px 0;
	background:url(../images/base-gradient-middle.gif) repeat-y scroll transparent;
	background-color: #fff;
}

div.clear {
	clear: both;
	height: 0;
}

#borderTop {
	width: 960px;
	height: 24px;
	margin: 0 auto;
	background:url(../images/base-gradient-top.gif) no-repeat scroll transparent bottom left;
}

#borderBottom {
	width: 960px;
	height: 16px;
	margin: 0 auto 20px;
	background:url(../images/base-gradient-bottom.gif) no-repeat scroll transparent;
}

/* Dirty IE png fix */ 

img, div, span, a { behavior: url('pngfix/iepngfix.htc') }

body { behavior: url('pngfix/csshover3.htc'); } /* Pimps IE to hover pngs (and non-anchor elements) */

/* End Dirty IE png fix */


/*
---------------------------------------
	End 2.0 Universal
---------------------------------------
*/


/*
---------------------------------------
	3.0 Header
---------------------------------------
*/


#headerBase {
	width: 848px;
	margin: 0 auto;
}

#header {
	position: relative;
}

#header a#logo {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent 0 0;
	width: 192px;
	height: 75px;
	display: block;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}

/* 3.1 Topnav ------------- */

ul#topnav {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

ul#topnav li {
	float: left;
	margin: 0 0 0 16px;
	list-style: none;
}

/* End 3.1 Topnav ------------- */

/* 3.2 Secnav ------------- */

ul#secnav {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}

ul#secnav li {
	float: left;
	list-style: none;
	margin: 0 0 0 16px;
}

ul#secnav li a#navHome {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -0px;
	height: 13px;
	padding: 0 0 0 20px;
}

ul#secnav li a#navHome:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -32px;
}

ul#secnav li a#navNews {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -63px;
	height: 13px;
	padding: 0 0 0 20px;
}

ul#secnav li a#navNews:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -95px;
}

ul#secnav li a#navContact {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -125px;
	height: 13px;
	padding: 0 0 0 20px;
}

ul#secnav li a#navContact:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -157px;
}

ul#secnav li a#navMembers {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -319px;
	height: 13px;
	padding: 0 0 0 20px;
}

ul#secnav li a#navMembers:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -351px;
}

ul#secnav li a#navLogout {
	background: none repeat scroll #ffa10e;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul#secnav li a#navLogout:hover {
	background: none repeat scroll #231f20;
}


/* End 3.2 Secnav ------------- */

/*
---------------------------------------
	End 3.0 Header
---------------------------------------
*/


/*
---------------------------------------
	4.0 Content
---------------------------------------
*/

#contentBase {
	width: 848px;
	margin: 0 auto;
}

#content {
	margin: 24px 0 0;
}

/* 4.1 Left Column Homepage ------------- */

body#index #leftcol {
	width: 560px;
	float: left;
	margin: 0 16px 0 0;
}

body#index #leftcol ul {
	margin: 0;
}

body#index #leftcol ul li {
	list-style: none;
}

/* 4.1.1 Featured ------- */

body#index #featured {
	height: 384px;
	position: relative;
	background:url(../images/featured-border-middle.gif) repeat-y scroll transparent 0 0;
}

body#index #featured span#featuredOverlay {
	position: absolute;
	width: 560px;
	height: 312px;
	background:url(../images/featured-overlay.png) no-repeat scroll transparent 0 0;
}

/*body#index #featured ul {
	height: 312px;
}*/

body#index #featured div#featuredCaption {
	height: 64px;
	background:url(../images/featured-border-bottom.gif) no-repeat scroll transparent bottom left;
	padding: 8px 16px 0;
}

body#index #featured div#featuredCaption img {
	float: left;
/*	width: 112px;*/
	margin: 0 16px 0 0;
}

body#index #featured div#featuredCaption p {
	float: left;
	/*width: 400px;*/
	margin-bottom: 0;
}

body#index div#featured ul#featuredNav {
	width: 70px;
	height: 30px;
	position: absolute;
	right: 16px;
	bottom: 84px;
}

body#index div#featured ul#featuredNav li {
	float: left;
}

body#index div#featured ul#featuredNav li a.featuredPrev {
	width: 31px;
	height: 30px;
	margin: 0 8px 0 0;
	display: block;
	background:url(../images/featurednav-arrows-sprite.png) no-repeat scroll transparent 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

body#index div#featured ul#featuredNav li a.featuredPrev:hover {
	background:url(../images/featurednav-arrows-sprite.png) no-repeat scroll transparent 0 -32px;
}

body#index div#featured ul#featuredNav li a.featuredNext {
	width: 31px;
	height: 30px;
	display: block;
	background:url(../images/featurednav-arrows-sprite.png) no-repeat scroll transparent -32px 0;
	text-indent: -9999px;
	overflow: hidden;
}

body#index div#featured ul#featuredNav li a.featuredNext:hover {
	background:url(../images/featurednav-arrows-sprite.png) no-repeat scroll transparent -32px -32px;
}

/* End 4.1.1 Featured ------- */

/* 4.1.2 Information Buttons ------- */

.infoButtons {
	width: 272px;
	float: left;
	margin: 16px 16px 0 0;
}

.infoRight {
	margin: 16px 0 0 0;
}

.infoButtons p {
	margin: 0 16px 16px 16px;
}

.infoButtons a {
	margin: 0 16px;
	padding: 0 0 0 24px;
	height: 16px;
	display: block;
	overflow: hidden;
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -256px;
}

.infoButtons a:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -288px;
}

.infoButtons div#buttonLeft, .infoButtons div#buttonRight {
	width: 272px;
	background:url(../images/infobutton-border-middle.gif) repeat-y scroll transparent 0 0;
}

.infoButtons h2 {
	height: 32px;
	padding: 7px 16px 0;
	margin: 0;
	background:url(../images/infobutton-border-top.gif) no-repeat scroll transparent 0 0;
}

.infoButtons div.infoButtonsBorderBottom {
	background:url(../images/infobutton-border-bottom.gif) no-repeat scroll transparent 0 -16px;
	width: 272px;
	height: 16px;
}

/* 4.1.2 Information Buttons ------- */

/* End 4.1 Left Column Homepage ------------- */

/* 4.2 Right Column Homepage ------------- */

body#index #rightcol {
	float: right;
	width: 272px;
	background:url(../images/rightcolhome-border-middle.gif) repeat-y scroll transparent 0 0;
}

body#index #rightcolBorderTop {
	background:url(../images/rightcolhome-border-top.gif) no-repeat scroll transparent 0 0;
	height: 16px;
	float: right;
	width: 272px;
}

body#index #rightcolBorderBottom {
	background:url(../images/rightcolhome-border-bottom.gif) no-repeat scroll transparent 0 0;
	height: 16px;
	float: right;
	width: 272px;
}

body#index #rightcol ul {
	margin: 0;
}

body#index #rightcol p {
	margin: 0;
}

body#index #rightcol ul li {
	list-style: none;
}

body#index #rightcol img {
	width: 240px;
	margin: 0;
}

/* 4.2.1 News Featured ------- */

#rightcol div#newsFeatured {
	width: 240px;
	height: 296px;
	margin: 0 0 0 16px;
}

#rightcol div#newsFeatured a.newsImage {
	width: 240px;
	height: 156px;
	display: block;
	margin: 0 0 8px;
	box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
}

#rightcol div#newsFeatured p {
	margin: 0 0 16px;
}

/* End 4.2.1 News Featured ------- */

/* 4.2.2 News Archive ------- */

#rightcol div#newsArchive {
	width: 240px;
	height: 192px
}

#rightcol div#newsArchive {
	margin: 16px 0 0 16px;
}

#rightcol div#newsArchive a.newsMore span {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -188px;
	height: 8px;
	margin: 0 0 0 8px;
	
}

#rightcol div#newsArchive a.newsMore:hover span {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -220px;
}


/* End 4.2.2 News Archive ------- */

/* End 4.2 Right Column Homepage ------------- */

/* 4.3 Left Column Subpage ------------- */

#leftcol {
	width: 192px;
	float: left;
	margin: 0 16px 0 0;
}

#leftcol ul {
	margin: 0;
}

#leftcol ul li {
	list-style: none;
}

#leftcol ul#subnav li {
	padding: 0 0 16px;
}

#leftcol ul#subnav li a {
	width: 160px;
	padding: 0 0 4px 16px;
	display: block;
	border-bottom: 1px solid #ccc;
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -456px -187px;
}

#leftcol ul#subnav li a:hover, #leftcol ul#subnav li a.on  {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -448px -187px;
}

/* 4.3.1 First Level ------- */

#leftcol ul#subnav li ul {
	margin: 16px 0 0 4px;	
}

#leftcol ul#subnav li.first {
	margin: 0;
}

#leftcol ul#subnav li a.subnavTitle {
	padding: 4px 16px;
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px 0;
	background-color: #fd0;
	overflow: hidden;
	border: 0;
}

#leftcol ul#subnav li a.subnavTitle:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -56px;
	background-color: #ffc10e;
}

body#about-us #leftcol ul#subnav li a.subnavTitle {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -112px;
	background-color: #ccc;
}

body#about-us #leftcol ul#subnav li a.subnavTitle:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -168px;
	background-color: #a0a0a0;
}

body#for-charities #leftcol ul#subnav li a.subnavTitle, body#members-area #leftcol ul#subnav li a.subnavTitle {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -224px;
	background-color: #d6ed85;
}

body#for-charities #leftcol ul#subnav li a.subnavTitle:hover, body#members-area #leftcol ul#subnav li a.subnavTitle:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -280px;
	background-color: #acdb0b;
}

body#for-professional-advisers #leftcol ul#subnav li a.subnavTitle {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -336px;
	background-color: #9dcdf9;
}

body#for-professional-advisers #leftcol ul#subnav li a.subnavTitle:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px -392px;
	background-color: #3b9af2;
}

/* End 4.3.1 First Level ------- */

/* 4.3.2 Second Level ------- */

#leftcol ul#subnav li ul li a {
	background: none repeat scroll;
}

#leftcol ul#subnav li ul li {
	padding: 0 0 4px 4px;
}

/* End 4.3.2 Second Level -------- */

/* 4.3.3 Third Level ------- */

#leftcol ul#subnav li ul li ul {
	margin-left: 12px;
}

#leftcol ul#subnav li ul li ul a {
	width: 144px;
	border: 0;
}

/* End 4.3.3 Third Level ------- */

/* 4.3.4 Twitter Stream ------- */

#leftcol ul#twitterStream li {
	margin: 4px 0 0;
	padding: 0 0 4px;
}

#leftcol ul#twitterStream li.twitterTitle {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

#leftcol ul#twitterStream li.twitterBorder {
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 0 8px;
	padding: 0;
}	

#leftcol ul#twitterStream li p {
	padding: 0 8px;
	margin-bottom: 0;
}

#leftcol ul#twitterStream h3 {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -224px 0;
	overflow: hidden;
	height: 32px;
	padding: 7px 16px 0;
	margin: 16px 0 0;
}

#leftcol ul#twitterStream li.followus a {
}

/* End 4.3.4 Twitter Stream ------- */

/* End 4.3 Left Column Subpage ------------- */

/* 4.4 Right Column Subpage ------------- */

#rightcol {
	float: right;
	width: 640px;
	background:url(../images/subpage-border-middle.gif) repeat-y scroll transparent 0 0;
}

#rightcolBorderTop {
	background:url(../images/subpage-border-top.gif) no-repeat scroll transparent 0 0;
	height: 16px;
	float: right;
	width: 640px;
}

#rightcolBorderBottom {
	background:url(../images/subpage-border-bottom.gif) no-repeat scroll transparent 0 0;
	height: 16px;
	float: right;
	width: 640px;
}

body#about-us #rightcol {
	background:url(../images/subpage-border-about-middle.gif) repeat-y scroll transparent 0 0;
}

body#about-us #rightcolBorderTop {
	background:url(../images/subpage-border-about-top.gif) no-repeat scroll transparent 0 0;
}

body#about-us #rightcolBorderBottom {
	background:url(../images/subpage-border-about-bottom.gif) no-repeat scroll transparent 0 0;
}

body#for-charities #rightcol, body#members-area #rightcol {
	background:url(../images/subpage-border-charities-middle.gif) repeat-y scroll transparent 0 0;
}

body#for-charities #rightcolBorderTop, body#members-area #rightcolBorderTop {
	background:url(../images/subpage-border-charities-top.gif) no-repeat scroll transparent 0 0;
}

body#for-charities #rightcolBorderBottom, body#members-area #rightcolBorderBottom {
	background:url(../images/subpage-border-charities-bottom.gif) no-repeat scroll transparent 0 0;
}

body#for-professional-advisers #rightcol {
	background:url(../images/subpage-border-professionals-middle.gif) repeat-y scroll transparent 0 0;
}

body#for-professional-advisers #rightcolBorderTop {
	background:url(../images/subpage-border-professionals-top.gif) no-repeat scroll transparent 0 0;
}

body#for-professional-advisers #rightcolBorderBottom {
	background:url(../images/subpage-border-professionals-bottom.gif) no-repeat scroll transparent 0 0;
}

/* 4.4.1 contentMain ------- */

#rightcol div#contentMain {
	float: left;
	width: 448px;
	margin: 0 16px;
}

#rightcol div#contentMain p {
	margin-bottom: 0;
}

/*#rightcol img {
	float: left;
	width: 144px;
	margin: 36px 0 0;
}*/

/* End 4.4.1 contentMain ------- */

/* 4.4.2 ContentMain - News ------------- */

body#news #rightcol div#contentMain div.imageleft {
	box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
}


/* 4.4.2 ContentMain - News ------------- */

/* 4.4.3 ContentMain - Member Login ------------- */

body#login #rightcol div#contentMain p.alert {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent 0 -352px;
	width: 192px;
	height: 18px;
	padding-left: 24px;
}


/* 4.4.3 ContentMain - Member Login ------------- */

/*
---------------------------------------
	End 4.0 Content - Homepage
---------------------------------------
*/


/*
---------------------------------------
	5.0 Footer
---------------------------------------
*/


#footerBase {
	position: relative;
	margin: -20px 0 0; /* negative value of footer height */
	height: 20px;
	clear:both;
	width: auto; /* was 100% */
    overflow: visible;
	text-align: left;
	padding: 0;
}

#footer {
	width: 944px;
	margin: 0 auto;
}

/*Opera Fix for Stickyfooter*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#footer div#footerLinks, #footer div#footerCopyright {
	float: right;
}

#footer div#footerCopyright {
	margin: 16px 0 0;
}

#footer div#footerLinks ul#footerInfo {
	float: left;
	margin: 0 16px 0 0;
}

#footer div#footerLinks ul#footerInfo li {
	margin: 0 16px 0 0;
	float: left;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	list-style: none;
}

#footer ul#footerSocialmedia {
	float: left;
}

#footer ul#footerSocialmedia li {
	float: left;
	width: 32px;
	margin: 0 0 0 16px;
}

#footer ul#footerSocialmedia li a.footerFacebook {
	width: 32px;
	height: 32px;
	display: block;
	background:url(../images/master-sprite.gif) no-repeat scroll transparent 0 -96px;
	text-indent: -9999px;
	overflow: hidden;
}

#footer ul#footerSocialmedia li a.footerFacebook:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent 0 -136px;
}

#footer ul#footerSocialmedia li a.footerTwitter {
	width: 32px;
	height: 32px;
	display: block;
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -48px -96px;
	text-indent: -9999px;
	overflow: hidden;
}

#footer ul#footerSocialmedia li a.footerTwitter:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -48px -136px;
}

#footer ul#footerSocialmedia li a.footerYoutube {
	width: 32px;
	height: 32px;
	display: block;
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -96px -96px;
	text-indent: -9999px;
	overflow: hidden;
}

#footer ul#footerSocialmedia li a.footerYoutube:hover {
	background:url(../images/master-sprite.gif) no-repeat scroll transparent -96px -136px;
}


/*
---------------------------------------
	End 5.0 Footer
---------------------------------------
*/