@import url('../Default/global/global.css');


#Template {
    width: 792px;
}

p.more a {
    background: url(images/arrow.gif) no-repeat 0 5px;
    padding-left: 10px;
}
#Highlight p {
    margin-bottom: .5em;
}

#Highlight p.more a {
    background: url(images/arrow_highlight.gif) no-repeat 0 5px;
    padding-left: 10px;
}

#Header {
    margin-bottom: 5px;
}
/*as we've moved the tabs to the left, we need to move them down a touch*/
    #Header #Logo {
        padding-top: 135px;
    }
    #Header #SiteSearch {
        background: #005DAA url(images/search_box_curve.gif) no-repeat top right;
        top: 222px;
        left: 615px;
    }
    /*changes to the main site nav*/
    #Header #MainMenu {
        padding-left: 0;
    }
        #nav a {
            background: #075faa url(images/menu_curve_navy.gif) no-repeat top right;
            width: 90px;
            padding: 2px 10px 2px 4px;
        }
        #nav li#mainmenu-contact a {
            padding-right: 5px;
            width: 88px;
        }
        #nav a:hover {
            background: #5d78b8 url(images/menu_curve_on.gif) no-repeat top right;
        }
        #nav ul a:hover {
            background-image: none;
        }
#Page {
    position: relative;
    float: left;
    margin: 1em 0 0;
}
#Page-Inner {
}

#MainSection {
    width: 595px;
    float: left;
    margin-right: 20px;      
}    
    #Introduction {
        position: relative;
        float: left;
        background: url(images/main_section_curve_top.gif) no-repeat top left;
        /*Opera needs a width here*/
        width: 595px;
    }
    #Introduction-Inner {
        background: url(images/main_section_curve_bottom.gif) no-repeat bottom left;
        float: left;
        padding: 2%;
        margin-top: 11px;
    }
    #Introduction-Text {
        float: left;
        width: 33%;
        padding-right: 0;
    }
        #Introduction h1 {
            margin-bottom: 0.5em;
        }
        #Introduction h1, #Introduction a, #Introduction h2, #Introduction h3 {
            color: #0047a0;
        } 
        #Introduction a:hover {
            color: #075faa;
        }
    #Highlight {
        float: right;
        width: 66%;
        padding-bottom: 11px;
     }
        #Highlight img {
            margin-bottom: 1em;  
            border: 0;  
        }
        #HighlightBox1, #HighlightBox2 {
            width: 182px;
            float: left;
            background: #9acfea url(images/highlight_box_curve_top.gif) no-repeat 0 0;
        }
        #HighlightBox1 {
            margin-right: 10px;
        }
        #HighlightBox1 h3, #HighlightBox2 h3 {
            margin-top: 0;
        }
             .HighlightBox-Inner {
                 float: left;
                 padding: 8px;
                 background: url(images/highlight_box_curve_bottom.gif) no-repeat left bottom;
                 color: #075dac;
                 width: 166px;
            }
  
           #Introduction .HighlightBox-Inner h1, #Introduction .HighlightBox-Inner a, #Introduction .HighlightBox-Inner h2, #Introduction .HighlightBox-Inner h3 {
               color: #075dac;
           }
           #Highlight .HighlightBox-Inner a:hover {
               color: #5d78b8;
           }
    #HomeSubArticles {
        clear: left;
        float: left;
        margin-top: 1em;
        margin-left: 1px;
        width: 100%;
    }
        #HomeNews {
            position: relative;
            float: left;
            width: 182px;
            margin-right: 26px;
        }

            #HomeSubArticles .sectiontitle {
                margin-top: 0;
                padding: .6em 0 0.4em 1em;
                background: #54b848 url(images/news_box_curve.gif) no-repeat top right;
                color: White;
            }
        
            #HomeNews .newsitem {
                margin: 1em 0;
                background: url(images/arrow.gif) no-repeat 4px 4px;
                padding-left: 15px;
            }

                #HomeNews .newsitem a {
                }

                    #HomeNews .newsitem a:link {
                        text-decoration: none;
                    }
                    
                    #HomeNews .newsitem a:visited {
                        text-decoration: none;
                    }
                    
                    #HomeNews .newsitem a:hover {
                        text-decoration: underline;
                    }
                    
                    #HomeNews .newsitem a:active {
                    }
                            
                #HomeNews .newsitem .title {
                    margin: 0 0 0.25em;
                }
                
                #HomeNews .newsitem .date {
		            margin: 0 0 0.5em;
                }
                
                #HomeNews .newsitem .summary {
                }
                
                /*change the links in the news area back to black*/
                #HomeNews a, #HomeNews .date {
                    color: #4e4e4e;
                }
        #Home-Sub-Article-1 {
            float: left;
            width: 158px;
            margin-right: 22px;
            padding: 0 5px 0 18px;
        }
         
        #Home-Sub-Article-2 {
            float: left;
            width: 159px;
            padding-left: 18px;
            background: #88cd7f url(images/subscription_curve_bottom.gif) no-repeat bottom left;
            color: White;
            font-weight: bold;
            padding-right: 3px;
        }
        #Home-Sub-Article-2 a, #Home-Sub-Article-2 h2, #Home-Sub-Article-2 h3, #Home-Sub-Article-2 h4 {
            color: White;
        }
        #Home-Sub-Article-1 .sectiontitle {
            margin-left: -18px;
        } 
        #Home-Sub-Article-2 h2.sectiontitle {
            border-bottom: 2px solid white;
            margin-left: -18px;
            margin-right: -3px;
        }
        #Home-Sub-Article-2 h3 {
            font-size: 130%;
            margin-top: 0;
        }
    #HomeSecondary {
        position: relative;
        float: right;
        width: 177px;
        margin-top: 12px;
    }
   
    #HomeSecondary-Inner {
        /*padding-right: 24px;*/
    }
    
        #HomeSecondary #AnchorButtons {
            position: relative;
            float: left;
            clear: left;
            width: 177px;
            border-left: 0px;
            padding-left: 0px;   
            margin-bottom: 8px;
        }
        #AnchorButtons #ButtonTraffic {
            border: 0px;
            background: #075faa url(images/traffic_curve_navy.gif) no-repeat top right;
            width: auto;
            color: White;
            padding-left: 5px;
        }
        #AnchorButtons #ButtonTraffic:hover {
            background: #5d78b8 url(images/traffic_curve_on.gif) no-repeat top right;
        }
        #HomeSecondary #HomePageFeatures {
            position: relative;
            float: left;
            margin-bottom: 1em;
        }
        
            #HomeSecondary #HomePageFeatures .feature {
                    position: relative;
                    float: left;
                    clear: left;
                    width: 178px;
                    margin-bottom: 1em;
                    font-size: 91.7%;
            }
            
                #HomeSecondary #HomePageFeatures .thumbnail {
                    position: relative;
                    float: left;
                    width: 60px;
                    height: 45px;
                    margin-right: 5px;
                }
                
                #HomeSecondary #HomePageFeatures p {
                    position: relative;
                    float: left;
                }
                
        #HomeSecondary #LatestRoadworks {
            position: relative;
            float: left;
            clear: left;
            width: 178px;
        }
      
      
      /* IE6 */

    *html #Template #HomeSecondary {
        width: 175px;
    }  
    *html #HomeSecondary #AnchorButtons {
        width: 175px;
    }
    *html #HomeSecondary #LatestRoadworks {
        width: 175px;  
    } 
    *html #nav li#mainmenu-contact a {
        padding-right: 3px;
    }
    *html #Header #SiteSearch {
        top: 227px;
    }
    /* IE7 */
    *:first-child+html #Header #SiteSearch {
        top: 227px;
    }