/* CSS Document - COop*/

body { 
color:#000; 
font:13px Arial, Helvetica, sans-serif; color:#000000;
margin: 0; 
padding:0;
min-width: 800px; 
text-align: center;
}

/*skiplinks for access keys*/
#skiplinks {display:none;}

#skiplinks li { 
display:inline;
margin: 0;
padding: 0;
list-style-type: none; 
} 

#skiplinks a { 
position: absolute;
top: 0;
left: 20px;
width: 0px;
height: 0;
z-index: 1000;
background-color: #fff;
color: #dc2a1a;
font-weight: bold;
font-size: 1em !important;
overflow: hidden;
} 

#skiplinks a:active { 
position: absolute;
margin: 0;
padding:6px;
width: auto;
height: auto;
border-top-width: 0px;
border-left-width: 0;
border-bottom-width: 0;
overflow: visible; 
border-right-width: 0; 
font-size: 0.6em;
} 

hr.hide { display: none;}


#topframe { 
position:relative;
width: 800px;
margin: 0 auto;
padding:0;
text-align:left;
height:16px;
}

/*top level links*/
#help { 
position:relative;
width: 800px;
margin: 0 auto;
padding:0;
background: #fff;
color: #000;
text-align:right;
}

#help ul{
display:inline;
list-style-type: none;
padding: 0;
margin: 0;
}

#help li { 
display:inline;
list-style-type: none;
}

#help ul li a {
font-family: "Arial Narrow", helvetica, sans-serif;
font-weight:normal;
color: #555;
background: #fff;
padding:0;
margin:0 7px;
text-decoration:none;
}

#help ul li a:hover {
text-decoration:underline;
}

#help li a.current {
text-decoration:underline;
}

#help li#showimages { 
display:none;
}

/* header */

#top {width:800px; height:176px; padding:0px 0px 0px 0px; margin:0px auto 15px auto; }
#top img {border:none;}

#logo { float:left; display:inline; margin:40px 350px 0px 0px; }

/* Navigation */
#nav { float:left; clear:both; width:800px; height:42px; padding:0px; margin:19px 0px 0px 0px; list-style:none; }
#nav li { float:left; }
#nav a { float:left; margin:0px 2px 0px 0px; }
#nav img { float:left; }
.navHidden { display:none; }
.navTabLarge { width:105px; height:42px; }
.navTabSmall { width:90px; height:42px; }

#subNav { float:left; width:700px; height:35px; padding:0px; margin:0px; list-style:none; overflow:hidden; }

#subNav li { float:left; text-align:center; }

#subNav a { float:left; height:35px; font:11px Arial, Helvetica, sans-serif; line-height:18px; text-decoration:none; }
#contact {
float:left;width:70px;
margin:0;
padding:7px 0 0 0;
list-style:none;
font-size:11px;
}

#contact a {
color:#fff;
text-decoration:none;
}
#bd-home #contact {
float:right;
margin-right:30px;
}

/*

#subNav a:hover { background:url(/pics/back_sub_nav_on.gif) repeat-x; color:#676e00; }

*/



.subNavLast { height:28px; padding-left:8px; padding-right:8px; color:#FFFFFF; }

li#ourcommunity a.subNavMid, li#membership a.subNavMid, li#bank a.subNavMid, li#furtherresearch a.subNavMid, li#communitywork a.subNavMid, li#onlinebeegame a.subNavMid { height:28px; padding-left:8px; padding-right:8px; color:#FFFFFF; background:none;}

.subNavSingleLine { height:22px; padding-top:6px; }


/*content frame*/
#frame { 
position:relative;
width: 800px;
margin: 0 auto;
padding:0;
text-align:left;
}

/*breadcrumb*/

#breadcrumb { 
position: relative;
width: 460px;
background:#fff;
color:#555;
margin:-12px 0 0 0;
padding:0;
float:left;
font:13px Arial, Helvetica, sans-serif;
}

#breadcrumb ul {
margin: 0 0 11px 25px !important;
padding: 0;
list-style : none;
}

#breadcrumb ul li {	
padding: 0;
margin: 0;
display:inline;
}	

#breadcrumb a{
padding: 0 20px 0 0;
margin: 0;
display:inline;
color:#666;
text-decoration: none;
background:#fff url(../images/blue/breadcrumb_arrow.gif) right no-repeat !important;
}

#breadcrumb a:hover {
display:inline;
text-decoration: underline;
}	

#breadcrumb ul li.current {
background:#fff;
}


body#bd-twocols #breadcrumb, body#bd-home #breadcrumb{width:630px; margin-bottom:11px;}

body#bd-twocols #breadcrumb  ul, body#bd-home #breadcrumb  ul  {
margin: 0 !important;
}


/* home breadcrumb -----------*/
body#bd-home #breadcrumb li.current {display:none;}


/* maincontainer -----------*/
#maincontainer { 
position: relative;
width: 800px;
padding:0;
margin:0;
float:left;
}



p {
background:#fff;
color:#0c1967;
font-size:1.2em;
padding:0;
margin:7px 5px 15px 0;
}


/* sub nav -----------*/

body#bd-twocols #left {display:none; margin:0; padding:0; width:0;}

body#bd-twocols #copy{ 
width: 630px;
}

body#bd-twocols #copy p, body#bd-twocols #copy h1, body#bd-twocols #copy h2 {margin-left:0;}
body#bd-home #left {width:0;}
body#bd-home #copy {width:605px;}
body#bd-home #copy p, body#bd-home #copy h1 {margin-left:0; padding-left:0;}

body#bd-home img.general {
float:right;
}

#copy { 
position: relative;
width: 460px;
padding:0;
margin:0;
float:left;
background:#fff;
}

#copy h1 {
font:normal 2.05em arial narrow, Arial, Helvetica, sans-serif; 
margin:0 25px 5px 25px;
display:block;
clear:both;
}

#copy p {
margin:0px 25px 8px 25px;
padding:0;
color:#000;
background:#fff;
line-height:18px;
font:normal 13px Arial, Helvetica, sans-serif;
}

#copy img {
border:none;
}

#copy a {
background:#fff;
color:#555;
text-decoration:underline;
}

#copy a:hover {
background:#ccffff;
color:#666;
text-decoration:underline;
}

#tabbedinfo a {
background:#fff;
color:#555;
text-decoration:underline;
}

#tabbedinfo a:hover {
background:#ccffff;
color:#666;
text-decoration:underline;
}


#tabbedinfo img#beead {margin:0 0 46px 0;}

#tabbedinfo h1 {
font:normal 2.05em arial narrow, Arial, Helvetica, sans-serif; 
margin:0 25px 5px 0px;
display:block;
clear:both;
color:#000066;
}

#tabbedinfo img.general {
float:right;
}

#tabbedinfo ul.banners { 
display: block;
float: left;
list-style-type: none; 
margin: 21px 0 11px 0; 
padding: 0;
border:none;
width:800px;
overflow:visible;
} 

#tabbedinfo li.banners { 
display: block;
list-style-type: none; 
padding:0;
margin:0;
} 


#copy em {overflow:visible; letter-spacing:0.075em; font-size:12px; background:none;}

#copy ul {margin:5px 25px 5px 42px;}

html > body #copy ul {margin-left:0;}

/* flash movie stills */

#flashowen img, #flashdebbie {
margin:0 20px;
}

/* sitemap  -----------------------*/


#copy h4  {
font-weight: bold;
font-size: 13px;
line-height: 1.4em;
margin: 0px 25px 5px 0;
padding:3px 0 3px 3px;
background:#000066;
color:#fff;
}

#copy div.smCol {
width:630px;
margin:0;
padding:0;
float:left;
}

#copy div.smLfCol {
width:300px;
float:left;
}

#copy div.smRtCol {
width:300px;
float:left;
}

#copy  ul.bulletSub{ 
margin: 0 0 20px 25px;
padding: 0;
list-style-type: none; 
width:200px;
} 

#copy  ul.bulletThird{ 
margin: 6px 0 6px 8px;
padding: 0;
list-style-type: none; 
width:150px;
} 

/*rightside pics*/

#pic { 
position: relative;
width: 170px;
padding:0;
margin:-27px 0 0 0;
float:left;
}

#pic img {
border-top:none;
border-right:none;
border-bottom:2px solid #666666;
border-left:none;
padding:13px 0;
margin:0;
}

#pic img.noborder {border-bottom:none;}

#pic ul.banners { 
display: block;
float: left;
list-style-type: none; 
margin: 0; 
padding: 0;
border:none;
} 

#pic li.banners { 
display: block;
list-style-type: none; 
padding:0;
margin:0;
} 

#pic li.banners #tips{ 
padding:13px 0;
border-bottom:2px solid #666666;
} 

.alttext {display:none;}

/* footer -----------*/

#foot { 
position: relative;
width: 800px;
height:50px;
margin: 0;
padding:0;
color:#000;
background:#fff;
float:left;
border-top:1px solid #000;
}

#foot ul {
position: relative;
padding: 15px 0 0 10px;
margin: 0;
list-style: none;
}

#foot li {	
position: relative;
padding: 0;
margin: 0 0 7px 0;
display:inline;
}

#foot a {
font:15px arial narrow, Arial, Helvetica, sans-serif;
color:#555;
background:#fff;
font-weight:normal;
text-decoration: none;
}

#foot a:hover {
text-decoration: underline;
}	

#foot p {
position: relative;
font:15px arial narrow, Arial, Helvetica, sans-serif;
color:#000;
background:#fff;
padding:0 0 20px 0;
margin:6px 0 0 10px;
}

#copy p.footer {
font-size:1.1em;
padding:10px 0 25px 0;
}


/* blue style */


body {background:url(../images/blue/back_top_bar.gif) repeat-x #FFFFFF;}

#top {background:url(../images/blue/back_top_bar.jpg) no-repeat;}

#copy h1 {color:#000066;}

#copy h2 {color:#000066;}

#copy h3.display, #copy h3.display a {color:#000066;}

.subNavFirst { height:28px; padding-left:8px; padding-right:8px; background:url(../images/blue/nav_border_right.gif) right 7px no-repeat; color:#FFFFFF; }

.subNavMid { height:28px; padding-left:8px; padding-right:8px; background:url(../images/blue/nav_border_right.gif) right 7px no-repeat; color:#FFFFFF; }

.navSubOn, li#ourcommunity a.navSubOn, li#membership a.navSubOn, li#programmes a.navSubOn, li#bank a.navSubOn, li#furtherresearch a.navSubOn, li#communitywork  a.navSubOn  { background:url(../images/blue/back_sub_nav_on.gif) repeat-x !important; color:#000066 !important;}


#left li {border-bottom:1px solid #000066;}

#left li a {color:#000066;}

#left li a.current {color:#000066;}


#gradcontent p, #traveltracker p {
margin:0;
padding:0 25px 8px 0;
color:#000;
background:#fff;
line-height:18px;
font:normal 13px Arial, Helvetica, sans-serif;
}

#gradcontent img, #promos img{
border:none;
}

#promos ul.banners { 
display: block;
float: left;
list-style-type: none; 
margin: 0; 
padding: 0;
border:none;
} 

#promos li.banners { 
display: block;
list-style-type: none; 
padding:0 0 24px 4px;
margin:0;
} 

#gradcontent {
width:603px;
float:left;
position:relative;
}


/* Start of tab styles*/
#tabbedinfo {
width:588px;
float:left;
position:relative;
margin:0;
padding:0 0 12px 0;
}

/*begin Banner Selector*/
#gradcopy h2 {color:#000066; font:22px arial narrow, Arial, Helvetica, sans-serif;}


.bannerSelector
{
    min-height: 301px;
    height: auto !important;
    height: 301px;
}

.bannerSelector .bannerTabs
{
    float: right;
    width: 210px;
}

.bannerSelector .bannerTabs ul
{
    padding: 0;
    margin: 0;
}

.bannerSelector .bannerTabs li
{
    position: relative;
    padding: 0;
    list-style: none;
    border-top: 1px solid #9e9e9e;
    border-left: 1px solid #9e9e9e;
    border-bottom: none !important;
    border-right: 1px solid #9e9e9e;
    width: 198px;
    min-height: 73px;
    height: auto !important;
    height: 73px;
    margin: 0 0 0 12px;
    background: transparent url(../Images/tabs/bannerSelectorLiBack.jpg) repeat-x right top;
    background-color: #cdcdcd;
    cursor: pointer;
    z-index: 99999;
}

.bannerSelector .bannerTabs li.noBorderTop
{
    border-top: none;
}

.bannerSelector .bannerTabs li a
{
    text-decoration: none;
    cursor: pointer;
}

.bannerSelector .bannerTabs li h2
{
    padding: 0 !important;
    margin: 0 !important;
	width:140px;
	font:bold 1.2em Arial Narrow, Helvetica, sans-serif !important;
}

.bannerSelector .bannerTabs p
{
    padding: 0 !important;
    margin: 0 !important;
    color: #000000;
	background:none !important;
	font:1.11em Arial Narrow, Helvetica, sans-serif !important;
}

.bannerSelector .bannerTabs li.current p
{
    color: #ffffff !important;
	background:none !important;
}

.bannerSelector .bannerTabs li .padding
{
    padding: 5px;
}

.bannerSelector .bannerTabs li.current .padding
{
    padding: 5px 5px 5px 19px;
}

.bannerSelector .bannerTabs li.current
{
    padding: 0 0 0 0px;
    list-style: none;
    border-top: none;
    border-left: none;
    border-right: 1px solid #9e9e9e;
    border-bottom: none !important;
    width: 210px;
    min-height: 73px;
    height: auto !important;
    height: 73px;
    margin: 0 0 0px 1px;
    background: none;
    color: #fff !important;
    z-index: 99999;
}

.bannerSelector .bannerTabs li.current .arrow
{
    position: absolute;
    top: 40%;
    left: 2px;
    width: 13px;
    height: 13px;
    background: transparent url(../Images/tabs/arrow.png) no-repeat 0 0;
}


.bannerSelector .bannerTabs li.current, .bannerSelector .bannerTabs li.current h2
{
    color: #fff !important;
}

.bannerSelector .bannerTabs li.current .top
{
    width: 210px;
    min-height: 73px;
    height: auto !important;
    height: 73px;
}
/* Very bottom tab needs extra padding when current*/
.bannerSelector .bannerTabs li.currentBottom .top
{
    /*padding-bottom: 1px;*/
}


.bannerSelector .bannerTabs li.current .bot
{
    width: 210px;
    height: 5px;
}

.bannerSelector .bannerTabs li.current.master .top, .bannerSelector .bannerTabs li.current.corporate .top, .bannerSelector .bannerTabs li.current.fund .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabMasterTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.master .bot, .bannerSelector .bannerTabs li.current.corporate .bot, .bannerSelector .bannerTabs li.current.fund .bot
{
    background: transparent url(../Images/tabs/tabMasterBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.travel .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabTravelTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.travel .bot
{
    background: transparent url(../Images/tabs/tabTravelBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.membership .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabMembershipTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.membership .bot
{
    background: transparent url(../Images/tabs/tabMembershipBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.food .top, .bannerSelector .bannerTabs li.current.farms .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabFoodTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.food .bot, .bannerSelector .bannerTabs li.current.farms .bot
{
    background: transparent url(../Images/tabs/tabFoodBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.funeralcare .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabFuneralcareTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.funeralcare .bot
{
    background: transparent url(../Images/tabs/tabFuneralcareBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.financial .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabFinancialTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.financial .bot
{
    background: transparent url(../Images/tabs/tabFinancialBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.pharmacy .top
{
    width: 210px;
    background: transparent url(../Images/tabPharmacyTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.pharmacy .bot
{
    background: transparent url(../Images/tabs/tabPharmacyBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.legal .top, .bannerSelector .bannerTabs li.current.clothing .top
{
    width: 210px;
    background: transparent url(../Images/tabs/tabLegalTop.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current.legal .bot, .bannerSelector .bannerTabs li.current.clothing .bot
{
    background: transparent url(../Images/tabs/tabLegalBot.png) no-repeat right top;
}

.bannerSelector .bannerTabs li .topRight
{
    position: absolute;
    top: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background: transparent url(../Images/tabs/bannerSelectorLiTopRight.jpg) no-repeat right top;
}

.bannerSelector .bannerTabs li.current .topRight
{
    position: absolute;
    top: 0px;
    right: -1px;
    width: 5px;
    height: 5px;
    background: transparent url(../Images/tabs/tabSelectorLiTopRight.png) no-repeat right top;
}

.bannerSelector .bannerTabs li.current .botRight
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background: transparent url(../Images/tabs/tabSelectorLiBotRight.png) no-repeat right bottom;
}

.bannerSelector .bannerTabs li .botRight
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background: transparent url(../Images/tabs/bannerSelectorLiBotRight.jpg) no-repeat right bottom;
}

.bannerSelector .bannerTabs li.borderBottom
{
    border-bottom: 1px solid #9e9e9e !important;
    padding: 0 0 1px 0;
}

.paddingBottom
{
    padding-bottom: 12px !important;
}

.noMarginBottom
{
    margin-bottom: 0px !important;
}

.bannerTabArea
{
    position: absolute;
    border: none;
    float: left !important;
}

.bannerTabArea p {
	background:none !important;
}


.tab1 {
	padding:10px 0 10px 20px;
	width: 392px;
	height:282px;
	background:url(../images/tabs/1_LeadershipProgramme.jpg) no-repeat;
}

.tab1 h2 {
	font:normal 1.8em arial narrow, Arial, Helvetica, sans-serif !important; 
	color:#003366 !important;
	margin:0 !important;
	padding:10px 180px 0 0 !important;
}

.tab1 p {
	margin:0;
	padding:30px 50px 0 0 !important;
}

.tab2 {
	padding:10px 0 10px 20px;
	width: 392px;
	height:282px;
	background:url(../images/tabs/2_Pharmacy.jpg) no-repeat;
}

.tab2 h2 {
	font:normal 1.8em arial narrow, Arial, Helvetica, sans-serif !important; 
	color:#003366 !important;
	margin:0 !important;
	padding:10px 200px 0 0 !important;
}

.tab2 p {
	margin:0;
	padding:30px 50px 0 0 !important;
}

.tab2 a {
	color:#fff;
	text-decoration:none;
}

.tab2 a:hover {
	text-decoration:underline;
}

.tab3 {
	padding:10px 0 10px 20px;
	width: 392px;
	height:282px;
	background:url(../images/tabs/3_Funeralcare.jpg) no-repeat;
}

.tab3 h2 {
	font:normal 1.8em arial narrow, Arial, Helvetica, sans-serif !important; 
	color:#003366 !important;
	margin:0 !important;
	padding:10px 200px 0 0 !important;
}

.tab3 p {
	margin:0;
	padding:30px 50px 0 0 !important;
}

.tab3 a {
	color:#fff;
	text-decoration:none;
}

.tab3 a:hover {
	text-decoration:underline;
}

.tab4 {
	padding:10px 0 10px 20px;
	width: 392px;
	height:280px;
	background:url(../images/tabs/4_FarmsManagement.jpg) no-repeat;
}

.tab4 h2 {
	font:normal 1.8em arial narrow, Arial, Helvetica, sans-serif !important; 
	color:#003366 !important;
	margin:0 !important;
	padding:10px 200px 0 0 !important;
}

.tab4 p {
	margin:0;
	padding:30px 50px 0 0 !important;
	font-size:0.9em !important;
	line-height:1.3em;
}

.tab4 a {
	color:#000;
	text-decoration:underline;
}

.tab4 a:hover {
	text-decoration:none;
}

/* End of tabbed styles*/