/* CSS Colour styles - for the community trade union website  ************/
/* Author - Sharon Lee, Fused Technologies/Cyonix  ************/
/* Created on - 10th November 2007************/
/* Last modified - 04th jan 2008************/


/* global reset ************/
* {
	color: #000;
}

body {
	background: #EDEDED url(../images/body-bg.gif) repeat-x top left;
	color: #656565;
	}
	
.archiveNews {
	background: #C5CECD;
}

.archiveNews li a {
	color:#7F6F75!important;
}	
	
body#sand, body#sand-subpage  {
	background: #EDEDED url(../images/body-sand-bg.gif) repeat-x top left;
}

body#green, body#green-subpage  {
	background: #EDEDED url(../images/body-green-bg.gif) repeat-x top left;

}

body#purple, body#purple-subpage  {
	background: #EDEDED url(../images/body-purple-bg.gif) repeat-x top left;
}

body#lightsand, body#lightsand-subpage  {
	background: #EDEDED url(../images/body-lightsand-bg.gif) repeat-x top left;
}

#right-col h1 {
	color: #304A61;
	
}

#right-col h2{
	color: #304A61;
}

#right-col h3{
	color: #304A61;
}

#right-col h4 {
	color: #304A61;
}

#right-col h5 {
	color: #304A61;
}

#right-col h6 {
	color: #304A61;
}

#right-col p {
	color: #4A4A4A;	
}
 
 .blsummary{
		background: url(../images/left-round-light.gif) 0 100% no-repeat #4D8CCB; 
}
.trsummary{
	background: url(../images/right-round-light.gif) 100% 0 no-repeat; 
}

.blsummary p {
	color: #fff !important;
}

#page {
	background:  url(../images/container-bg.gif) repeat-y top left;
}

#header h1 {	
 	color: #0055A6;
}

#header h1 span {
	color: #4488C9;
}

#main-navigation {
	border-top: 1px solid #0052A5;
	background: url(../images/nav-bg.gif) repeat-x bottom left;
}

body#sand #main-navigation, body#sand-subpage #main-navigation {
	border-top: 1px solid #9a7e60;
	background: url(../images/sand-nav-bg.gif) repeat-x bottom left;
}

body#green #main-navigation, body#green-subpage #main-navigation {
	border-top: 1px solid #2d8464;
	background: url(../images/green-nav-bg.gif) repeat-x bottom left;
}

body#purple #main-navigation, body#purple-subpage #main-navigation {
	border-top: 1px solid #3f3b88;
	background: url(../images/purple-nav-bg.gif) repeat-x bottom left;
}

body#lightsand #main-navigation, body#lightsand-subpage #main-navigation {
	border-top: 1px solid #c68743;
	background: url(../images/lightsand-nav-bg.gif) repeat-x bottom left;
}


#main-navigation ul li a {
	color: #0003A8;
	background: url(../images/main-nav-arrows.gif) no-repeat center left;
}


body#sand #main-navigation ul li a ,body#sand-subpage #main-navigation ul li a{
    color: #84684a;
	background: url(../images/main-nav-arrows.gif) no-repeat center left;
}

body#green #main-navigation ul li a ,body#green-subpage #main-navigation ul li a{
    color: #2d8464;
	background: url(../images/main-nav-arrows.gif) no-repeat center left;
}

body#purple #main-navigation ul li a ,body#purple-subpage #main-navigation ul li a{
    color: #3f3b88;
	background: url(../images/main-nav-arrows.gif) no-repeat center left;
}


body#lightsand #main-navigation ul li a ,body#lightsand-subpage #main-navigation ul li a{
    color: #c68743;
	background: url(../images/main-nav-arrows.gif) no-repeat center left;
}



#main-navigation ul li a:hover,
#main-navigation ul li a.current,
body#sand #main-navigation ul li a:hover,
body#sand #main-navigation ul li a.current,
body#sand-subpage #main-navigation ul li a:hover,
body#green-subpage #main-navigation ul li a:hover,
body#green-subpage #main-navigation ul li a.current,
body#purple-subpage #main-navigation ul li a:hover,
body#purple-subpage #main-navigation ul li a.current,
body#lightsand-subpage #main-navigation ul li a:hover,
body#lightsand-subpage #main-navigation ul li a.current
{
	background: url(../images/main-nav-arrow-over.gif) no-repeat center left;
	color: #57A800;
}

body#subpage #content {
	background: url(../images/content-bg.gif) no-repeat bottom right;
}

#right-col a {
	color: #0054A6;
}


.news, .map, .orange-feature, .sand-feature, .turquoise-feature  {
	border-bottom: 1px dotted #97A885 !important;
}

.sand-feature {
	background: #E8E8D0 url(../images/brown-curve.gif) no-repeat bottom right;
		color: #656565;
}

.orange-feature { 	
	background: #EFE3D7 url(../images/orange-feature-curve.gif) no-repeat bottom right;
		color: #656565;
}

.turquoise-feature {
	background: #E2ECEB url(../images/blue-feature-curve.gif) no-repeat bottom right;
	color: #656565;
	
}
.orange-feature p, .sand-feature p, .turquoise-feature p{
	color: #656565;
}

.orange-feature p a, .orange-feature a{
  color: #E76F00;
}

img.campaign-img {
 background: #fff url(../images/campaigners.jpg) no-repeat 35px 25px;
}
.sand-feature p a, .sand-feature a {
	color: #A8A500;
}

.turquoise-feature p a, .turquoise-feature a{
	color: #00B39E;
}

.map img{
	border-right: 1px dotted #97A885 !important;
}

.top-section {
	background: url(../images/top-section-bg.gif) repeat-x bottom left;
}

dl.news-list {
	border-right: 1px dotted #ADBDCC;
}


dl.news-list dd a, .campaigns dd a {
 color: #0055A6;
}

dl.news-list dt a {
	 color: #0055A6;
	 background: #fff url(../images/news-icons.gif) no-repeat 10px -1px;
}

 .campaigns dt a{
	color: #0055A6;
    background: #fff url(../images/campaign-arrows.jpg) no-repeat top left;
}

.campaigns dt a:hover {
	color: #03A800;
    background:  url(../images/campaign-arrows-over.gif) no-repeat top left;
 }

.faqs ul li a {
    color: #0055A6;
    background: url(../images/question-icon.gif) no-repeat top left;
 }
 
 .faqs ul li a:hover{
     background: url(../images/question-icon-over.gif) no-repeat top left;
	 color: #03A800;
 }

dl.news-list dt a:hover {
	color: #03A800;
	background: #fff url(../images/news-over.gif)  no-repeat 10px -1px;
}

dl.news-list dd, .campaigns dd {
	color: #656565;
 }
 dl.news-list dd{
	border-bottom: 1px dotted #ADBDCC;
}

dl.news-list dd.last {
 	border-bottom: none;
 }
 
dl.news-list dd span {
	color: #00094D;
}

.blue-icon{
 	background: #fff url(../images/light-blue-icon.gif) no-repeat top left;
}

#sand-subpage #right-col .blue-icon {
 	background: #fff url(../images/sand-icon.gif) no-repeat top left;
}

#green-subpage #right-col .blue-icon {
 	background: #fff url(../images/subgreen-icon.gif) no-repeat top left;
}


body#purple-subpage #right-col .blue-icon {
 	background: #fff url(../images/purple-icon.gif) no-repeat top left;
}


body#lightsand-subpage #right-col .blue-icon {
 	background: #fff url(../images/lightsand-icon.gif) no-repeat top left;
}



.dark-blue-icon {
	background: #fff url(../images/dark-blue-icon.gif) no-repeat top left;
}

.green-icon {
 	background: #fff url(../images/green-icon.gif) no-repeat top left;
}

.news h2, .map h2, .campaigns h3, .faqs h3, #right-col .blue-icon h2, #right-col .blue-icon h1 {
	 color: #fff;
}

div.subnav ul {
    background: #fff;
}

div.subnav h5 {
	background: #6699CC url(../images/h5-bg.gif) no-repeat top left;
	color: #fff;
}

body#sand-subpage div.subnav h5 {
	background: #a68a6c url(../images/h5-sand-bg.gif) no-repeat top left;
	color: #fff;
}

body#green-subpage div.subnav h5 {
	background: #56ad8d url(../images/h5-green-bg.gif) no-repeat top left;
	color: #fff;
}

body#purple-subpage div.subnav h5 {
	background: #8985d2 url(../images/h5-purple-bg.gif) no-repeat top left;
	color: #fff;
}

body#lightsand-subpage div.subnav h5 {
	background: #d8a075 url(../images/h5-lightsand-bg.gif) no-repeat top left;
	color: #fff;
}

div.subnav li.bottom-nav {
	background: #6699CC url(../images/bottom-nav.gif) no-repeat bottom left; 
}

body#sand-subpage div.subnav li.bottom-nav {
	background: #a68a6c url(../images/sand-bottom-nav.gif) no-repeat bottom left; 
}

body#green-subpage div.subnav li.bottom-nav {
	background: #56ad8d url(../images/green-bottom-nav.gif) no-repeat bottom left; 
}

body#purple-subpage div.subnav li.bottom-nav {
	background: #8985d2 url(../images/purple-bottom-nav.gif) no-repeat bottom left; 
}

body#lightsand-subpage div.subnav li.bottom-nav {
	background: #d8a075 url(../images/lightsand-bottom-nav.gif) no-repeat bottom left; 
}

div.subnav ul li a{
	color: #fff;
	background: #4477AA url(../images/subnav-bullets.gif) no-repeat center left;
}

body#sand-subpage div.subnav ul li a{
	color: #fff;
	background: #84684a url(../images/sand-subnav-bullets.gif) no-repeat center left;
}

body#green-subpage div.subnav ul li a{
	color: #fff;
	background: #2d8464 url(../images/green-subnav-bullets.gif) no-repeat center left;
}


body#purple-subpage div.subnav ul li a{
	color: #fff;
	background: #3b3784 url(../images/purple-subnav-bullets.gif) no-repeat center left;
}

body#lightsand-subpage div.subnav ul li a{
	color: #fff;
	background: #c68743 url(../images/lightsand-subnav-bullets.gif) no-repeat center left;
}

div.subnav ul li a:hover, div.subnav ul li a.current  {
    color: #0054A6;
	background: #CBD8E9 url(../images/subnav-bullets-over.gif) no-repeat center left;
}

#sand-subpage div.subnav ul li a:hover, #sand-subpage div.subnav ul li a.current  {
    background: #efe4da url(../images/sand-subnav-bullets-over.gif) no-repeat center left;
	color: #7b6a65;
}

#green-subpage div.subnav ul li a:hover, #green-subpage div.subnav ul li a.current  {
    background: #dbf4e9 url(../images/green-subnav-bullets-over.gif) no-repeat center left;
	color: #56ad8d;
}

#purple-subpage div.subnav ul li a:hover, #purple-subpage div.subnav ul li a.current  {
    background: #e4e2ff url(../images/purple-subnav-bullets-over.gif) no-repeat center left;
	color: #3b3784;
}

#lightsand-subpage div.subnav ul li a:hover, #lightsand-subpage div.subnav ul li a.current  {
    background: #ffe8be url(../images/lightsand-subnav-bullets-over.gif) no-repeat center left;
	color: #c68743;
}


div.subnav ul li li {
	background: #fff;
}

div.subnav ul li li a{
	background: #7590AA url(../images/subnav-bullets-sub.gif) no-repeat center left;
}

body#sand-subpage div.subnav ul li li a{
	background: #a18e7c url(../images/sand-subnav-bullets-sub.gif) no-repeat center left;
}

body#green-subpage div.subnav ul li li a{
	background: #8bada1 url(../images/green-subnav-bullets-sub.gif) no-repeat center left;
}

body#purple-subpage div.subnav ul li li a{
	background: #626084 url(../images/purple-subnav-bullets-sub.gif) no-repeat center left;
}


body#lightsand-subpage div.subnav ul li li a{
	background: #c6a47f url(../images/lightsand-subnav-bullets-sub.gif) no-repeat center left;
}

.orange-feature .title h3, .orange-feature .title h3 a, .sand-feature h3, .sand-feature h3 a, .turquoise-feature h3, .turquoise-feature h3 a{
	 color: #fff;

}

.orange-feature .title h3 {
background:  url(../images/orange-feature-arrow.gif) no-repeat center left;
}

 .sand-feature h3 {
 background:  url(../images/brown-feature-arrow.gif) no-repeat center left;
}

 .turquoise-feature h3 {
 background:  url(../images/blue-feature-arrow.gif) no-repeat center left;
}

.campaigns h3 {
 	background: #0553A5 url(../images/h2-dark-blue-bg.gif) no-repeat top right;
}

.news h2, .faqs h3, #right-col .blue-icon h2, #right-col .blue-icon h1{
	 background: #4F8FCC url(../images/h2-blue-bg.gif) no-repeat top right;
}
#sand-subpage #right-col .blue-icon h2, 
#sand-subpage #right-col .blue-icon h1 {
	 background: #9a7e60 url(../images/sand-h2-blue-bg.gif) no-repeat top right;
}

#green-subpage #right-col .blue-icon h2, 
#green-subpage #right-col .blue-icon h1 {
	 background: #4aa181 url(../images/h2-subgreen-bg.gif) no-repeat top right;
}

#purple-subpage #right-col .blue-icon h2, 
#purple-subpage #right-col .blue-icon h1 {
	 background: #7d79c6 url(../images/h2-purple-bg.gif) no-repeat top right;
}

#lightsand-subpage #right-col .blue-icon h2, 
#lightsand-subpage #right-col .blue-icon h1 {
	 background: #db9a60 url(../images/lightsand-h2-blue-bg.gif) no-repeat top right;
}

.orange-feature .title {
	 background: #E76F00 url(../images/orange-feature-bg.gif) no-repeat top right;
}

.sand-feature .title {
	 background: #A8A500 url(../images/brown-green-title-bg.gif) no-repeat top right;

}

.turquoise-feature .title {
	 background: #00B39E url(../images/blue-title-bg.gif) no-repeat top right;
}

.map h2 {
	 background: #57A800 url(../images/h2-green-bg.gif) no-repeat top right;
}

 .faqs {
	 background: #fff url(../images/faq-background.gif) no-repeat bottom right;
} 

.roundedcornr_box {
   background: #095bad url(../images/roundedcornr_grad.gif) repeat-x top left;
}


body#sand .roundedcornr_box {
   background: #9F513A url(../images/roundedcornr_grad-sand.gif) repeat-x top left;
}



.roundedcornr_box h2, .roundedcornr_box a, .roundedcornr_box p, 
.roundedcornr_box h3{
	color: #fff;
}

.roundedcornr_box h2 a, 
.roundedcornr_box h3 a {
	color: #fff;
}

.roundedcornr_box h2 a:hover {
	color: #78C831;
}

.roundedcornr_top {
   background: transparent url(../images/roundedcornr_tr.gif) no-repeat top right;
}


.roundedcornr_content { 
	color: #fff;
}

p.join a {  
   color: #fff;
   background: url(../images/arrow-bg.gif) no-repeat top left;
 }
 
p.join a:hover {
   background: url(../images/arrow-bg-over.gif) no-repeat top left;
}


.roundedcornr_content p {
	color: #fff;
}

.utility-bar{
	background: #4488C9 url(../images/header-bg.gif) no-repeat top right;
}

body#sand #header .utility-bar, body#sand-subpage .utility-bar{
	background: #84684a url(../images/sand-header-bg.gif) no-repeat top right;

}

body#green #header .utility-bar, body#green-subpage .utility-bar{
	background: #2d8464 url(../images/green-header-bg.gif) no-repeat top right;

}

body#purple #header .utility-bar, body#purple-subpage .utility-bar{
	background: #3b3784 url(../images/purple-header-bg.gif) no-repeat top right;
}

body#lightsand #header .utility-bar, body#lightsand-subpage .utility-bar{
	background: #c68743 url(../images/lightsand-header-bg.gif) no-repeat top right;
}


/***** site map ******/
.sitemap li li li a {
	background:url(../images/arrow.gif) no-repeat left center;
}

.sitemap li {
	background-color:#ADBACB !important;
	background-image:none!important;
}

.sitemap li a {
	border-bottom:1px solid #fff;
	color:#0153A5 !important;
}

.sitemap li a:hover, .sitemap li a:focus  {
	background-color:#859FBA;
	color:#fff !important;
}

.sitemap li li a  {
	background:url(../images/arrow.gif) 5px 5px no-repeat;
	background-color:#C1CDDE;
    color: #F20017;
}

.sitemap li li li a {
	background-position: 25px 5px;
	background-color:#D8E5F6;
}

.sitemap li li li li a {
	background-position: 45px 5px;
	background-color:#E7F4FF;
}


.sitemap li li a:hover,.sitemap li li a:focus {
	background-image:url(../images/arrow-over.gif);
		color:#fff !important;
}

.utility-bar ul.access li a, .utility-bar ul.login li a {
	color: #fff;
    border-right: 1px solid #fff;
}

/***** page numbering******/

ul.pageNumbering li a {
	background: #4477AA;
	color: #fff !important;
}

ul.pageNumbering li a:hover, ul.pageNumbering li a.selected {
	background: #CBD8E9;
	color: #1D5A8A !important;
	border: 1px solid #4477AA;
}
	
ul.pageNumbering li.page {
	border: 1px solid #4477AA;
		background: #CBD8E9;
}

/* forms ************/

form.search input.submit, .genForm .submit {
	background: #0553A5 url(../images/search-bg.gif) no-repeat top right;
	color: #fff;
}

body#sand form.search input.submit, 
body#sand .genForm .submit, 
body#sand-subpage form.search input.submit,
body#sand-subpage .genForm .submit
 {
background: #8d7153 url(../images/sand-search-bg.gif) no-repeat top right;
	color: #fff;
}

body#green form.search input.submit, 
body#green .genForm .submit, 
body#green-subpage form.search input.submit,
body#green-subpage .genForm .submit
 {
background: #2d8464 url(../images/green-search-bg.gif) no-repeat top right;
	color: #fff;
}


body#purple form.search input.submit, 
body#purple .genForm .submit, 
body#purple-subpage form.search input.submit,
body#purple-subpage .genForm .submit
 {
background: #3f3b88 url(../images/purple-search-bg.gif) no-repeat top right;
	color: #fff;
}

body#lightsand form.search input.submit, 
body#lightsand .genForm .submit, 
body#lightsand-subpage form.search input.submit,
body#lightsand-subpage .genForm .submit
 {
background: #d8a075 url(../images/lightsand-search-bg.gif) no-repeat top right;
	color: #fff;
}

form.search label {
	color: #696866;
}

#footer {

    background: #EDEDED url(../images/footer-bg.gif) no-repeat top center;
}

#footer-links {
	background: #EDEDED;
}


.campaign-image {
 background: #fff url(../images/campaigners.jpg) no-repeat 35px 25px; 
}

#footer-links ul li a, #footer ul li a{
	 border-right: 1px solid #0553A5;
	 color: #0553A5;
}

#footer p a {
	color: #0553A5;
	background: url(../images/back-to-top.gif) no-repeat center left;
}

#footer-links ul li a:hover, #footer ul li a:hover {
	color: #03A800;
}

.genForm h2 {
   color: #656565 !important;
}
	
.genForm input, .genForm textarea,  .genForm select{
	background: #fff url(../images/genformbg.gif) repeat-x bottom left;
	border: 1px double #004A7C;

}

.genForm fieldset {
	border: 1px solid #C2C2C2;
	display: inline;
}

.genForm .dateForm {
	text-align: right;
}

.genForm legend {
	color: #304A61;
}

/* form styles */
.genForm {
   background: url(../images/form-bg.gif) repeat-x left 10px;

}

#pageContent .genForm p {
	padding-left:0!important;
			}

.genForm label {
	color: #3D3D3D;
}

/***** news and product list ******/
dl.inner-news-list{
    background: #fff url(../images/news-inner-bg.gif) repeat-x left bottom; 	
	border-bottom:1px solid #0597A5;
}

.inner-news-list dt {
   background: #0597A5 url(../images/news-list-inner-bg.gif) no-repeat right top; 

}

.inner-news-list dt a {    
   color:#fff !important; 
 }

dl.newsHover {
    background:#EDEDED;
	color: #666;
}	

dl.newsHover dt {
   color:#fff;
   background:#CBD8E9 url(../images/news-list-inner-over.gif) no-repeat top right;
}

dl.newsHover dt a {
    color:#0156A9 !important;

}

.inner-news-list dd strong.date {
	color:#002F59;
}

dl.newsHover dd strong.date {
	color:#000;
}

.archiveNews {
	background: #C5CECD;
	border-bottom:1px solid #fff;
}

.archiveNews li a {
	color:#7F6F75!important;
	border-left:1px solid #fff;
}	

.archiveNews li ul {
	background:none;
}

.archiveNews li.selected a {
	background:#4477AA;
	border-left:1px solid #fff;
	color:#fff !important;
}

.archiveNews li.selected ul li a {
	color:#fff!important;
}

.archiveNews li.selected ul li.selected a, .archiveNews li.selected ul li a:hover, .archiveNews li a:hover{
	background:#CBD8E9;
	color:#0054A6!important;
}

.archiveNews li.first ul li a  {
	border-left:1px solid #fff!important;
}

