/* ----------------------------------------------    
    Author : Erwin Aligam
    Author URI : http://www.styleshout.com/
 ------------------------------------------------ */

div.boxleft {
  clear:both;
  background: transparent url(../images/site_layout/Unbound/right_bg.gif) no-repeat left top;
  width:100%;
  height: 100px;
  padding:0px;margin:0px;
}
.boxleft p{
 width:45%;
 float:left;
 line-height: 13px;
}
 .boxleft img {
  float:right;
  border: 1px solid #3A6EA5;
  padding:2px; margin-bottom:5px;
}
div.boxright {
  clear:both;
  background: transparent url(../images/site_layout/Unbound/left_bg.gif) no-repeat right top;
  width:100%;
  height: 100px;
  padding:0px;margin:0px;
}
.boxright p{
  width:40%;
  float:right;
  padding-right:5px;
  line-height: 13px;
}
.boxright img {
  float:left ;
  border: 1px solid #3A6EA5;
  padding:2px;margin-bottom:5px;
}


/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
    font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
    color: #666666;     
    margin: 0; padding: 0 0 50px 0; 
    background: #d3d49a url(../images/site_layout/Unbound/bg.jpg) repeat-x;
    text-align: center;
}

/* Headers */
h1, h2, h3,h4 {
    font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;
    color: #111;
    padding: 0px 0px 0px 10px;
    margin: 0;
}
h1 {
    font-size: 345%;    
    font-weight: normal;
    letter-spacing: -2px;   
}
h2 {
    font-size: 200%;
    color: #663333; 
}
h3 {
    font-size: 170%;    
    font-weight: normal;
    color:#ACA86F;    
}
h4 {
    font-size: 120%;    
    font-weight: normal;
    color:#006600;
    font-style:italic;    
}
h5 {
    font-size: 100%;    
    font-weight: bold;
    color:#006600;
    font-style:italic;    
}
p, dl { padding: 10px; margin: 0; }
ul, ol {
    margin: 10px 20px;
    padding: 0 20px;
}
ul { list-style: none; }
dt {
  font-weight: bold;
  color: #895F30;
}
dd {
  padding-left: 25px; 
}
/* Images */
.img img {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    padding: 5px;
}
img.float-right {
    margin: 5px 0px 10px 10px;
}
img.float-left {
    margin: 5px 10px 10px 0px;
}
code {
    margin: 5px 0;
    padding: 15px;
    text-align: left;
    display: block;
    overflow: auto;  
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
    /* white-space: pre; */
    border: 1px solid #EBEBEB;
    background: #F0F0F0;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
    margin: 15px 10px;
    padding: 10px 10px 10px 45px;  
    border: 1px solid #F0F0F0;
    background: #F0F0F0 url(../images/site_layout/Unbound/quote.jpg) no-repeat 10px 10px;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5em;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;  
    color: #555; 
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#header-wrap {
    position: relative;  
    background: #fff url(../images/site_layout/Unbound/wrap-bg.jpg) repeat-x;
    margin: 0 auto;  
    width: 980px;
    height: 235px;
    text-align: left;
    padding-bottom:1px;
}
#header-wrap h2#logo-text a {
    position: absolute;    
    margin: 0; padding-left: 10px;
    font: normal 58px Georgia, 'Times New Roman', Times, serif;
    letter-spacing: -1.5px;
    color: #070000;
    text-decoration: none;
    /* change the values of top and left to adjust the position of the logo*/
    top: 116px; left: 150px;
}
#header-wrap h2#logo-text a b {
    margin: 0; padding: 0;
    font: normal 48px Georgia, 'Times New Roman', Times, serif;
    position: absolute;  
    top: 5px;
    width:600px;
}
#header-wrap h2#logo-text a:hover {
    background: none;   border: none;
}
#header-wrap h1#intro {
    position: absolute;
    margin: 0; padding: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
    letter-spacing: 0.1px;
    font-size: 18px;
    line-height: 1.6em;
    font-style: italic;
    text-transform: none;
    color: #663333;
    width: 750px;
    
    /* change the values of top and left to adjust the position */
    /*top: 195px; left: 40px;*/
    top: 185px; left: 50px;
}

/* header sub links */
#header-wrap #header-links {
    position: absolute;
    color: #166E16;
    font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
    top: 30px; right: 20px;
}
#header-links span.sub {
    position: absolute;
    color: #166E16;
    font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
    width:250px;
    top: 22px; right: -18px;
}
html>body #header-links span.sub {
    width:250px;
    top: 34px; right: -12px;
}
#header-wrap #header-links a {
    color: #166E16;
    text-decoration: none;  
}
#header-wrap #header-links a:hover {
    color: #000000; 
}
.header-photo img {
    border: none;
    margin: 0; padding: 0;
}
.header-photo strong {
    display:block; 
    margin-top:-2px;
    padding:0px 0px 0px 13px;
    font-weight:normal;
    font-size: 10px;
    font-style:italic;  
}
/* header-photo */
.header-photo {
    position: absolute;
    top: 55px; left: 24px;
    margin-top: 10px;
    width: 920px;
    clear: both;
   /* border: 1px solid #ffffff;*/
}
#header-photo {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo.jpg) no-repeat center center;
}
#header-photo-CP {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-CP.gif) no-repeat center center;
}
#header-photo-1 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-1.jpg) no-repeat center center;
}
#header-photo-2 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-2.jpg) no-repeat center center;
}
#header-photo-3 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-3.jpg) no-repeat center center;
}
#header-photo-4 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-4.jpg) no-repeat center center;
}
#header-photo-5 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-5.jpg) no-repeat center center;
}
#header-photo-6 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-6.jpg) no-repeat center center;
}
#header-photo-7 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-7.jpg) no-repeat center center;
}
#header-photo-8 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-8.jpg) no-repeat center center;
}
#header-photo-9 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-9.jpg) no-repeat center center;
}
#header-photo-10 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-10.jpg) no-repeat center center;
}
#header-photo-11 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-11.jpg) no-repeat center center;
}
#header-photo-12 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-12.jpg) no-repeat center center;
}
#header-photo-13 {
    height: 168px;
    background: #FFF url(../images/site_layout/Unbound/header-photo-13.jpg) no-repeat center center;
}
/*  Navigation  */
#nav {
    position: absolute;
    margin: 0; padding: 0;      
    width: 880px;   
    left: 25px; top: 0px;   
}
#nav ul {
    float: left;
    list-style: none;
    width: 880px;       
    height: 40px;
    margin: 0; padding: 0;  
    display: inline;
}
#nav ul li {
    display: inline;
    margin: 0; padding: 0;
}
#nav ul li a {
    float: left;
    margin: 0;  padding: 18px 11px 0 11px;
    font: bold 14px/35px 'Trebuchet MS', Tahoma, Helvetica, Arial, Geneva, Sans-serif;
    text-decoration: none;  
    color: #070000; 
}
#nav ul li a:hover, 
#nav ul li a:active {
    color: #663333;
    background: #d5d3d6 url(../images/site_layout/Unbound/nav-current.jpg) repeat-x;
    border-bottom: 1px solid #663333;
}
#nav ul li#current a {  
    color: #663333;    
    background: #d5d3d6 url(../images/site_layout/Unbound/nav-current.jpg) repeat-x;
    border-bottom: 1px solid #CECECE;
}
#content-outer {
    background: #fff;
    width: 100%;
}
#content-wrapper {
    width: 950px;
    margin: 0 auto;
}
#content {
    float: left;
    width: 100%;   
    background: #fff url(../images/site_layout/Unbound/content-bg.jpg) no-repeat;
}
.col-one {
    margin-right: 638px;
    padding-left: 20px;
    margin-top: 16px;
    width:210px; 
}
html>body .col-one {
    margin-right: 680px;
}
.col-one h2 {
    letter-spacing:-1.2px;
    padding-bottom:5px;
    text-align: center;
    color:#105010;
    font-weight:normal;
}
.col-two {
    float: left;
    width: 410px;
    margin-left: -685px;
    margin-top: 16px;
    text-align:left;
}
.col-two h2 {
   clear:both;
   font: normal 22px Georgia, 'Times New Roman', Times, serif;
}
.col-two li {
   list-style-image: url(../images/site_layout/Unbound/bullet.gif);
}
.col-three h2 {
    padding:0px 5px 5px 0px;
    text-align: center;
    color:#105010;
    font-weight:normal;
}
.col-three {
    float: left;
    width: 220px;
    margin-left: -250px;
    margin-top: 16px;
}
html>body .col-three {
    margin-left: -245px;
}
.col-three h2 span {
    letter-spacing: -0.5px;
    font-weight:normal;
}
.col-one, .col-two, .col-three {
    padding-bottom: 20px;
}
#content .col-one ul li {
    /*list-style-image: url(../images/site_layout/Unbound/bullet.gif);*/
} 
div .category {
    width:200px;
    height: 182px; 
    padding:0px 0px 5px 0px;
    background: transparent url(../images/site_layout/Unbound/roundbg.gif) no-repeat;
    text-align:center;
    margin: 0 auto;
    margin-bottom:15px;
    color:#000000;   
}
div .sidebar {
    height:60px;
    background: url(../images/site_layout/Unbound/sidebar_button_bg.gif) no-repeat center center;
}
div .category h2{
   padding:2px 0px 2px 0px;
   font-size:14px;
   font-weight:bold;
   color:#000000;
   letter-spacing: 0.5px;
}
div .category h2 b {   
   letter-spacing: -0.5px;
}
div .sidebar h2{
   padding:5px 0px 0px 0px;
}
div .sidebar h2 b {   
   letter-spacing: -1.00px;
}
div .category h2 a {
   color:#000000;  
}
div .category a{   
   color:#ffffff;       
}
div .category a:hover{   
   color:#FF0000;       
}
div .category a:hover img{   
   border:solid 1px #FF0000;       
}
div .category table {
  width:160px;
  background: #ffffff;
  border:solid 1px #000000;
  padding:5px;
  font-weight:bold;
  font-size:14px;
  color:#FFFFFF;
  margin: 0 auto;
  margin-bottom:5px;
}
div .sidebar table {
  width:175px;
  height:25px; 
  padding:1px;
  margin-bottom:2px;  
}
table td.green {
   background: #669933;
}

/* sidebar menu */
ul.sidemenu {
    text-align: left;
    margin: 7px 5px 8px 0px; padding: 0;
    text-decoration: none;      
    /*background: url(../images/site_layout/Unbound/dots.gif) repeat-x left top; */
}
ul.sidemenu li {
    list-style: none;
    /*background: url(../images/site_layout/Unbound/dots.gif) repeat-x left bottom;*/
    padding: 6px 10px;
    margin: 0;      
}
* html body ul.sidemenu li {
    height: 1%;
}
ul.sidemenu li a {
    text-decoration: none;  
    background-image: none; 
    background-color: transparent;
    border: none;
    color: #666666;
    font-weight:bold;
}
ul.sidemenu li a span {
    color: #989898; 
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;    
    font-size: 1em;
}
ul.sidemenu li a:hover {    
    color: #000;    
    background: none;
    border: none;
}
ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
ul.sidemenu ul li { background: none; }

/* footer */
#footer-wrapper {   background-color:#FFFFFF;
    clear: both;
    width: 940px;
    margin: 0 auto;
    text-align: left;
    font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;          
}
#footer-wrapper h3, #footer-wrapper p {
    padding-left: 0;
}
#footer-wrapper h3 {
    font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    color: #ABABAB;
}
#footer-wrapper a {
    color: #000000;
    background: transparent;
}
#footer-wrapper ul.footer-list {
    border-top: 1px dotted #808080;
    list-style: none;
    padding: 0; 
    margin-left: 0; 
}
#footer-wrapper ul.footer-list li {
    border-bottom: 1px dotted #808080;
}
#footer-wrapper ul.footer-list li a {
    display: block;
    width: 98%;
    line-height: 2em;
    font-weight: bold;
    padding: 4px 0;
    border: none;
    margin-left: 0;
    padding-left: 0;
    color: #666666;
}
#footer-wrapper ul.footer-list li a span {
    color: #808080;
    font-style: italic;
    font-weight: normal;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-wrapper ul.footer-list li a:hover,
#footer-wrapper ul.footer-list li a:hover span {
    color: #009933;
    text-decoration: none;  
}
#footer {
    float: left;
    width: 100%;    
    padding: 0;             
    margin-left: 5px;   
    margin-top: 10px;
}
.footer-col-one {
    margin-right: 680px;
    padding-left: 25px;
    width:285px;
}
.footer-col-two {
    float: left;
    width: 620px;
    margin-left: -625px;
    margin-top: 12px;
}
.footer-col-one, .footer-col-two  {
    padding-bottom: 20px;
}
#footer-bottom {
    clear: both;
    border-top: 1px dotted #808080;
    width: 880px;
    margin: 0 auto; 
}
#footer-bottom .bottom-left {
    float: left;
    padding-left: 5px;
    width:370px;
}
#footer-bottom .bottom-left b {
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
}
#footer-bottom .bottom-right {
    float:right;
    text-align: right;
    padding-right: 0;
}
#footer-bottom .office_info {
    clear:both;
    margin-left:5px;
}
#footer-bottom .office_info b{
    color:#000000;
    font-weight:bold;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
/* clearing */
.clearer { clear: both; }
.clear {    display:inline-block; }
.clear:after {
    display:block; 
    visibility:hidden; 
    clear:both; 
    height:0; 
    content: "."; 
}