/*----HTML Structural Elements--------------------------------------------------*/
  
  html{
    background:#ffffff url(images/bg.gif) repeat-x center top;
    /*background MUST be the same as the body tag's background in XHTML*/
    height:100%;  
  }
  
  body{
    background:#ffffff url(images/bg.gif) repeat-x center top;
    padding:0px;
    height:100%;
    margin:0px;
    font:small/150% Verdana, Arial, Helvetica, sans-serif;

  } 
  
  .homebg{
    background:#003C69 url(images/spacer.gif) no-repeat center top;
  } 
  
  HR{
    color: #e1e1e1;
    margin: 6px 30px 6px 82px;    
  } 
  
  p{
    font-size:86%;
    line-height:140%;
    margin:2px 30px 16px 30px;
    padding:0;
  }

  small{
    font-size:95%;
  }  
  
  .printonly{
      display:none;
    }  

  
  acronym,
  abbr{
    cursor:help;
  }

.break{
    display: block; 
    clear: both; 
    height: 0px;
    padding: 0px;
    margin: 0px;
  }
	
  a{
    color:#003C69;
    text-decoration:underline;
    padding:0px;
    margin:0 0 0 0;    
  }  
	
  a:hover{
    color:#954A09;
  }
  
#img {
    border: 1px solid #333333;
    padding: 5px;
    margin: 5px;
    background-color: #FFFFFF;
    float: center;
    }  
    

#img2 {
    border: 0px solid #333333;
    padding: 5px;
    margin: 15px 20px 20px 15px;
    background-color: #FFFFFF;
    float: right;
    width: 80px;	    
    }  
    
   
    

.clientlist {
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0px;
	text-align: center;
}
  
  /**----Blockquote Styles------------------------------------------------------*/
  
    blockquote{
  	background: #F5F2E8;
  	margin: 15px 30px 15px 30px;
  	padding: 12px 0px 12px 0px;
    	display: block; 
    	clear: both;   	
  	
    }
  
  /**/
  
  /**----Unordered List Styles--------------------------------------------------*/

    ul{
      list-style-type: square;
      margin: 6px 30px 10px 30px;
      padding:0;
      font-size:86%;
    }
    
    ul li{
      margin: 0 0 5px 15px;
      padding:0;
      line-height:150%;
    }
      
    
    ul li ul{
      margin:5px 0 5px 15px;
      font-size:1em;
    }

      
  /**/

/**/

/*----Page Structural Elements/Wraps--------------------------------------------*/
	  
   .parentWrap{
    background: #ffffff;
    width:767px;
    margin:0;
    padding: 0px 0px 0px 0px;
    text-align: left;
    color:#484848;
    position:relative;
  } 
  
  .parentWrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  } 
  
  /* Hides from IE-mac \*/
  * html .parentWrap {height: 1%;}
  /* End hide from IE-mac */
  
  .contentWrap{
    float:left;
    display:inline;
    clear:both;
    margin:0px;
    padding:0px;
    position:relative;
    text-align: left;    
    
  }
  
  .footerWrap{
    float:left;
    display:inline;
    clear:both;
    width:100%;
    margin:0px 0 0 0px;
    padding-bottom:0px;
    position:relative;
  }
	

/**/	

/*----Header Section------------------------------------------------------------*/
	
  .bannerHeader {
    width:767px;
    height: 125px;
    margin:0px;
    padding:0;
    text-align:left;
    background: url(images/logo_spherepr.gif) no-repeat 0 0;
  }  
  
  .bannerHeader:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }
  
  
  /* Hides from IE-mac \*/
  * html .bannerHeader {height: 1%;}
  /* End hide from IE-mac */
  
/**/

/*----Nav Section---------------------------------------------------------------*/

  a.aSkipNav{
    position: absolute;
    left: -1000em; 
    width: 20em;
  }
  
/**----Main Nav Section-------------------------------------------------------*/

    .logo{
      margin: 0;
      padding: 0;
      height: 125px;
    }
    
    ul#nav{
      float:left;
      display: inline;
      margin: 0px 0 0 0px;
      padding:0;
      list-style-type: none;
      clear: both;
      width: 767px;
    }
    
    ul#nav li {
      float:left;
      display: inline;
      padding:0;
      margin:0 0 0 0;
      height: 125px;
      width: auto;      
    }
    
    ul#nav li a {
      display:block;
      padding:0px;
      margin:0 0px 0 32px;
    }
    
    ul#nav li a.home {
      display:block;
      padding:0px;
      margin:0 110px 0 0px;
    }    
    
/**/
  



/*----Footer Styles-------------------------------------------------------------*/

.footerWrap#footer{
    background: #ffffff;
    border-top: solid 3px #003C69;
    width: 100%;
    color:#484848;
    clear:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
.footerWrap#footer p{
    color:#484848;
    text-align:left; 
    line-height: 145%;
    margin:6px 30px 12px 45px;    
    padding:0;
  }
  
.footerWrap#footer a{
    color:#003C69;   
    font-weight: bold;
  }
  
/**/


 

/*------------------------------------------------------------------------------*/
/*----BASE PAGE STYLES---------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


.contentWrap#main{
    clear:none;
    width:767px;
    font-size:100%;
    margin:0;
    padding: 0px;
  }
  
.contentWrap#main h1{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 190%;
    font-weight: bold;
    text-align: left;  
    color: #161D32;
    line-height: 105%;
    margin: 20px 30px 12px 82px;
    padding:0;
  }
  
.contentWrap#main h2{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 135%;
    font-weight: bold;
    text-align: left;   
    color: #003C69;
    line-height: 125%;
    margin: 16px 30px 18px 82px;
    padding:0;
  } 

.contentWrap#main h3{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 115%;
    font-weight: bold;
    text-align: left;   
    color: #954A09;
    line-height: 125%;
    margin: 18px 30px 2px 82px;
    padding:0;
  } 
  
.contentWrap#main h4{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 103%;
    font-weight: bold;
    text-align: left;   
    color: #003C69;
    line-height: 105%;
    margin: 16px 30px 36px 82px;
    padding:0;
  } 
  
.contentWrap#main h5{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 100%;
    text-align: left;   
    color: #954A09;
    line-height: 120%;
    margin: 16px 30px 12px 82px;
    padding:0;
    font-weight: normal;
  } 
  
.contentWrap#main p{
    color:#484848;
    text-align:left;   
    margin: 10px 30px 6px 82px;
    padding:0;
  }

.contentWrap#main p ul{  
    margin: 0px 30px 16px 82px;
  }
  
.contentWrap#main a{
    color:#003C69; 
  }  
  
.contentWrap#main a:hover{
    color:#954A09; 
  }   

.contentWrap#main a#on{
    color:#954A09;
  }  


span#on{
    color:#954A09;
    font-weight: bold;
  } 
  
  .columns#main p.bottomnav{
    color:#484848;
    text-align:left;   
    margin: 36px 0px 16px 82px;
    padding:0;
  }
  
  
/**/



/*----Home Page-----------------------------------------------------------------*/
  
.columns{
    float:left;
    display:inline;
    clear:both;
    width: 767px;
    margin:0px;
    padding:0px;
    position:relative;
  }

.columns#left{
    width:500px;    
    border-right: solid 3px #ffffff;
    color:#484848;
    clear:none;   
    margin:0;
    padding: 0;
  }
  
 .columns#left h1{
    color:#484848;
    text-align:left;   
    margin: 18px 82px 6px 82px;
    padding: 0;
  }
  
 .columns#left h2{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 135%;
    font-weight: bold;
    text-align: left;   
    color: #003C69;
    line-height: 125%;
    margin: 16px 82px 10px 82px;
    padding:0; 
  }  
  
  .columns#left p, ul{
    color:#484848;
    text-align:left;   
    margin: 6px 82px 16px 82px;
    padding:0;
  }
   
  .columns#left p.bottomnav{
    color:#484848;
    text-align:left;   
    margin: 36px 0px 16px 82px;
    padding:0;
  }
  
.columns#left a{
    color:#003C69; 
  }

.columns#left a:hover{
    color:#954A09; 
  }  
  
.columns#right{
    width:264px;   
    color:#484848;
    clear:none;
    margin:0;
    padding: 0;  
  }
     
.columns#right h1{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 165%;
    font-weight: bold;
    text-align: left;  
    color: #161D32;
    line-height: 95%;
    margin: 14px 26px 3px 26px;
    padding:0;
  }
  
.columns#right h2{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    font-size: 136%;
    font-weight: bold;
    text-align: left;   
    color: #003C69;
    margin: 8px 26px 8px 26px;
    padding:0;
  }  
  
.columns#right H3{
    font-family: Century Gothic, Verdana, Arial, Sans-serif;
    text-transform: uppercase;
    color:#27462C;
    text-align: left;
    font-size: 80%;
    line-height: 100%;
    margin: 18px 26px 2px 26px;
    padding:0;
  }
  
.columns#right p{
    color:#484848;
    text-align: left;
    line-height: 155%;
    margin: 8px 26px 8px 26px;
    padding:0;
  }  
 
 .columns#right p#active{
    color:#954A09;
    font-size: 95%;
    font-weight: bold;
    padding:0;
    margin: 8px 26px 20px 26px;
    text-align: center;
  } 

/**/





/*----Form Elements-----------------------------------------------------------------*/
 
form {
     padding: 0px;
     margin: 0px;
}

input, select {
     padding: 0px;
     margin: 0px;
     font-size: 90%;
}

/**/

/*----Contact Us Page-----------------------------------------------------------------*/
  
#branchinfoCallout{
    background: #FAF6E3;
    width:291px;     
    float: right;
    padding: 0px 0px 10px 0px;    
  }      

#border{
    border: solid 2px #FAF6E3;
    padding: 15px 15px 15px 5px;
    margin: 30px;
}

form#border b{
    color: #003C69;
    font-weight: normal;
    font-size: 95%;
}