div.panels div.shpanel div.t, 
div.panels .theme1 div.shpanel div.t {
    background:#fff;
}
div.panels  div.shpanel div.tl, 
div.panels  .theme1 div.shpanel div.tl {
    background-image:url(/static/images/bg_homepage_tl.png);
}
div.panels  div.shpanel div.tr, 
div.panels  .theme1 div.shpanel div.tr {
    background-image:url(/static/images/bg_homepage_tr.png);
}
div.panels div.shpanel h2,
div.panels div.shpanel h3 {
    min-height:0;
    padding-bottom:0.5em;
    height:auto;
    position:relative;
    z-index:9999;
}
div.panels div.shpanel h2 a,
div.panels div.shpanel h3 a {
    margin-right:15px;
}
div.panels div.shpanel div.plain_text {
    clear:both;
}
div.panels div.shpanel div.thumbnail {
    background:url(/static/images/bg_homepage_gradient.gif) no-repeat 0px 1px;
    margin-top:-1px;
    float:left;
    width:100%;
}
div.panels div.shpanel div.thumbnail p {
    width:45%;
    height:78px;
    background-repeat:no-repeat;
    margin-left:45px;
}
div.panels div.shpanel div.thumbnail p img {
    position:absolute;
    right:17px;
    top:15px;
    border-right:20px solid #fff;
    z-index:9998;
}
div.panels div.shpanel p.more a:hover {
    text-decoration:underline;
}

/** Colour 1 **/
div.panels div.shpanel div.colour1 div.thumbnail p {
    border-top:1px solid #F78913;    
}
div.panels div.shpanel div.colour1 h2,
div.panels div.shpanel div.colour1 h3 {
    background-image:url(/static/images/bg_divider_colour1.png) !important;
}
div.panels div.shpanel div.colour1 h2 a,
div.panels div.shpanel div.colour1 h3 a {
    background-image:url(/static/images/bg_orange_arrow.gif) !important;
}
div.panels div.shpanel div.colour1 p.more {
    background-image:url(/static/images/bg_li_orange.gif) !important;
}
div.panels div.shpanel div.colour1 h2 a:hover,
div.panels div.shpanel div.colour1 h3 a:hover,
div.panels div.shpanel div.colour1 div.plain_text a:hover,
div.panels div.shpanel div.colour1 p.more a:hover {
    color:#F78913;
}


/** Colour 2 **/
div.panels div.shpanel div.colour2 div.thumbnail p {
    border-top:1px solid #EB1278;    
}
div.panels div.shpanel div.colour2 h2,
div.panels div.shpanel div.colour2 h3 {
    background-image:url(/static/images/bg_divider_colour2.png) !important;
}
div.panels div.shpanel div.colour2 h2 a,
div.panels div.shpanel div.colour2 h3 a {
    background-image:url(/static/images/bg_pink_arrow.gif) !important;
}
div.panels div.shpanel div.colour2 p.more {
    background-image:url(/static/images/bg_li_pink.gif) !important;
}
div.panels div.shpanel div.colour2 h2 a:hover,
div.panels div.shpanel div.colour2 h3 a:hover,
div.panels div.shpanel div.colour2 div.plain_text a:hover,
div.panels div.shpanel div.colour2 p.more a:hover {
    color:#EB1278;
}

/** Colour 3 **/
div.panels div.shpanel div.colour3 div.thumbnail p {
    border-top:1px solid #0297D7;    
}
div.panels div.shpanel div.colour3 h2,
div.panels div.shpanel div.colour3 h3 {
    background-image:url(/static/images/bg_divider_colour3.png) !important;
}
div.panels div.shpanel div.colour3 h2 a,
div.panels div.shpanel div.colour3 h3 a {
    background-image:url(/static/images/bg_lblue_arrow.gif) !important;
}
div.panels div.shpanel div.colour3 p.more {
    background-image:url(/static/images/bg_li_lblue.gif) !important;
}
div.panels div.shpanel div.colour3 h2 a:hover,
div.panels div.shpanel div.colour3 h3 a:hover,
div.panels div.shpanel div.colour3 div.plain_text a:hover,
div.panels div.shpanel div.colour3 p.more a:hover {
    color:#0297D7;
}
 

/* Flood Warnings Alert Home Page */


.warning-box {
float:right;
width:24em;
position:absolute;
top:42px;
right:50px;
z-index:9999;
text-align:left;
background:#fff;
}
.top-warning-box {float:right;width:100%;z-index:9009;text-align:left;background:#ce000c;}
.warning-box h3 {color:#fff; padding:5px 15px; font-size:1em;}
.top-left {background: url(/static/images/tl-warning-box.png)  no-repeat scroll left top transparent; margin-left:-6px; z-index:101;}
.top-right {background: url(/static/images/tr-warning-box.png) no-repeat scroll right top transparent;margin-right:-6px;z-index:120;}
    
.middle-container {background:none repeat scroll 0 0 #FFFFFF;
border-left:2px solid #CE000C;
border-right:2px solid #CE000C;
float:left;
margin-left:-6px;
margin-right:-6px;
text-align:center;
width:-moz-available;
}
/* Middle boxes*/
.severe-top-box, .warning-top-box, .alert-top-box {  margin-top:7px;margin-bottom:2px;  color:#2e3c16;width:29%; font-size:0.95em; }
.severe-top-box, .warning-top-box {float:left;}
.severe-top-box {padding-left:1.5em;}
.alert-top-box {float:right;padding-right:17px;}


.top-warning-box {float:right;width:100%;z-index:9009;text-align:left;background:#ce000c;}
.btm-warning-box {float:left;z-index:9009;text-align:left;background:#fff; border-bottom:2px solid #ce000c; width:100%;}

.btm-left {background: url(/static/images/bl-warning-box.png)  no-repeat scroll left bottom transparent;
margin-left:-6px;
margin-bottom:-2px;
z-index:101;}

.btm-right {
background:  url(/static/images/br-warning-box.png) no-repeat scroll right bottom transparent;    
margin-right:-6px;
margin-bottom:-2px;
z-index:120;
    }
.warning-box div.more  {
border-top:1px solid #628B1A;
margin:0 15px;
padding:5px 0;}
.warning-box div.more a {font-weight:bold;} 

.welsh {width:40em;}

/*div.welsh .middle-container {width: 40.65em;}*/

/* Live Flood Warnings Update 2 22 JUL 2010 */

.reddot-table  {
float:right;
position:absolute;
top:60px;
right:50px;
z-index:9009;
text-align:left;
}

/** RSS Specific for Hompage news panel **/
div.panelnews ul.rss {
    position:absolute;
    top:14px;
    right:15px;
    width:127px; 
    float:right;
}
div.panelnews ul.rss_short { /* Use this class if you want the title to wrap */
    top:14px;
    width:127px; 
    float:right;
}
div.panelnews ul.rss li, 
div.panelnews ul.rss_short li {
    float:right;
    width:97px;
    display:block;
}
div.panelnews ul.rss li a, 
div.panelnews ul.rss_short li a {
    display:block;
    padding:0 5px;
    margin-right:5px;
    font-weight:bold;
    float:left;
    text-decoration:none;
    font-size:1.0em;
}
div.panelnews ul.rss li a:hover, 
div.panelnews ul.rss_short li a:hover {
    text-decoration:underline;
}
div.panelnews ul.rss li, 
div.panelnews ul.rss_short li {
    border-left:1px solid #044C89;
}
div.panelnews ul.rss li.rss_icon, div.panelnews ul.rss_short li.rss_icon  {
    border:none;
    width:20px;
}
div.panelnews ul.rss li.rss_icon a, 
div.panelnews ul.rss_short li.rss_icon a {
    background:url(/static/images/icon_rss.gif) no-repeat top left !important;    
    overflow:hidden;
    height:0px;
    width:10px;
    padding-top:15px;
    text-decoration:none;
}
div.panelnews h2 a {
    display:inline !important;
    padding-right:20px;
    background-position:100% 50%;    
}