/* CSS STYLESHEET */
/* PROJECT - IT ALL ADDS UP */
/* DEVELOPER - Gareth Burns */
/* DEVELOPER - Jamie Robb */


/* Main body and common containers */ 

body 
{
    text-align:center;
    background-color:#e5e5e5;
    color:#6d6d6d;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:Arial;
    font-size:12px;
}

#container
{
    width:770px;
    background-image:url('background.gif');
    background-repeat:repeat-y;
    margin:0px auto 0px auto;
    padding:15px 0px 20px 0px;
    overflow:hidden;
    color:#777777;
    }

#left-pad{
    width:76px;
    height:150px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('LHS-plus.gif');
    float:left;
    }

#main{
    width:680px;
    padding:0px 0px 0px 0px;
    margin:0px 12px 0px 2px;
    background-color:transparent;
    float:left;
    }
    
#main #header
{
    width:680px;
    height:70px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('banner-back.gif');
    background-position:left;
    background-repeat:no-repeat;
    float:left;
    }
    
#main #banner
{
    width:680px;
    height:210px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }

#main #banner #flash{
    width:490px;
    height:210px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }
    
#main #banner #menu{
    width:190px;
    height:210px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }
    
#main #content
{
    width:680px;
    padding:0px 0px 0px 0px;
    margin:10px 0px 10px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    }
    
#main #content #homelogos
{
    width:680px;
    padding:0px 0px 0px 0px;
    margin:15px auto 0px auto;
    background-color:transparent;
    border-top:solid 1px #adadad;
    text-align:center;
    overflow:hidden;
    color:#6d6d6d;
    font-size:9px;
    font-style:italic;
    }    
    
#main #content #homelogos .logos
{
    padding:0px 0px 0px 0px;
    margin:5px 15px 5px 15px;
    }      

#main #footer
{
    width:680px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    border-top:solid 1px #adadad;
    overflow:hidden;
    float:left;
    text-align:left;
    color:#6d6d6d;
    font-size:9px;
    font-style:italic;
    }
    
#main #footer #radiator
{
    width:220px;
    padding:0px 5px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:right;
    text-align:right;
    font-style:normal;
    }
    
#main #footer #radiator a
{
    color:#6d6d6d;
    }    
    
#main #footer .icons
{
    width:680px;
    padding:0px 0px 0px 0px;
    margin:5px 0px 5px 0px;
    background-color:transparent;
    border-bottom:solid 1px #adadad;
    overflow:hidden;    
    float:left;
    }
    
#main #footer .icons .icons2
{
    width:130px;
    padding:0px 0px 0px 0px;
    margin:0px 10px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    text-align:right;
    float:right;
    }
    
    
/* Header specific containers */

#main #header #top
{
    width:680px;
    height:50px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }
    
#main #header #top #left
{
    width:360px;
    height:45px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    text-align:right;
    float:left;
    }

#main #header #top #right
{
    width:315px;
    height:40px;
    padding:10px 5px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    text-align:right;
    float:left;
    color:#0070c6;
    }

#main #header #bottom
{
    width:680px;
    height:20px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }
    
#main #header #bottom #tabs
{
    height:15px;
    width:350px;
    padding:0px 0px 0px 0px;
    margin:5px 190px 0px 140px;    
    background-color:transparent;
    }
    

#main #header #bottom #tabs
{
    margin:2px 190px 0px 140px;    
    } 
        
    
#main #header #bottom #tabs .tab
{
    width:70px;
    height:15px;
    padding:3px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('banner-tab.gif');
    float:left;
    font-size:9px;
    font-weight:bold;
    color:#0070c6;
    }
    
#main #header #bottom #tabs .tablink{
    color:#0070c6;
    }
    
/* Banner specific containers */

#main #banner #menu{
    width:190px;
    height:210px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }
    
#main #banner #menu .tab{
    width:189px;
    height:34px;
    padding:0px 0px 0px 0px;
    margin:0px 1px 1px 1px;
    background-color:transparent;
    float:left;
    }

#main #banner #menu .tab .left{
    width:140px;
    height:24px;
    padding:10px 10px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('menu-tab-left.gif');
    float:left;
    text-align:right;
    font-size:12px;
    font-weight:bold;
    color:White;
    }
    
#main #banner #menu .tab .right{
    width:34px;
    height:24px;
    padding:10px 0px 0px 4px;
    margin:0px 0px 0px 1px;
    background-color:#999999;
    float:left;
    text-align:left;
    font-size:12px;
    font-weight:bold;
    color:White;
    }
    
/* Homepage specific containers */

#main #content #homeleft
{
    width:205px;
    padding:0px 0px 0px 0px;
    margin:0px 10px 0px 5px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    }
    
#main #content #homeleft .image
{
    width:205px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    }
    
#main #content #homeleft .paneltitle
{
    width:170px;
    height:17px;
    padding:3px 0px 0px 35px;
    margin:0px 0px 0px 0px;
    background-image:url('panel.gif');
    overflow:hidden;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    }
    
#main #content #homeleft .content
{
    width:185px;
    padding:15px 10px 40px 10px;
    margin:0px 0px 0px 0px;
    background-color:#e5e5e5;
    overflow:hidden;
    float:left;
    text-align:left;
    }

#main #content #homeleft .content h1
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
    }



#main #content #homeright
{
    width:455px;
    padding:0px 0px 0px 0px;
    margin:0px 5px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;    
    }
    
    
#main #content #homeright #title
{
    width:415px;
    padding:0px 0px 10px 0px;
    margin:0px 40px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    font-size:24px;
    text-align:left;
    }  

#main #content #homeright #feature
{
    width:285px;
    padding:0px 0px 0px 0px;
    margin:0px 5px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    }
    
#main #content #homeright #feature .paneltitle
{
    width:245px;
    height:18px;
    padding:2px 0px 0px 35px;
    margin:0px 5px 5px 0px;
    background-image:url('panel.gif');
    overflow:hidden;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    font-size:13px;
    }
    
#main #content #homeright #feature h1
{
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:12px;
    }

#main #content #homeright #panels
{
    width:165px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    }   

#main #content #homeright #panels #panelblock
{
    width:163px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('panel-back.gif');
    background-position:bottom;
    background-repeat:repeat-x;
    overflow:hidden;
    float:left;
    border:solid 1px #999999;
    }

#main #content #homeright #panels #panelblock .content
{
    width:143px;
    padding:10px 10px 10px 10px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    font-size:10px;
    }

#main #content #homeright #panels #panelblock .content h1
{
    font-size:12px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-weight:bold;
    } 
    
#main #content #homeright #panels .paneltitle
{
    width:160px;
    height:17px;
    padding:3px 0px 0px 35px;
    margin:0px 5px 0px 0px;
    background-image:url('panel.gif');
    overflow:hidden;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    }  


/* Standard Page Template - Left col */


#main #content #standardleft
{
    width:495px;
    padding:0px 0px 0px 0px;
    margin:0px 10px 0px 5px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    }
    
#main #content #standardleft #title
{
    width:495px;
    padding:0px 0px 10px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    color:#0070c6;
    overflow:hidden;
    float:left;
    font-size:24px;
    font-weight:bold;
    text-align:left;
    }
    
#intro
{
    width:495px;
    padding:0px 0px 10px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    font-size:14px;    
    text-align:left;
    }

#main #content #standardleft h1
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    color:#0070c6;
    font-size:14px;
    font-weight:bold;
    }
    
#main #content #standardleft li
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    list-style-image:url('list-bullet.gif');    
    }    
    
#leftmain
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;    
    float:left;
    }              

#keyfacts
{
    width:165px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 7px;
    background-color:#E2EEF8;
    overflow:hidden;
    float:right;
    } 

#keyfactstext
{ 
    width:155px;
    padding:5px 5px 5px 5px;
    margin:0px 0px 0px 0px;
    background-color:#E2EEF8;
    font-size:11px;
    } 

#main #content #standardleft #feature .content
{
    width:143px;
    padding:10px 10px 10px 10px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    font-size:10px;
    }

#main #content #standardleft #feature .content h1
{
    font-size:12px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-weight:bold;
    }
 
#main #content #standardleft .image
{
    width:205px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    }
    
#main #content #standardleft .paneltitle
{
    width:170px;
    height:17px;
    padding:3px 0px 0px 35px;
    margin:0px 0px 0px 0px;
    background-image:url('panel.gif');
    overflow:hidden;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    }
    
#main #content #standardleft .content
{
    width:185px;
    padding:15px 10px 40px 10px;
    margin:0px 0px 0px 0px;
    background-color:#e5e5e5;
    overflow:hidden;
    float:left;
    text-align:left;
    }

#main #content #standardleft .content h1
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
    }

/* Standard Page Template - Right col */

#main #content #standardright
{
    width:165px;
    padding:0px 0px 0px 0px;
    margin:0px 5px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;    
    }
    
    

#main #content #standardright #panels
{
    width:165px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    }   

#main #content #standardright #panels #panelblock
{
    width:163px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('panel-back.gif');
    background-position:bottom;
    background-repeat:repeat-x;
    overflow:hidden;
    float:left;
    border:solid 1px #999999;
    }

#main #content #standardright #panels #panelblock .content
{
    width:143px;
    padding:10px 10px 10px 10px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    font-size:10px;
    }

#main #content #standardright #panels #panelblock .content h1
{
    font-size:12px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-weight:bold;
    }
    
#main #content #standardright #panels #panelblock .content a
{
    font-size:11px;
    font-weight:bold;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;    
    color:#0070c6;
    } 
    
#main #content #standardright .paneltitle
{
    width:160px;
    height:17px;
    padding:3px 0px 0px 35px;
    margin:0px 5px 0px 0px;
    background-image:url('panel.gif');
    overflow:hidden;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    }
    
/* Google maps information popup div */

 #map-info
 {
    width: 240px;
    height: auto;
    padding-bottom: 10px;
    margin: 0;
 }



/* Link classes for text and images */

img{
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px; 
   border-width:0px;
    }

a{
    text-decoration:none;
    color:inherit;
    }
    
.imglink:hover{
    text-decoration:none;
}    

.whitelink{
    color:#FFFFFF;
    }
    
.bluelink{
    color:#0070c6;
    }

.map-header
{
    font-size: 12px;
    font-weight: bold;
    color: #0070C6;
}

a:hover{
    text-decoration:underline;
    }