/**************************** Global Colours that won't change *******************************/
body {color: #333;}

#right_wrap {background: #FFFFFF; }


#bannerimage {  border-right: 1px solid #DADADA;}
#bannerimage form { color: #fff;}
#bannerimage form label {color: #fff;}
#bannerimage form input {border: 1px solid #AAAEB1; }
#bannerimage form input.sub {background: #fff; color: #333; }

a {color: #333; }


#center {border-right: 1px solid #DADADA; }.logout_box {background: #E1F2DD; color: #fff}
.logout_box p.top {background: #39A91C; }
.logout_box a { color: #fff; }
.logout_box a:hover {color: #eac800;}


#youroptions ul li.title {color: #fff; }
#youroptions a.on { background: url(../img/on_arrow.gif) no-repeat; color: #fff; }
#youroptions ul li.sub2 {background-color: #DBF3CE;}
#youroptions ul li.sub2on {background-color: #D1ECC4}

.leftcol_whitebox { color: #444;}
.leftcol_whitebox a {color: #444; }


.left_feature {background: url(../img/left_feature_bg.gif) repeat-y;}


#tools h3 {  background: #CE0C0C url(../img/tools-bg.gif) right no-repeat; color: #fff;}
#tools ul { background: #F9DDDD;}
#tools ul li { border-bottom: 1px solid #fff; }
#tools ul li a { color: #444; }
#tools ul li a:hover { color: #a60505;}


h1.dash {border-bottom: 1px dashed #e8e8e8;}

#my_icons {  border: 1px solid #dadada; background: #f8f8f8;}
#my_icons a { color: #a60505; }

#main_icons { border: 1px solid #dadada;  background: #f8f8f8;}
#main_icons td { border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8; }
#main_icons td.link a {color: #a60505; } /* #a60505 */
#main_icons td.link a:hover {color: #999}
#main_icons td.desc {color: #666;}
#main_icons td.desc a {color: #666;}
#main_icons td.desc a:hover { color:#b8860b}

#my_shortcuts img.link {border: 1px solid #dadada;}

/* rcol boxes */
#rightCol .rightcol_box { color: #444;}
#rightCol .rightcol_box ul li.date {color: #777}
#rightCol .rightcol_box a {color: #333; }


#rightCol .rightcol_box ul.download li {background: url(../img/download_min.gif) top left no-repeat;}
#rightCol .rightcol_box ul.download  li.details {color: #999;}

/* My Tools */
#my_tools { border: 1px solid #dadada;  background-color: #f8f8f8;}
#my_tools a { color: #a60505;}

.select_dublin_ie_zones {background: #CE0C0C; color: #fff;}
.select_dublin_ie_zones select { border: 1px solid #7E807F;}


/* Weather */
.weather h4 { color: #fff;}

a.whitearrow {color: #fff;}
a.whitearrow:hover {color: #fff;}



/* footer */
#footer { color: #666666;  background: #F3F4F4;}
#footer p {color: #999;}
#footer a {color:#666;}
#footer a:hover { color: #999; }



/************************** Colours that may change **********************************/
#top p {color: #fff; height:}
#top p a {color: #fff;}
#top p a:hover {text-decoration: underline;}

/************************** Colours that will definitely change in each zone **************************/
#top { background: #339900;}
#top ul li a:hover {color: #339900;}
#top ul li.on a {color: #339900;}

#submenu a.on {color: #339900;}

#bannerimage .main_banner { color: #fff; background: url(../img/banners/environment.jpg) no-repeat;}


#youroptions ul li { background: url(../img/arrow_bus.gif) no-repeat #DFF9D2;}
#youroptions ul li.title {background: #339900;}
#youroptions ul li.on {background: url(../img/on_arrow.gif) no-repeat #3AA006;}
#youroptions ul li.on a {color: #fff}
#youroptions ul li.sub { background: #B7E3A0;  color: #339900}
#youroptions ul li.subon { background: #B7E3A0;  color: #339900}
#youroptions ul li.sub a.on {color: #3AA006}


.left_feature input.sub {border: 1px solid #339900; color: #339900; background: #fff;}

h1 { color: #339900; } 
h2 { color: #339900;}
h3 { color: #339900; background-color: #e3e3e3; }
.third_column h2 {color: #339900;}
.left_feature h2 {color: #339900;}

.middle_banner {background-color: #FF6600; color: #fff;}

a.largearrow {background: url(../img/arrow_env_lge.gif) no-repeat;}
p.largearrow {background: url(../img/arrow_env_lge.gif) no-repeat; padding-left: 12px; font-size: .9em}
ul.largearrow li {background: url(../img/arrow_env_lge.gif) top left no-repeat;}

a:hover { text-decoration: none; color: #339900;}
.leftcol_whitebox a:hover{color: #339900;}
#rightCol .rightcol_box a:hover{color: #339900;}

#rightCol .right_box a strong {color: #339900}
.third_column a strong {color: #339900}


table.datatable th {background: #339900; }
table.datatable td.sec {color: #339900;}

table.calendar th { background: #339900;}
table.calendar td a.date { background: #e1f2dd; }
table.calendar td a.on {background: #339900;}
table.calendar td a.event {color: #339900;}
table.calendar tr.categories input.sub {color: #339900;}
table.calendar td.functions a { color: #339900;}
table.calendar td.functions a:hover { border-color: #339900;}