﻿body{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
    font-family:Arial;
    font-size:12px;
}

#container{
    width:762px;
    margin:0px auto 0px auto;
    padding:10px 0px 0px 0px;
    text-align:center;
    }

/*Banner*/

#container #banner{
    width:762px;
    height:104px;
    background-color:blue;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
/*Link Line*/
    
#container .links{
    width:762px;
    height:20px;
    margin:3px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    }

#container .links .linkbreak{
    width:1px;
    height:20px;
    background-color:#FFFFFF;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
.link{
    width:108px;
    height:18px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 0px;
    text-align:center;
    color:#273E72;
    float:left;
    font-weight:bold;
    }

    
/*Main Area*/
    
#container #main{
    width:762px;
    background-color:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
#container #main #lhs{
    width:372px;
    background-color:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    }
    
#container #main #lhs2{
    width:564px;
    background-color:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    }
    
#container #main #lhs .break{
    width:372px;
    height:2px;
    border-bottom:dashed 1px black;
    background-color:transparent;
    margin:2px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    
    }
    
#container #main #lhs2 .break{
    width:564px;
    height:2px;
    border-bottom:dashed 1px black;
    background-color:transparent;
    margin:2px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
}
    
#container #main #rhs{
    width:372px;
    background-color:transparent;
    margin:5px 0px 5px 9px;
    padding:0px 0px 0px 0px;
    float:right;
    }

#container #main #rhs2{
    width:180px;
    background-color:transparent;
    margin:5px 0px 5px 9px;
    padding:0px 0px 0px 0px;
    float:right;
    }

#container #main #rhs #rhsImage{
    width:370px;
    background-color:white;
    border:solid 1px black;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
#container #main #rhs #panel1{
    width:179px;
    overflow:visible;
    background-color:white;
    border:solid 1px black;
    margin:10px 5px 10px 0px;
    padding:0px 0px 5px 0px;
    float:left;
    }
    
#container #main #rhs #panel2{
    width:179px;
    overflow:visible;
    background-color:white;
    border:solid 1px black;
    margin:10px 0px 10px 5px;
    padding:0px 0px 5px 0px;
    float:left;
    }
    
 #container #main #rhs2 #panel1{
    width:179px;
    overflow:visible;
    background-color:white;
    border:solid 1px black;
    margin:0px 0px 10px 0px;
    padding:0px 0px 5px 0px;
    float:left;
    }
    
#container #main #rhs2 #panel2{
    width:179px;
    overflow:visible;
    background-color:white;
    border:solid 1px black;
    margin:10px 0px 10px 0px;
    padding:0px 0px 5px 0px;
    float:left;
    }   
    
.panelheading{
    width:169px;
    height:20px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    float:left;
    text-align:left;
  
    }

.paneltext{
    width:167px;
    background-color:transparent;
    margin:0px 0px 5px 0px;
    padding:2px 0px 0px 10px;
    float:left;
    text-align:left;
    font-size:10px;
   
    }
    
/*Microsites*/
    
#container #micro{
    width:762px;
    overflow:visible;
    background-color:transparent;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    
    }
    
    #container #micro .mbreak{
    width:762px;
    height:2px;
    border-bottom:dashed 1px black;
    background-color:transparent;
    margin:2px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    clear: both;
    
    }
    
#container #micro .site{
    width:183px;
    height:252px;
    background-color:transparent;
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 0px;
    float:left;
    color:White;
    
    }

#container #micro .site .textholder{
    height:100%;
    font-weight: normal
    
    }
    

#container #micro .site .text{
    width:176px;
    background-color:transparent;
    background-image:url('arrow.gif');
    background-repeat:no-repeat;
    background-position:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 4px 15px;
    float:left;
    color:White;
    font-size:10px;
    font-weight:bold;
    
    
    }
    
#container #micro .site .text a{
    color:White;
    }

#container #micro .site .image{
    width:183px;
    background-color:white;
    margin:2px 0px 2px 0px;
    padding:3px 0px 3px 0px;
    float:left;
    color:White;
    }
    
#container #micro .break{
    width:10px;
    height:100%;
    background-color:white;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    
  
    }
    
/*Strapline*/
    
#container #strapline{
    width:762px;
    height:20px;
    background-color:transparent;
    border-top:dashed 1px black;
    margin:10px 0px 0px 0px;
    padding:5px 0px 10px 0px;
    float:left;
    }

#container #strapline .lhs{
    width:200px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    float:left;
    font-size:10px;
    }
    
#container #strapline .rhs{
    width:562px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:right;
    float:left;
    font-size:10px;
    }
    
/*text etc*/

a
{
 text-decoration:none;
 color:inherit;
 border:none;  
 color:#285D9C;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: bold;	
    }

a:hover{
 
 color:inherit;
 border:none;   
 text-decoration:underline;
    }
    
.heading1
{
    padding:0px 0px 0px 0px;
    margin:5px 0px 0px 0px;
    font-size:16px;
    font-weight:bold;
    float:left; 
    }
    
/*news styles*/

.newsItem 
{
    width: 564px;
    border-bottom: dotted 1px #000000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    float: left;

}

.newsItemImage
{
    width: 190px;
    height: 90px;
    float:left;
    border: solid 1px #999999;
    overflow: hidden;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  
}

.newsItemText
{
    width: 360px;
    float:left;
    margin-left: 10px;
    padding: 0 0 0 0;

}

/*faq styles*/

.faq
{
    width: 564px;
    margin-bottom: 10px;
   
}

.faqHeader
{
    width: 534px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-left: 30px;
    background-image: url("../imagegallery/faq.gif");
    background-repeat: no-repeat;
    font-weight: bold;
    color: #000333;  
    height: 22px; 
}

.faqText
{
    width: 534px;
    margin-bottom: 10px;
    padding-left: 30px;
   
}


/*headers etc...*/

h1
{
   
    font-size:16px;
    font-weight:bold;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: inherit;
    }
p
{
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
}

/*Important Docs Styles */

.doccontainer
{
    width: 570px;
    float: left;
    margin-bottom: 30px;
}

.doccontainer .full
{
    width: 566px;
    float: left;
    margin-top: 3px;
    padding: 2px 0 2px 4px;
}

.doccontainer .col1
{
    width: 136px;
    float: left;
    margin: 0 3px 3px 0;
    padding: 2px 0 2px 4px;
}

.doccontainer .col2
{
   width: 136px;
   float: left;
    margin: 0 3px 3px 0;
    padding: 2px 0 2px 4px;
}

.doccontainer .col3
{
   width: 136px;
   float: left;
   margin: 0 3px 3px 0;
   padding: 2px 0 2px 4px;
}

.doccontainer .col4
{
    width: 136px;
    float: left;
    margin: 0 0 3px 0;
    padding: 2px 0 2px 4px;
  
}

.doccontainer .col3s
{
    width: 425px;
    float: left;
    margin: 0 0 3px 0;
    padding: 0px 0 2px 0px;

}

/* Sitemap */


.sitemap1
{
    width: 500px;
    height: 15px;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    font-size: 16px;
}

.sitemap2
{
    width: 500px;
    height: 15px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
   
}


.sitemap3
{
    width: 350px;
    height: 15px;
    margin: 0 0 0 0px;
    padding: 5px 0 5px 15px;
   
}

div#crumbs{ font-weight: bold; font-size: 10px; float:left; margin-left: 20px; margin-top:8px; height: 13px; width: 470px; text-align: left; overflow: hidden;}
div#textsize{ font-weight: bold; font-size: 10px; float: right; margin-right: 20px; margin-top:8px;}
div#breadcrumbs{ border-bottom:1px solid #858585; margin-bottom: 15px; float: left; padding-bottom: 10px;}

/*Property Styles */

table
{
    width: 570px;
    float: left;
    margin-bottom: 30px;
    font-size: 11px;
     font-family:Arial;
}

tr
{
}

th
{
    padding: 2px 2px 2px 2px;    
}

td
{
    padding: 2px 2px 2px 2px;
}




