/*  Colu   180-720-60*/
/* 240 660 60 */
/* 140 */



/*old colours */
/*FFFFCC yellow*/
/*003B77 Blue*/
/*#FAB131 orange yellow in logo*/


*       {   margin-top: 0px;
            padding-top: 0px;
            font-family: Arial, Tahoma, Geneva, sans-serif;
           
            
    }
   
            
 Body {
            font-family:  Arial,Tahoma, Geneva, sans-serif;
            font-size: 13px   ;
            color: #003B77;
           
            Padding: 0px;
            border: none 0px;
            
            margin: 0px auto;
           width: 960px;
        
               
}



#Header {   position: absolute;
            display: block;
            width: 960px;
            height: 114px;
            Top: 10px;                                                                                  
            
            z-index: 10;
            
            padding: 0px;
            

        }
.MainPicture {              
            position: absolute; 
            float: left; 
            left: 240px; 
            top: 124px; 
            z-index: -10;
            margin: 5px 0px 5px 0px; 
            padding: 0px;
            width: 720px;
            height: 185px;
            border: 1px solid #C0C0C0; 
            box-shadow: 2px 2px 2px #888;
         }
.NewsPanel{              
            position: absolute; 
           
            left: 0px; 
            top: 124px; 
            z-index: -10;
            margin: 5px; 
            padding: 5px;
            width: 210px;
            height: 175px;
            border: 1px solid #C0C0C0; 
            background-color: #FFFFFF;  
            font-size: 13px; 
            text-align:left; 
            font-family: Arial;
            box-shadow: 2px 2px 2px #888;
            -moz-border-radius: 2ex;  
            -webkit-border-radius: 2ex;
            overflow: hidden;
         }
.Divider
{    
    position: absolute; 
    float: left; 
    left: 0px;  
    top: 124px;    
  
    background: #003B77 url(/Images/Buttons/Gradient.png) repeat-x 0 -150px;
    border: solid 1px #333333;
    height: 1px;  
    width: 960px; 
    z-index:-10;
    }
#Wrapper {  Position: relative;
            display: block;
            width: 960px;
           
            }
#MainContent {  Position: relative;
            Display: block;
            Top: 10px;
         Left: 240px;
            width: 700px;
            min-height: 600px;
            float: none;
            margin: 5px; padding: 5px;
            }
.LeftCol
{   
    padding:; position: absolute;
    top: 10px;
    left: 0px;
    margin: 5px; width: 220px;
    min-height: 400px;
    border: solid 1px #333333;
    box-shadow: 2px 2px 2px #888;
    -moz-border-radius: 1ex;
    -webkit-border-radius: 1ex;
    background: #F2FBFF url(/Images/Buttons/Gradient.png) repeat-x 0 0px; /*E9E9E9*/ }




 .RightCol {Position: absolute;
            top: 10px;
            left: 880px;
            width: 60px;
            height: 599px;
            margin: 20px;
            
          /*  writing-mode: bt-rl; */
         
     
            }
.Footer
{
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    width: 940px;
    height: 168px;
  
    clear: both;
    
    border: solid 1px #333333;
    padding:5px; margin: 5px;
    box-shadow: 2px 2px 2px #888;
    -moz-border-radius: 1ex;
    -webkit-border-radius: 1ex;
    background: #FFFF99 url(/Images/Buttons/Gradient.png) repeat-x 0 0px;
}
.Clear {   
            clear: both;
            float: none;
        }
    
    #MainTitle
{
    
    text-align:center; 
    width:480px; 
    height: 62px; 
    float: left;
    margin:0px; 
    padding:0px;
    font-size: 15px;
    line-height: 20px;
    
    }    
        
        
   .Hyperlink {  text-decoration:  none;
                
                color: #003B77;
}    

   a:hover
   {  text-decoration:   underline;
               
} 
        
h1 {
            font-size: 17px;
            line-height: 20px;
            font-weight: 700;
            font-family: Arial, Tahoma, Geneva, sans-serif;
            }
h2 {
            font-size: 13px;
            font-weight: bold;
}
p {
            
            font-size: 13px;
            font-weight: normal;
    
}
 .ImageButton
        {margin:10px ; 
         float: right ; 
         display :block; 
         max-width: 100px; 
         max-height:100px; 
         border: solid 1px #003B77;}
         
  .ImageButtonLeft
        {margin:10px ; 
         float: left ; 
         display :block; 
         max-width: 70px; 
         max-height:70px; 
         border: solid 1px #003B77;}
         
 .ImageDiv
        { 
         float:left ; 
         
         width: 100px; 
         height:100px; 
         }
         
 .SubMenu
{
    background-color: #C0C0C0;
    border: Solid 1px #003B77;
    padding: 5px 0px 5px 0px;
    width: 130px;
    height: 12px;
    float: right;
    
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    background: #E9E9E9 url(/Images/Buttons/Gradient.png) repeat-x 0 -70px;
}
            

            
 .SubMenu:hover
 {
                background-color: #003B77; 
                }
                
.HyperlinkSubMenu {  text-decoration:  none;
                
                color: #003B77;
}    
.HyperlinkSubMenu:hover   
{
        text-decoration:  underline;
        color: #D7DF23;
} 
         
.TableBlueBackground {
            border: thin none #003B77;
            background-color: #003B77;
            border-collapse: collapse;
     
            font-size: 13px;
            color: #D7DF23;
            vertical-align: top;
}
.TableYellowBackground
{
            border: solid 1px #FFFF00;
            background-color: #FFFFCC;
            border-collapse: collapse;

            font-size: 13px;
            color: #003B77;
            vertical-align: top;
}
.TableWhiteBackground
{
            border: thin none #003B77;
            background-color: #FFFFFF;
            border-collapse: collapse;
            color: #003B77;
            white-space: normal;
            text-align: left;
            vertical-align: top;
            caption-side: top;
            padding-right: 5px;
            padding-left: 5px;
}
.TableWhiteBackgroundTitle
{
            border: thin none #003B77;
            background-color: #FFFFFF;
            border-collapse: collapse;
            color: #003B77;
            vertical-align: top;
            white-space: normal;
    
            font-size: 13px;
            text-align: center;
            font-weight: bold;
            vertical-align: top;
} 

 .MenuLink
{ text-decoration: none;
  font-weight: bold;
  padding:7px;
  background-color: #003B77;
  border : solid 1px #333333; 
  color: #FFFFCC;
  background: #003B77 url(/Images/Buttons/Gradient.png) repeat-x 0 -125px;
box-shadow: 1px 1px 2px #888;
font-size: 13px 
    }   
    
     .MenuLinkInverse
{ 
    font-size: 13px ;
    width: 182px;
    float: left;

    text-decoration: none;
  font-weight: bold;
  color: #FFFFCC;

  text-align: left;
  
  margin-left: 10px;
  padding: 4px;  
  padding-left: 12px;
  margin-top: 16px;
  
  border: solid 1px #333333; 
  background-color: #003B77;
  background: #003B77 url(/Images/Buttons/Gradient.png) repeat-x 0 -135px;
  box-shadow: 1px 1px 2px #888;
  
  
    } 
    
         .SideBarSubMenu
{ 
    width: 180px;
    float: left;
    text-align: left;
    text-decoration: none;
  font-weight:  normal;
  color: #003B77;
  margin-left: 10px;
  border: none; 
  padding: 4px;  
   margin-top: 0px;
   padding-left: 16px;
   text-indent: -8px;
   font-size: 13px 
  
    }
    
    .SideBarSubMenu:hover 
{
    background-color: #003B77;
    color: #FFFFCC;
   margin-left: 0px;
   text-decoration: none;
   margin-left: 10px;
   width: 180px;
   text-align: left;
    padding: 4px;  
   margin-top: 0px;
  padding-left: 16px;
   text-indent: -8px;
   font-size: 13px 
   
} 
    
.MasterMenuIcons
            {
             height: 28px; 
             float: left; 
             position: relative; 
             margin: 0px; 
             padding: 0px;
             padding-right: 5px;
             left: 0px;
}

.MasterGraphic
        {
            border: thin none #003B77;
            background-color: #FFFFFF;
            border-collapse: collapse;
            color: #003B77;
            vertical-align: top;
            white-space: normal;
    
            font-size: 13px;
            text-align: left;
            vertical-align: top;
            caption-side: top;
            padding-right: inherit;
    
        }

              
         .SmallTableText
        {
            font-size: 11px;
            width: 960px;
            text-align: left;
        }
         .SmallTableTextRight
        {
          
            font-size: 9px;
            width: 923px;
            text-align: right;
        }

        
 
        .hyperlinkyellow
        {
            font-family: Arial, Helvetica, sans-serif;
            color: #FFFF00;
        }
 
.DropDownMenu
{
    display: none;
    margin-top: 7px;
    border: 1px solid #888;
     background: #E9E9E9 url(/Images/Buttons/Gradient.png) repeat-x 0 00px;
     box-shadow: 2px 2px 2px #888;
}
        
    


ul  {margin-left: 0px;
     padding-left: 0px;}
li  {margin-left: 50px;
     padding-left: 0px;}


                
ul.mainnav 
{
    list-style: none;
    width: 200px;
    margin: 0px;
    padding: 0px;
    
    position: absolute;
    display: block;

    
}
ul.mainnav li a:link, ul.mainnav li a:visited 
{
    text-decoration: none;
    display: block;
    width: 88%;
    padding: 5px;

    font: normal 12px/1.0 ;
    font-size:12px;
    font-weight: normal;
  /*  font-family: arial, sans-serif; */
    color: #003B77;
    margin-left: 0px;
    
    }
ul.mainnav li
{
    border-top: none;
        margin-left: 0px;

}
ul.mainnav li a:hover 
{
    background-color: #003B77;
    color: #D7DF23;
   margin-left: 0px;

} 
.LocalDiv
{
    float: left; 
    display: block; 
    margin: 10px; 
    width:160px; 
    text-align: center;
}

.LocalImg
{
    
    margin-top: 5px;
    z-index: 10;
    position: static;
    border: solid 0px #003B77;
     
     
    } 
.LocalInnerDiv
{
    display: block;
    position: relative;
    padding-top: 3px;
 } 
 
.LocalBackgroundImg
{
    position: absolute; 
    z-index: -10; 
    display: block; 
    top:0px; 
    left:0px;
    } 
.invalid
{
     border-color:  red;}
     
     
      /* Boxes */ 
.Box
{
     border: solid 1px #003B77;  
     padding:5px; margin:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
    box-shadow: 2px 2px 2px #888;
     
} 

.Box2Across
{
     border: solid 1px #003B77;  
     padding:5px; margin:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
    box-shadow: 2px 2px 2px #888;
    width:328px;
     
} 

.Box3Across
{
     border: solid 1px #003B77;  
     padding:5px; margin:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
    box-shadow: 2px 2px 2px #888;
    width:211px;
     
} 

.Box4Across
{
     border: solid 1px #003B77;  
     padding:5px; margin:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
    box-shadow: 2px 2px 2px #888;
     width:153px;
} 

.BoxNoPadding
{
     border: solid 1px #003B77;  
     padding:0px; margin:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
     box-shadow: 2px 2px 2px #888;
} 


.BoxFullWidth
{
     border: solid 1px #003B77;  
     padding:5px; margin:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
     width: 680px;
     box-shadow: 2px 2px 2px #888;
} 

.Box4
{
     border: solid 1px #003B77;  
     margin: 5px; 
     padding:5px; 
     background-image: url(/Images/Buttons/Gradient-Blue-24.gif)  ; 
     background-repeat: repeat-x;
     float:left;
     display:block;
     width:153px;
     height:153px;
     box-shadow: 2px 2px 2px #888 ;
} 

.DoorStyle{ width: 160px; height: 55px; float:none;        margin: 10px; }        

.SocialBookmark {height: 48px; }


/* Bottom 4 Boxes on MasterPages */

.BotCol1 {border: solid 1px #333333;  
            background-color: #333333;  
             background: #333333 url(/Images/Buttons/Gradient.png) repeat-x 0 -130px;
            color: #FFFFFF;    
            font-size: small;   
            text-align:left; 
           padding:  5px 12px 5px 12px ;
            -moz-border-radius: 1ex;  
            -webkit-border-radius: 1ex;       
                  
            
            margin:  5px;
            float: left;
            width: 204px;
            height: 144px;
            overflow: hidden;
            
          
            }

.BotCol2 {border: solid 1px #333333; 
            background-color: #FFFFCC;  
            
            font-size: small;   
            text-align:left; 
            padding:  5px 12px 5px 12px ;
             -moz-border-radius: 1ex;  
            -webkit-border-radius: 1ex;
     
    
           margin:  5px;
            float: left;
            width: 204px;
            height: 144px;
            overflow: hidden;
            
            }
  
  .BotCol3{border: solid 1px #C0C0C0; 
             background-color: #FFFFFF;  
             font-size: small; 
             text-align:left; 
            padding:  5px 12px 5px 12px ;
           
           -moz-border-radius: 1ex;  
            -webkit-border-radius: 1ex;
            
        
             margin:  5px;
            float: left;
            width: 204px;
            height: 144px;
            overflow: hidden;
            }
            
  .BotCol4{  border: solid 1px #333333;  
             background-color: #FFFFCC;  
             font-size: small; 
             text-align:left; 
            padding:  5px 12px 5px 12px ;
           
             -moz-border-radius: 1ex;  
             -webkit-border-radius: 1ex;
       
         
           
             margin:  5px;
            float: left;
            width: 204px;           
            height: 144px;
            overflow: hidden;
           
            
            }


/* End of Bottom 4 Boxes on Masterpage */
            
  .Facebook {
        background: url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; 
        padding:2px 0 0 20px;
         height:16px;
        }
        
     .Twitter {
        background: url(http://platform.twitter.com/widgets/tweet_button.html) no-repeat top left; 
        width:130px; height:50px;
        }
        
        
 

.FooterList{    font-size: 11px;
                text-decoration: none;     
                list-style: none; 
                color: #003B77;}

.FooterList li
        {
            font-size: 11px;
                text-decoration: none;     
                list-style: none; 
                color: #003B77;
                margin-left: 0px;
                padding-left:0px;
        }

             .FooterList a
        {
            font-size: 11px;
                 text-decoration: none;   
                 color: #003B77;  
                
        }
        .FooterList a:hover   
{
        text-decoration:  underline;
        font-size: 11px;
      
} 




/* REPLACEMENT FONTS */

    
      
    

      
      /* END OF REPLACEMENT FONTS */
   
   
 /* Online Quote Top Right */ 
      
      .OnlineQuote
      {
          
           border: solid 1px #333333;
           box-shadow: 3px 3px 3px #888;
           -moz-border-radius: 1ex;
           -webkit-border-radius: 1ex;
           background: #FAB131 /* url(/Images/Buttons/Gradient.png) repeat-x 0 -30px */ ;
           left: 720px;
           width: 240px;
           color: #FFFFCC;
           float:right;
           position:absolute;
           text-align:   center;
           padding: 2px;
           margin:0px;
        
          
          
          }
          
          .OnlineQuote a
          {     text-decoration:  none;
                color: #FFFFFF;
                font-weight: bold;
                font-size: 24px;
                letter-spacing:-1px;
                
              }
              
               .OnlineQuote a:hover
          {     text-decoration:  underline;
                color: #FFFFFF;
               
               
              }
              
            .OnlineQuote li a
          {     text-decoration:  none;
                color: #FFFFFF;
                font-weight: bold;
                font-size: 12px;
                text-align: left;
                margin-left: 0px;
                padding-left: 0px;
                letter-spacing:-0px;
               
              }
              
               .OnlineQuote ul
          {     
                margin: 0px;
                padding: 0px;
                text-indent: 0px;
                 text-align: left;
                list-style-type: circle;
                
              }
  
  .OnlineQuoteLeft
          {     
               width: 50px; float:left; margin:   5px 0px 5px 10px;
              }
              
   .QnlineQuoteRight
          {     
                float:right;  margin:   5px 10px 5px 0px;
              }