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

/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    Gareth Watson
email:     gwatson@w-c-s.co.uk
website:   http://www.dundrumcu.ie/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
}

/* =Generic Typography
-----------------------------------------------------------------------------*/

p {
	font-size:12px;
	margin:10px 10px 10px 5px;
	line-height:130%;
}

/* =Generic Container Styles
-----------------------------------------------------------------------------*/

#container {
	width:804px;
	margin:15px auto 0 auto;
	text-align:left;	
	background-color:#ffffff;
}

/* =Generic Header Styles
-----------------------------------------------------------------------------*/

#header {
	background-repeat: no-repeat;
	background-position: top;	
}

/*HEADER Styles - this sets heading text to blue along with underline - may need to change for colour sections*/
h1 {
	font-weight:normal;
	font-size:36px;
	width:460px;
	margin:15px 0 15px 7px;
	float:left;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#222278;	/*Set Border Blue*/
}

/*H1 Anchor - sets text blue */
h1 a {
	color:#222278;
	text-decoration:none;}

/*As above*/
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color:#222278;}

/*Places the logo - this may need to be changed to different colours*/
img.logo {
	border:0px solid red;
	margin:15px 7px 0 0;
	float:right;	
}


/* =Main Tabbed Navigation
-----------------------------------------------------------------------------*/


/*Generic styles setting font size, placement, etc */
ul#navigation {
	clear:both;
	margin:0 7px 0 6px;
	border-bottom-width:5px;
	border-bottom-style:solid;
	/*border-bottom-color:#dcdcf8; /*needs removed and placed in colour coded section*/
	height:37px;
	list-style:none;
	margin-bottom:2px;
	font-size:14px;
}

ul#navigation li {
	float:left;
	margin-right:1px;
	height:37px;
}

ul#navigation li a {
	display:block;
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	color:#ffffff;
}

/*Navigational Functionality*/

/*text link color for home tab*/
a.home{color:#222278;}

/*up state for each individual tab - setting body id tag to the appropriate id will cause that tab to be in the 'up' position */

#home li.home {background-image: url(../images/nav-home-up.jpg);}
#home a.home {padding-top:10px;}
#contact li.contact {background-image: url(../images/nav-contact-up.jpg);}
#contact a.contact {padding-top:10px;}
#member li.member {background-image: url(../images/nav-members-up.jpg);}
#member a.member {padding-top:10px;}
#loans li.loans {background-image: url(../images/nav-loans-up.jpg);}
#loans a.loans {padding-top:10px;}
#forms li.forms {background-image: url(../images/nav-forms-up.jpg);}
#forms a.forms {padding-top:10px;}
#comm li.community {background-image: url(../images/nav-community-up.jpg);}
#comm a.community {padding-top:10px;}
#cuonline li.login {background-image: url(../images/nav-login-up.jpg);}
#cuonline a.login {padding-top:10px;}
#about li.about {background-image: url(../images/nav-about-up.jpg);}
#about a.about {padding-top:10px;}

/*default down state and properties on all tabs*/
li.home {
	background-image: url(../images/nav-home-down.jpg);
	background-repeat: no-repeat;
	background-position: bottom;	
	background-color:#dcdcf8;
	width:61px;
	}

li.contact {
	background-image:url(../images/nav-contact-down.jpg);
	background-repeat:no-repeat;
	width:97px;
	background-color:#c30f00;
}

li.member {
	background-image:url(../images/nav-members-down.jpg);
	background-repeat:no-repeat;
	width:138px;
	background-color:#c30f00;
}

li.loans {
	background-image:url(../images/nav-loans-down.jpg);
	background-repeat:no-repeat;
	width:58px;
	background-color:#c30f00;
}

li.forms {
	background-image:url(../images/nav-forms-down.jpg);
	background-repeat:no-repeat;
	width:61px;
	background-color:#c30f00;
}

li.community {
	background-image:url(../images/nav-community-down.jpg);
	background-repeat:no-repeat;
	width:157px;
	background-color:#c30f00;
}

li.login {
	background-image:url(../images/nav-login-down.jpg);
	background-repeat:no-repeat;
	width:130px;
	background-color:#c30f00;
}

li.about {
	background-image:url(../images/nav-about-down.jpg);
	background-repeat:no-repeat;
	width:81px;
	background-color:#c30f00;
}

/* =Generic Main Content Column Area Styles
-----------------------------------------------------------------------------*/

#maincol {
	width:620px;
	float:right;
	margin-right:2px;
	margin-bottom:5px;
}

#maincol h2 {
	font-size:18px;
	margin:5px 5px 15px 5px;
}

#maincol h3 {
	font-size:16px;
	margin:5px 5px 15px 5px;
}

/* =Generic Main Content Area Styles
-----------------------------------------------------------------------------*/

#content {
	float:left;
	width:430px;
}


/* controls all tags used on the news page - most specifically the repeating regions*/
#newspage {
	
}

#newspage h3 {
	margin-top:25px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#f5a52e;	
}

/*GENERIC STYLES FOR THE SPOTLIGHTS - i.e. two boxes at bottom of main content area */
/* =Generic Spotlight Styles
-----------------------------------------------------------------------------*/

ul#spotlight {
	list-style:none;
}

ul#spotlight li {
	float:left;
	text-align:left;
	width:200px;
	margin:5px 5px 5px 5px;
	
}

/*Generic styles for spotlight area - removed all colour references */
ul#spotlight h3 {
	font-weight:normal;
	font-size:16px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-bottom:5px;
}

/*Placement of spotlight images*/
img.spotlight {margin:0 10px 0 0 }

/*Styles for right hand side sub navigation*/
/* =Generic Styles for right hand side sub nav area
-----------------------------------------------------------------------------*/

ul#subnav {
	border-left-width:1px;
	border-left-style:solid;
	float:right;
	width:180px;
	list-style:none;
	margin: 5px 0 0 0;
}

ul#subnav li {
	margin-bottom:8px;
}

/*Place Headings for right hand side sub nav area*/
ul#subnav h3 {
	font-weight:normal;
	font-size:16px;
	margin-left:10px;
}

/*Place <p> tags for right hand side sub nav area */
ul#subnav p {
	color:#222278;
	margin-left:10px;
	border:0px solid red;
	width:80px;	
	line-height:120%;
}

/*Placement of images for right hand side sub nav area*/
img.subnav {
	border:0px solid green;
	float:right;
	margin-top:10px;
}

/*Placement of buttons for right hand side sub nav area*/
img.button {
	margin-left:10px;
}


/* =Left Hand Side Area - secondary Navigation - colour coded!!!
In this section all colour references and colour-based bg images have been  
removed and placed in relevant colour section of style sheet
-----------------------------------------------------------------------------*/

/*Place the column*/
#sidecol {
	width:180px;
	float:left;
	text-align:center;
}

/*Set the style for the 'Quick Links' heading*/
#sidecol h3 {
	color:#ffffff; /*Set text colour white as all h3 tags will be this colour*/
	font-weight:normal;
	font-size:16px;
	padding:5px 5px 5px 5px;	
}

/*Generic styles to set area contain side column contents */
#sidecolcontent {
	width:165px;
	text-align:left;
	margin:0 auto;
}

/*Sets bg colour of 'jump' menu*/
#linkmenu {
	padding: 5px 5px 5px 5px;
}

/*Kill the bullet points circles*/
ul#secnav {
	list-style:none;
}

/*Set the generic elements of the menu items in the sub nav area*/
ul#secnav li {
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	/*height:22px;*/
}

/*Set the generic styles for the anchors in the sub nav area*/
ul#secnav li a {
	text-decoration:none;
	color:#ffffff; /*text colour will stay white*/
	font-size:12px;
	padding-left:20px;
	background-position: 5px;
}

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

/*This is the area contain all the news items - sets generic styles*/
#news {
	/*margin:0 0 5px 0;*/
	text-align:center;
}

p.morenews {
	padding:0 0 4px 0;
	margin:0 0 0 60px;
}

p.morenews a {
	color:#ffffff;
	font-size:10px;
}

/*Sets Generic Styles for the news scroller*/
#newsscroller {
	text-align:left;
	width:143px;
	height:167px;
	margin:5px auto 5px auto;	
	background-color:#FFFFFF;
}

/*sets applet container*/
#applet {
	padding:5px;
}

/*Sets the 'latest news' generic styles*/
#newsscroller h4 {
	color:#ffffff;
	font-weight:normal;
	padding:2px 0 2px 5px;
	font-size:12px;
}

#scrollingcontainer {}

/*Places image below subnav area*/
img.building {
	margin-top:15px;
}

/* =Footer - links and font colour change to repesent colour of section??
-----------------------------------------------------------------------------*/

/*Generic Footer container styles*/
#footer {
	clear:both;	
	background-repeat: no-repeat;
	background-position: bottom;
	color:#222278;
	border:0px solid blue;
}

/*Place UL contain footer navigation*/
ul#ulfooter {
	font-size:12px;
	list-style:none;
	margin-left:15px;
	margin-right:15px;
	border-top-width:1px;
	border-top-style:solid;
}

/*Place the li items*/
ul#ulfooter li {
	float:left;
	margin-right:2px;
	margin-top:10px;
	margin-bottom:10px;
}

/*Underline the footer links on rollover*/
ul#ulfooter li a:hover{
	text-decoration:underline;
}

/*Set the copyright text */
p.copyright {
	font-size:10px;
	margin-left:20px;
	padding-bottom:8px;
}

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

/*table*/

table{font-size:12px}
table td {padding:5px;}

/*=========================
Color Code Table Properties
==========================*/

table.contactdetails {
	border:1px solid #c30f00;
	margin:10px 15px;
}

table.contactdetails th {
	background-color:#c30f00;
	color:#ffffff;
	padding:5px;
}


table.community {
	border:1px solid #d356d6;
}

table.community th {
	background-color:#d356d6;
	color:#ffffff;
	padding:5px 2px;
}

table.community tr.row1 {
	background-color:#f19aee;
}

table.community tr.row2 {
	
}

table.member {
	border:1px solid #2a9534;
}

table.member th {
	background-color:#2a9534;
	color:#ffffff;
	padding:5px 2px;
}

table.member tr.row1 {
	background-color:#c8f6b8;
}

table.loans {
	border:1px solid #e47025;
}

table.loans th {
	background-color:#e47025;
	color:#ffffff;
	padding:5px 2px;
}

table.loans tr.row1 {
	background-color:#f5e3cc;
}

/*
Heading Colour: #e47025
Base Colour 1: #e47025
Base Colour 2: #d78f5e
Body BG Color: #cd965a
Dividing lines; #f5e3cc
*/
table.loancalc {
	border:1px solid #e47025;
}

table.loancalc tr.row1 {
	background-color:#f5e3cc;
}

table.loancalc tr.row2 {
	border:1px solid #e47025;
}


/*========================
Color Code the Bold <strong> tag
==========================*/

#home strong{color:#222278}
#contact strong{color:#c30f00}
#comm strong{color:#d356d6}
#loans strong{color:#e47025}
#cuonline strong{color:#e5ad26}
#about strong{color:#66e666}
#member strong{color:#2a9534}

/*=====
Lists
======*/

ul.standardlist{
	list-style:none;
	font-size:12px;
	margin:10px;
}

ul.standardlist li{
	margin:10px 0 10px 0;
}

ul.standardlist-points{
	font-size:12px;
	margin:10px;
}

ul.standardlist-points li{
	margin:10px 0 10px 15px;
}

ul.standardlist-sitemap {
	list-style:none;
	font-size:12px;
	margin:10px;}

ul.standardlist-sitemap li {
	margin:10px 0 10px 0;
}

ul.standardlist-sitemap li ul li{
	list-style:none;
	margin-left:20px;
}

ol {
	margin:10px;
	font-size:12px;
}

ol li{
	margin:10px 0 10px 15px;
}

li.stdtext {
	margin:10px;
	font-size:12px;
}

/*styles for definitions list*/
/*
bit of a cheat really but the idea is that when a user creates a bulleted list in 
contribute that they create a definition list and it will be styled correctly
*/
/*
This is done because contribute does not allows the UL tag to be styled just the LI items
*/
/*
This means that the user cannot apply the standardlist-points style to an unordered list in 
contribute
*/

/*defiine list*/
dl {
	font-size:12px;
	margin:10px;
	
}

/*define items*/
dt {
	margin:10px 0 10px 0px;
	padding-left:15px;
	background-image:url(../images/bulletpoint.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/*define items*/
dd {
	margin:10px 0 10px 0px;
	padding-left:15px;
	background-image:url(../images/bulletpoint.gif);
	background-position:left;
	background-repeat:no-repeat;
}



/*===========================================================================
|          COLOUR CODED AREAS                                               |
============================================================================*/

/* =home i.e. Make Everything Blue AND set text header colours
Heading Colour: #f5a52e
Base Colour 1: #222278
Base Colour 2: #6f6fad
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#home {
	background-color:#5a5acd;	
}

/*set the header bg*/
#home #header {
	background-image: url(../images/home-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#home ul#navigation {border-bottom-color:#dcdcf8;}

/*set the footer bg*/
#home  #footer {	
	background-image: url(../images/home-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#home #maincol h3.sitemap {
	color:#f5a52e;
	border-bottom:1px solid #f5a52e;	
}


#home #maincol h2, #home #maincol h3 {
	color:#f5a52e;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#home ul#spotlight h3 {
	color:#f5a52e;
	border-bottom-color:#f5a52e;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#home ul#subnav h3 {
	color:#f5a52e;
}

/*Sets the vertical line colour on secondary nav area*/
#home ul#subnav {
	border-left-color:#e4e4fa;
}

/*Set the background image for top of quicklinks*/
#home #sidecol h3 {
	background-image: url(../images/quicklinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#222278;
}

/*Set the background image for bottom of quicklinks*/
#home #sidecolcontent {
	background-image: url(../images/quicklinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#home #linkmenu {
	background-color:#222278;
}

/*Set the colours for the menu items on the subnav bar*/
#home ul#secnav li {	
	border-top-color:#6f6fad;	
	border-bottom-color:#222278;
	background-image: url(../images/subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#home ul#secnav li a {
	background-image:url(../images/subnav-ul.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#home #news {
	border:1px solid #222278;
	background-image:url(../images/subnav-news-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#d9d9f6;
}

/*Sets colour Styles for the news scroller*/
#home #newsscroller {
	border:1px solid #222278;
}

/*Sets the 'latest news' colour styles*/
#home #newsscroller h4 {
	background-color:#222278;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#home #footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color:#222278;
}

/*set UL contain footer navigation - uper border colour*/
#home ul#ulfooter {
	border-top-color:#e4e4fa;	
}	

/*Set the colour of the links in the footer*/
#home ul#ulfooter li a{	
	color:#222278
}	



/* =contact i.e. Make Everything Red AND set text header colours
Heading Colour: #c30f00
Base Colour 1: #c30f00
Base Colour 2: #ad6f6f
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#contact {
	background-color:#cd5a5a;	
}

/*set the header bg*/
#contact #header {
	background-image: url(../images/contact-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#contact ul#navigation {border-bottom-color:#c30f00;}

/*set the footer bg*/
#contact #footer {	
	background-image: url(../images/contact-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#contact #maincol h2, #contact #maincol h3 {
	color:#c30f00;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#contact ul#spotlight h3 {
	color:#c30f00;
	border-bottom-color:#c30f00;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#contact ul#subnav h3 {
	color:#c30f00;
}

/*Sets the vertical line colour on secondary nav area*/
#contact ul#subnav {
	border-left-color:#fae4e4;
}

/*Set the background image for top of quicklinks*/
#contact #sidecol h3 {
	background-image: url(../images/contact-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#c30f00;
}

/*Set the background image for bottom of quicklinks*/
#contact #sidecolcontent {
	background-image: url(../images/contact-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#contact #linkmenu {
	background-color:#c30f00;
}

/*Set the colours for the menu items on the subnav bar*/
#contact ul#secnav li {	
	border-top-color:#ad6f6f;	
	border-bottom-color:#c30f00;
	background-image: url(../images/contact-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#contact ul#secnav li a {
	background-image:url(../images/contact-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#contact #news {
	border:1px solid #c30f00;
	background-image:url(../images/contact-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#F7D8D6;
}

/*Sets colour Styles for the news scroller*/
#contact #newsscroller {
	border:1px solid #c30f00;
}

/*Sets the 'latest news' colour styles*/
#contact #newsscroller h4 {
	background-color:#c30f00;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#contact #footer {
	color:#c30f00;
}

/*set UL contain footer navigation - uper border colour*/
#contact ul#ulfooter {
	border-top-color:#fae4e4;	
}	

/*Set the colour of the links in the footer*/
#contact ul#ulfooter li a{	
	color:#c30f00
}	

/* =member i.e. Make Everything green AND set text header colours
Heading Colour: #2a9534
Base Colour 1: #2a9534
Base Colour 2: #61d55f
Body BG Color: #8bcd5a
Dividing lines; #c8f6b8
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#member {
	background-color:#8bcd5a;	
}

/*set the header bg*/
#member #header {
	background-image: url(../images/member-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#member ul#navigation {border-bottom-color:#2a9534;}

/*set the footer bg*/
#member #footer {	
	background-image: url(../images/member-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#member #maincol h2, #member #maincol h3 {
	color:#2a9534;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#member ul#spotlight h3 {
	color:#2a9534;
	border-bottom-color:#2a9534;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#member ul#subnav h3 {
	color:#2a9534;
}

/*Sets the vertical line colour on secondary nav area*/
#member ul#subnav {
	border-left-color:#c8f6b8;
}

/*Set the background image for top of quicklinks*/
#member #sidecol h3 {
	background-image: url(../images/member-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#2a9534;
}

/*Set the background image for bottom of quicklinks*/
#member #sidecolcontent {
	background-image: url(../images/member-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#member #linkmenu {
	background-color:#2a9534;
}

/*Set the colours for the menu items on the subnav bar*/
#member ul#secnav li {	
	border-top-color:#61d55f;	
	border-bottom-color:#2a9534;
	background-image: url(../images/member-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#member ul#secnav li a {
	background-image:url(../images/member-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#member #news {
	border:1px solid #2a9534;
	background-image:url(../images/member-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#dbf5d8;
}

/*Sets colour Styles for the news scroller*/
#member #newsscroller {
	border:1px solid #2a9534;
}

/*Sets the 'latest news' colour styles*/
#member #newsscroller h4 {
	background-color:#2a9534;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#member #footer {
	color:#2a9534;
}

/*set UL contain footer navigation - uper border colour*/
#member ul#ulfooter {
	border-top-color:#c8f6b8;	
}	

/*Set the colour of the links in the footer*/
#member ul#ulfooter li a{	
	color:#2a9534
}	

/*Member Services Sub Nav - RHS*/
/*This needs to be repeated in every section that requires sub nav*/
#member ul#subnav li {
	margin-left:15px;
}

#member ul#subnav li a{
	font-size:12px;
	color:#2a9534
}

/* =loans i.e. Make Everything orange AND set text header colours
Heading Colour: #e47025
Base Colour 1: #e47025
Base Colour 2: #d78f5e
Body BG Color: #cd965a
Dividing lines; #f5e3cc
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#loans {
	background-color:#cd965a;	
}

/*set the header bg*/
#loans #header {
	background-image: url(../images/loans-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#loans ul#navigation {border-bottom-color:#e47025;}

/*set the footer bg*/
#loans #footer {	
	background-image: url(../images/loans-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#loans #maincol h2, #loans #maincol h3 {
	color:#e47025;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#loans ul#spotlight h3 {
	color:#e47025;
	border-bottom-color:#e47025;
}

/*hide the right hand nav - when certain pages are rendered using php (such as the loan protection
insurance page) the right hand menu contains links for other sections of the member services pages
-these need to be hidden when displayed on any page other than the member services pages*/
#loans ul#subnav {
	display:none;
}


/*Sets the colour of the headers in the right hand side sub nav area*/
#loans ul#subnav h3 {
	color:#e47025;
}

/*Sets the vertical line colour on secondary nav area*/
#loans ul#subnav {
	border-left-color:#f5e3cc;
}

/*Set the background image for top of quicklinks*/
#loans #sidecol h3 {
	background-image: url(../images/loans-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#e47025;
}

/*Set the background image for bottom of quicklinks*/
#loans #sidecolcontent {
	background-image: url(../images/loans-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#loans #linkmenu {
	background-color:#e47025;
}

/*Set the colours for the menu items on the subnav bar*/
#loans ul#secnav li {	
	border-top-color:#d78f5e;	
	border-bottom-color:#e47025;
	background-image: url(../images/loans-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#loans ul#secnav li a {
	background-image:url(../images/loans-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#loans #news {
	border:1px solid #e47025;
	background-image:url(../images/loans-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f7eada;
}

/*Sets colour Styles for the news scroller*/
#loans #newsscroller {
	border:1px solid #e47025;
}

/*Sets the 'latest news' colour styles*/
#loans #newsscroller h4 {
	background-color:#e47025;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#loans #footer {
	color:#e47025;
}

/*set UL contain footer navigation - uper border colour*/
#loans ul#ulfooter {
	border-top-color:#f5e3cc;	
}	

/*Set the colour of the links in the footer*/
#loans ul#ulfooter li a{	
	color:#e47025
}	

/* =forms i.e. Make Everything blue AND set text header colours
Heading Colour: #2899e7
Base Colour 1: #2899e7
Base Colour 2: #9be9f2
Body BG Color: #5ab9cd
Dividing lines; #c1f7ef
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#forms {
	background-color:#5ab9cd;	
}

/*set the header bg*/
#forms #header {
	background-image: url(../images/forms-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#forms ul#navigation {border-bottom-color:#2899e7;}

/*set the footer bg*/
#forms #footer {	
	background-image: url(../images/forms-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#forms #maincol h2 {
	color:#2899e7;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#forms ul#spotlight h3 {
	color:#2899e7;
	border-bottom-color:#2899e7;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#forms ul#subnav h3 {
	color:#2899e7;
}

/*Sets the vertical line colour on secondary nav area*/
#forms ul#subnav {
	border-left-color:#c8f6b8;
}

/*Set the background image for top of quicklinks*/
#forms #sidecol h3 {
	background-image: url(../images/forms-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#2899e7;
}

/*Set the background image for bottom of quicklinks*/
#forms #sidecolcontent {
	background-image: url(../images/forms-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#forms #linkmenu {
	background-color:#2899e7;
}

/*Set the colours for the menu items on the subnav bar*/
#forms ul#secnav li {	
	border-top-color:#9be9f2;	
	border-bottom-color:#2899e7;
	background-image: url(../images/forms-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#forms ul#secnav li a {
	background-image:url(../images/forms-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#forms #news {
	border:1px solid #2899e7;
	background-image:url(../images/forms-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#d8f1f6;
}

/*Sets colour Styles for the news scroller*/
#forms	 #newsscroller {
	border:1px solid #2899e7;
}

/*Sets the 'latest news' colour styles*/
#forms #newsscroller h4 {
	background-color:#2899e7;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#forms #footer {
	color:#2899e7;
}

/*set UL contain footer navigation - uper border colour*/
#forms ul#ulfooter {
	border-top-color:#c1f7ef;	
}	

/*Set the colour of the links in the footer*/
#forms ul#ulfooter li a{	
	color:#2899e7
}	


/* =community i.e. Make Everything purple AND set text header colours
Heading Colour: #d356d6
Base Colour 1: #d356d6
Base Colour 2: #f19aee
Body BG Color: #cd5acc
Dividing lines; #f8c1f5
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#comm {
	background-color:#d356d6;	
}

/*set the header bg*/
#comm #header {
	background-image: url(../images/comm-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#comm ul#navigation {border-bottom-color:#d356d6;}

/*set the footer bg*/
#comm #footer {	
	background-image: url(../images/comm-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#comm #maincol h2, #comm #maincol h3 {
	color:#d356d6;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#comm ul#spotlight h3 {
	color:#d356d6;
	border-bottom-color:#d356d6;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#comm ul#subnav h3 {
	color:#d356d6;
}

/*Sets the vertical line colour on secondary nav area*/
#comm ul#subnav {
	border-left-color:#f8c1f5;
}

/*Set the background image for top of quicklinks*/
#comm #sidecol h3 {
	background-image: url(../images/comm-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#cf25d5;
}

/*Set the background image for bottom of quicklinks*/
#comm #sidecolcontent {
	background-image: url(../images/comm-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#comm #linkmenu {
	background-color:#cf25d5;
}

/*Set the colours for the menu items on the subnav bar*/
#comm ul#secnav li {	
	border-top-color:#f19aee;	
	border-bottom-color:#cf25d5;
	background-image: url(../images/comm-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#comm ul#secnav li a {
	background-image:url(../images/comm-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#comm #news {
	border:1px solid #cf25d5;
	background-image:url(../images/comm-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f6d9f7;
}

/*Sets colour Styles for the news scroller*/
#comm #newsscroller {
	border:1px solid #cf25d5;
}

/*Sets the 'latest news' colour styles*/
#comm #newsscroller h4 {
	background-color:#cf25d5;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#comm #footer {
	color:#cf25d5;
}

/*set UL contain footer navigation - uper border colour*/
#forms ul#ulfooter {
	border-top-color:#f8c1f5;	
}	

/*Set the colour of the links in the footer*/
#comm ul#ulfooter li a{	
	color:#cf25d5
}	


/* =cuonline i.e. Make Everything yellowy AND set text header colours
Heading Colour: #e5ad26
Base Colour 1: #e5ad26
Base Colour 2: #f2ca9a
Body BG Color: #cda65a
Dividing lines; #f7dbc2
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#cuonline {
	background-color:#cda65a;	
}

/*set the header bg*/
#cuonline #header {
	background-image: url(../images/cuonline-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#cuonline ul#navigation {border-bottom-color:#e5ad26;}

/*set the footer bg*/
#cuonline #footer {	
	background-image: url(../images/cuonline-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#cuonline #maincol h2, #cuonline #maincol h3 {
	color:#e5ad26;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#cuonline ul#spotlight h3 {
	color:#e5ad26;
	border-bottom-color:#e5ad26;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#cuonline ul#subnav h3 {
	color:#e5ad26;
}

/*Sets the vertical line colour on secondary nav area*/
#cuonline ul#subnav {
	border-left-color:#f8c1f5;
}

/*Set the background image for top of quicklinks*/
#cuonline #sidecol h3 {
	background-image: url(../images/cuonline-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#e5ad26;
}

/*Set the background image for bottom of quicklinks*/
#cuonline #sidecolcontent {
	background-image: url(../images/cuonline-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#cuonline #linkmenu {
	background-color:#e5ad26;
}

/*Set the colours for the menu items on the subnav bar*/
#cuonline ul#secnav li {	
	border-top-color:#f2ca9a;	
	border-bottom-color:#e5ad26;
	background-image: url(../images/cuonline-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#cuonline ul#secnav li a {
	background-image:url(../images/cuonline-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#cuonline #news {
	border:1px solid #e5ad26;
	background-image:url(../images/cuonline-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f2d299;
}

/*Sets colour Styles for the news scroller*/
#cuonline #newsscroller {
	border:1px solid #e5ad26;
}

/*Sets the 'latest news' colour styles*/
#cuonline #newsscroller h4 {
	background-color:#e5ad26;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#cuonline #footer {
	color:#e5ad26;
}

/*set UL contain footer navigation - uper border colour*/
#cuonline ul#ulfooter {
	border-top-color:#f7dbc2;	
}	

/*Set the colour of the links in the footer*/
#cuonline ul#ulfooter li a{	
	color:#e5ad26
}	


/* =about i.e. Make Everything light blue AND set text header colours
Heading Colour: #5aecbf
Base Colour 1: #5aecbf
Base Colour 2: #9be9f2
Body BG Color: #5acdb6
Dividing lines; #b7faed
-----------------------------------------------------------------------------*/

/*Sets the body bg colour*/
body#about {
	background-color:#33CC33;	
}

/*set the header bg*/
#about #header {
	background-image: url(../images/about-header-bg.jpg);
}

/*sets the colour of the bar running under the tabs*/
#about ul#navigation {border-bottom-color:#33cc33;}

/*set the footer bg*/
#about #footer {	
	background-image: url(../images/about-footer-bg.jpg);	
}

/*Sets Colour on H2 tags for home page - will not generic*/
#about #maincol h2, #about #maincol h3 {
	color:#33CC33;	
}

/*Set the colours on the 'spotlight' headings - probably not used on sub pages - may need to remove this */
#about ul#spotlight h3 {
	color:#33CC33;
	border-bottom-color:#33CC33;
}

/*Sets the colour of the headers in the right hand side sub nav area*/
#about ul#subnav h3 {
	color:#33CC33;
}

/*Sets the vertical line colour on secondary nav area*/
#about ul#subnav {
	border-left-color:#b7faed;
}

/*Set the background image for top of quicklinks*/
#about #sidecol h3 {
	background-image: url(../images/about-qlinks-top.jpg);
	background-repeat: no-repeat;
	background-color:#33CC33;
}

/*Set the background image for bottom of quicklinks*/
#about #sidecolcontent {
	background-image: url(../images/about-qlinks-bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/*Set the bg colour of the 'jump' menu*/
#about #linkmenu {
	background-color:#33CC33;
}

/*Set the colours for the menu items on the subnav bar*/
#about ul#secnav li {	
	border-top-color:#33CC33;	
	border-bottom-color:#66e666;
	background-image: url(../images/about-subnav-bg.jpg);
	background-repeat: repeat-x;
}

/*Set the colours for the anchors in the sub nav area*/
#about ul#secnav li a {
	background-image:url(../images/about-subnav-arrow.jpg);
	background-repeat:no-repeat;
}

/*This is the area contain all the news items - sets colour styles*/
#about #news {
	border:1px solid #33CC33;
	background-image:url(../images/about-qlinks-newsbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#66e666;
}

/*Sets colour Styles for the news scroller*/
#about #newsscroller {
	border:1px solid #33CC33;
}

/*Sets the 'latest news' colour styles*/
#about #newsscroller h4 {
	background-color:#33CC33;
}

/*Generic colour container styles - need to include bg as contains overall background colour*/
#about #footer {
	color:#33CC33;
}

/*set UL contain footer navigation - uper border colour*/
#about ul#ulfooter {
	border-top-color:#33CC33;	
}	

/*Set the colour of the links in the footer*/
#about ul#ulfooter li a{	
	color:#08c308;
}