/* ============= Global Settings ============= */ 
* {	padding: 0;	margin: 0; border: 0; }
body
{
    background-position: #99CCFF;
    background: #3A87B5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;   
}
a, a:visited, a:active { outline: none }

/*
* @group clearfix
* @elements: none
*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */ 

.clear { clear: both; } 
.left { float: left; }
.right { float: right; }  
.center { text-align: center; }
.small { font-size: 10px; }
.hr { height: 1px; margin: 20px 0; background: font-size: 0; line-height: 0; } 

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
} 
h1 { color: #0063A5; font: 17.5px/20px Helvetica, Arial, sans-serif; margin-bottom: 20px; }
h2 { font: bold 14px/20px Helvetica, Arial, sans-serif; margin-bottom: 8px; margin-top: 8px;}
h3 {  }
h4 {  }
h5 {  }
h6 {  }

/* ============= Links ============= */
a, a:visited { text-decoration: underline; color: #0572AB; }
a:hover { text-decoration: underline; color: #0572AB; }
a.small-link { font-size: 11px; color: #0572AB; text-decoration: none; }
a.small-link:hover { text-decoration: none; color: #000; }

/* ============= Top Bar with Logo ============= */ 
#top-bar { width: 100%; height: 112px; border-top: 1px solid #faf9f9; border-bottom: 1px solid #3f6580; background: #fff; }
#top-bar #interior { width: 963px; height: 112px; margin: 0 auto;}
#top-bar #interior #logo { float: left; display: inline; height: 112px; margin-top: 10px; }

/* ============= Top Navigation ============= */ 
#top-nav { background-position: #0033CC; position: relative; width: 961px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; background: #104A6B; font: normal 12px/normal Helvetica, Arial, sans-serif; }
#top-nav #nav { float: left; display: inline; border-bottom: 1px solid #9b9791;}
#top-nav #nav ul { list-style: none; margin: 0; padding: 0; }
#top-nav #nav ul li { z-index: 999; float: left; display: inline; position: relative; }
#top-nav #nav ul li a { display: block; height: 26px; text-align: center; padding: 14px 13px 0 13px ; font: bold 14px/normal Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; }
* html #top-nav #nav ul li a { width: 70px; text-align: center; }
#top-nav #nav ul li a:hover { background: url('site_site_images/bg-top-nav-over.jpg') repeat-x #837465; }
#top-nav #nav ul li.over { background: url('site_site_images/bg-top-nav-over.jpg') repeat-x #837465; }
#top-nav #nav ul li.on { background: url('site_site_images/bg-top-nav-on.jpg') repeat-x; }
#top-nav #nav ul li.on a:hover {  }

/* ============= Site Map  ============= */ 
#site-map-section { position: relative; width: 951px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  background: #fff; font: normal 12px/normal Helvetica, Arial, sans-serif; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}

/* ============= Content Containers  ============= */ 
/* main container */
#container { position: relative; width: 941px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  background: #fff; padding-bottom: 20px; padding-top: 20px; padding-left: 20px;}

/* home page containers */
#container #HomeUpperLeft { position: relative; width: 400px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  border-top: 1px solid #9b9791; background: #fff; padding-bottom: 20px; padding-top: 20px; padding-left: 20px;
    top: 13px;
    left: -266px;
    /* Working setting
    top: 13px;
    left: -266px;
    */
}
#container #HomeLowerLeft { position: relative; width: 400px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  border-top: 1px solid #9b9791; background: #fff; padding-bottom: 20px; padding-top: 20px; padding-left: 20px;
    top: 22px;
    left: -266px;
    /* Working setting
    top: 22px;
    left: -266px;
    */
}
#container #HomeUpperRight { position: relative; width: 400px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  border-top: 1px solid #9b9791; background: #fff; padding-bottom: 20px; padding-top: 20px; padding-left: 20px;
    top: -359px;
    left: 175px;
    /* Working setting
    top: -359px;
    left: 175px;
    */
}
#ad {
	margin-top:1em;
}
#face {
	float:left;
	margin-top:5px;
	margin-right:1em;
}
#container #HomeLowerRight { position: relative; width: 400px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  border-top: 1px solid #9b9791; background: #fff; padding-bottom: 20px; padding-top: 20px; padding-left: 20px;
    top: -349px;
    left: 175px;
    /* Working setting
    top: -340px;
    left: 175px;
    */
}

/* footer */
#footer { width: 961px; margin: 0 auto 0 auto; background: #cdcac1; border-top: 1px solid #bebab3; font: normal 10px/normal Helvetica, Arial, sans-serif; } 
#footer #quote { float: left; display: inline; height: 23px; margin-top: 22px; }
