Ôªø*{margin:0;padding:0; border: 0}
body { font-size: 1em; font-family: Tahoma, Arial, Serif; color: Black; text-align: center; margin: 0;}
p { font-size: 0.8em; margin-bottom: 0.8em; }
a { text-decoration: underline; color: Black; }
a:hover { text-decoration: none }
input { border: solid 1px #344F71; margin: 5px 0 5px 0; }
label { font-weight: bold; }
.submit { background: #527AAB; border: solid 1px #344F71; color: White; font-size: 0.9em; }



h1 { font-size: 1.8em; color: #213E60; font-weight: lighter; padding-bottom: 0.5em; }
h2 { font-size: 1.3em; color: #797979; font-weight: normal; padding-bottom: 0.5em; }
h3 { line-height: 45px; padding-left: 32px; font-size: 0.7em; font-weight: bold; } /* Used for front page box headings */
h4 { font-size: 1.2em; color: #797979; font-weight: normal; padding-bottom: 0.5em; }

ul { list-style: square inside; color: #344F71; line-height: 1.1em; margin-bottom: 10px;}
#mainrighttextarea li { padding-bottom: 1em; }

#container { text-align: center; width: 17cm; }
#site { width: 17cm; height: auto; text-align: left; margin: 0 auto; }

#headerarea {width: 729px; height: 324px; float: left; text-align: center; position: relative; z-index: 2}
#bluespacer {width: 729px; height: 12px; float: left; clear: left; background-color: #344F71; margin: 5px 0 2px 0; }
#bluetopmenu { width: 729px; height: 40px; float: left; clear: left; background-color: #344F71; margin: 5px 0 2px 0; text-align: center; }
#headerImage {width: 729px; height: 239px; float: left; clear: left; position: relative; }
#headerleftmenu {width: 200px; height: 220px; float: left; clear: left; position: relative; background: #527AAB; text-align: left;}
#headerightimage {width: 526px; height: 220px; float: left; margin-left: 3px; position: relative; background: #6688b0 url(images/sh_1.jpg);}
/* The following style can be removed when images are placed in the section headerightimage */
#headerightimage p { color: White; font-size: 0.8em; position: absolute; left: 10px; bottom: 10px;}

#headerText { width: 526px; height: 30px; position: relative; top: 200px; font-size: 1.2em; /*background: #344F71; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;*/ }
.linksleft { float: left; width: 200px; height: 66px; text-align: left; position: relative; left: 0px; }	




#main { width: 727px; min-height: 200px; border: 1px solid #cfcfcf; border-top: 0; border-bottom: 0; float: left; clear: left; position: relative; z-index: 1}
    
    #main .boxheader { width: 230px; height: 45px; background: #213d60; color: White; }
    
    .boxlist 
    {
        padding: 5px 0 0 0; 
        position: relative;
        left: 32px !important;
        left: 22px;
        width: 168px;
        color: #213d60; 
        font-size: 0.7em;
        list-style-type: none;
        border-bottom: 1px solid #ECECEC;
     }
     
    .boxlist li { height: 22px; line-height: 22px; border-top: 1px solid #ECECEC;  }
    .boxlist a { padding: 5px 0 5px 10px; background: url(images/bullet.gif) no-repeat left; color: #213d60; text-decoration: none; position: relative; left: -10px;}
    .boxlist a:hover { background: url(images/bullet_blue.gif) no-repeat left; color: #6688B0; }
    #main .box1 { float: left; width: 230px; position: relative; left: 8px; top: 10px; }
    #main .box2 { float: left; width: 230px; position: relative; left: 18px; top: 10px; }
    #main .box3 { float: left; width: 230px; position: relative; left: 28px; top: 10px; }
    
    #mainleftcontainer
    { 
        float: left; 
        width: 199px; 
        height: 160px; 
        position: absolute; 
        bottom: 0px;
        left: 10px; 
        text-align: left; 
        margin-top: 3px;
    }
       
    #mainlefttextarea
    {
        color: #808080; 
        font-size: 0.85em;
    }
    
        #mainlefttopcontainer
    { 
        float: left; 
        width: 170px; 
        height: 100px; 
        position: absolute; 
        top: 7px;
        left: 27px; 
        text-align: left; 
        margin-top: 3px;
    }
    
        #mainlefttoptext
    {
        padding-top: 10px;
        color: #797979;
        font-size: 0.85em;
    }
    
        #mainlefttoptext a
    {
        color: #797979;
    }
    
       #mainlefttoptext h5
    {
        color: #213E60; 
        font-size: 0.85em;
        padding-bottom: 8px;
    }
    
    #mainrightcontainer
    {
        float: left;
        margin-left: 3px; 
        margin-top: 3px; 
        width: 500px; 
        height: auto; 
        position: relative;
        left: 200px;
        bottom: 0px;

    }
    
    #mainrighttextarea
    {
        padding: 15px 15px 15px 15px; 
        font-size: 0.7em;
    }
    
     #mainrighttextarea p { font-size: 1em }
    
    .people 
    {
     float :left; clear: left; width: 490px; height: 92px; padding-bottom: 10px; margin-top: 10px; position: relative; border-bottom: solid 1px #CFCFCF;  
    }
    
        .testimonials
    {
     border-bottom: solid 1px #CFCFCF; 
    }

    .people img
    {
     position: absolute; top: 0; right: 0; border: 1px solid #CFCFCF; padding: 5px;
    }
    
    .people p
    {
     margin-top: 16px; line-height: 16px;
    }

    .people .name
    {
     font-size: 1.0em
    }
    
    .people .name strong
    {
     font-size: 1.1em
    }
    
    .people a { color: Black; text-decoration: none;}
    .people a:hover { text-decoration: underline;}


#footer { width: 729px; height: 16px; float: left; clear: left;background: #cfcfcf; text-align: center; font-size: 0.7em; color: White; margin-bottom: 5px;}
#footer a { color: White; text-decoration: none }
#footer a:hover { color: #213D60; text-decoration: underline }


/* font styles */

.tel {position: absolute; bottom: 10px; right: 0; color: #D0D0D0; font-size: 0.9em;}
.hlinks a { padding-left: 10px; background: url(images/bullet.gif) no-repeat left; color: #213d60; font-size: 0.7em; text-decoration: none}
.hlinks a:hover { background: url(images/bullet_blue.gif) no-repeat left; color: #6688B0;}
.hlinks ul { list-style-type: none; list-style-position: inside; line-height: 1.2em; position: absolute; top: 0px; left: 0px; }

.hlinks_right a { padding-left: 10px; background: url(images/bullet.gif) no-repeat left; color: #213d60; font-size: 0.7em; text-decoration: none}
.hlinks_right a:hover { background: url(images/bullet_blue.gif) no-repeat left; color: #6688B0;}
.hlinks_right ul { list-style-type: none; line-height: 1.2em; position: absolute; top: 0px; right: 0px; }


.greylist {list-style-position: outside; margin-left: 10px;  font-size: 1.1em; color: #797979; font-weight: normal;}

.snav { list-style-type: none; line-height: 1.2em; position: absolute; top: 10px; left: 30px !important ; left: 20px; font-size: 1em;}
.snav li { height: 22px; width: 150px; border-bottom: 1px solid #6688b0; }
.snav li .sublink { margin-left:5px; color: white; font-size: 0.6em; text-decoration: none; line-height: 0.8em;}
.snav li .sublink:hover { color: #0E3364; text-decoration: none; }
.snav li .sublinksel { margin-left:5px; color: #0E3364; font-size: 0.6em; text-decoration: none; }
.snav li .sublinksel:hover { color: #0E3364; text-decoration: none; }

.snav li .link { padding: 10px 0 10px 10px; background: url(images/bullet_white.gif) no-repeat left; color: white; font-size: 0.7em; text-decoration: none; position: relative; left: -10px;}
.snav li .link:hover { color: #0E3364; background: url(images/bullet.gif) no-repeat left; }
.snav li .linksel { padding: 10px 0 10px 10px; background: url(images/bullet.gif) no-repeat left; color: #0E3364; font-size: 0.7em; text-decoration: none; position: relative; left: -10px;}

.Pnav { margin-right: 70px; line-height: 40px; font-size: 0.8em; color: white ; text-decoration: none; }
.Pnav_on { margin-right: 70px; line-height: 40px; font-size: 0.8em; color: #9bb8db;  text-decoration: none;}