/*********** MAIN ***********/
 * {
     margin: 0;
     padding: 0;
 }
 html {
     min-width: 930px;
 } /*IE7*/
 
 body {
     color: #222;
     margin: 0;
     padding: 0;
     text-align: left;
     background: #141d3e url(../img/body-bg.jpg) no-repeat 50% 0;
 }
 
 
 body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
     font: 62.5%/1.2em Verdana, Helvetica, Arial,sans-serif;
 }
 
 input {
     line-height: 1;
 }
 
 
 /*********** COMMON ***********/
 
 a { color: #0670ce; cursor: pointer; text-decoration: none; outline: none !important; }
 a:visited { color: #0670ce; }
 a:hover, a:focus { color: #004d91; text-decoration: none; }
 a:active { color: #0670ce; }
 
 img {
     border: none;
 }
 td, th, textarea, input, select {
   font-size: 100%;
 }
 td, th {
   padding: .3em;
 }
 p {
     line-height: 1.4;
 }
 
 
 form {
     clear: left;
     margin: 0;
 }
 
 
 h1 {
   font-size: 170%;
   letter-spacing: -0.03em;
   line-height: 1.0em;
   font-weight: bold;
   color: #141d3e;
 }
 
 h2 {
   font-size: 130%;
   font-weight: bold;
   letter-spacing: -0.02em;
   font-weight: bold;
 }
 
 h3 {
   font-size: 120%;
   letter-spacing: -0.01em;
   font-weight: bold;
 }
 h4 {
   font-size: 100%;
   font-weight: bold;
 }
 
 ol,ul {
     margin: 0;
     padding: 0;
   list-style: none;
 }
 
 li p {
     margin: 0;
     padding: 0;
 }
 
 label {
   float: left;
   width: 100%;
   padding: 0.5em 0;
 }
 label span {
   float: left;
   width: 130px;
   text-align: left;
   padding: 2px 0;
   font-weight: bold;
 }
 label span.checkbox {
   width: 90%;
   padding: 4px 0;
   font-weight: normal;
 }
 
 .clear {
   clear: both;
 }
 
 .fl-left {
   float: left;
 }
 .fl-right {
   float: right;
 }
 
 
 
 button,
 a.button {
     float: left;
     padding: 0 18px 0 0;
     height: 25px;
     border: 0;
     cursor: pointer;
     text-align: center;
     color: #fff;
     background: transparent url(../img/button-bg.gif) no-repeat right top;
     overflow: visible;
     text-decoration: none;
 }
 
 button span,
 a.button span {
     float: left;
     padding: 0 0 0 15px;
     height: 25px;
     line-height: 25px;
     white-space: nowrap;
     background: transparent url(../img/button-bg.gif) no-repeat left -25px;
     font-weight: bold;
     cursor: pointer;
     color: #fff;
 }
 
 a.button:hover {
   text-decoration: underline;
 }
 
 /*********** TEMPLATE ***********/
 
 
 #container {
   width: 960px;
   padding: 10px;
   margin: 10px auto;
   background: #fff;
 }
 
 #header {
 position: relative;
   height: 90px;
   font-size: 1em;
 }
 #logo {
   float: left;
   background: url(../img/logo.gif) no-repeat 0 0;
   width: 272px;
   height: 72px;
   margin: 5px 0 0 0;
   text-indent: -9999em;
 }
 #headerlinks {
   float: right;
 }
 #headerlinks li.first {
   background-image: none;
 }
 #headerlinks li {
   float: left;
   background: url(../img/dots.gif) repeat-y 0 0;
   padding: 4px 8px;
 }
 #headerlinks li a {
   color: #414141;
   font-style: italic;
 }
 #header .social {
 position: absolute;
 top: 0;
 left: 290px;
 width: 300px;
 height: 90px;
 
}
 
 #navigation {
   font-size: 1.2em;
   background: url(../img/navigation-bg.gif) no-repeat 0 0;
   padding: 3px 0 0 0;
 }
 #mainnav {
   background: url(../img/mainnav-bg.gif) repeat-x 0 100%;
   width: 960px;
   height: 42px;
   line-height: 3em;
 }
 #subnav li,
 #mainnav li {
   float: left;
 } 
 #mainnav li a {
   display: block;
   padding: 0 1.8em 6px 1.8em;
   font-weight: bold;
   color: #fff;
 }
 #mainnav li a:hover {
   background: url(../img/li-active.gif) no-repeat 50% 100%;
 }
 #mainnav li.active a {
   background: url(../img/li-active.gif) no-repeat 50% 100%;
 }
 #subnav {
   width: 960px;
   height: 22px;
   padding-bottom: 6px;
   border-bottom: 2px solid #ccc;
   line-height: 2em;
 }
 #subnav li a {
   display: block;
   padding: 0 15px;
   color: #414141;
 }
 #subnav li a:hover {
   color: #035cb2;
 }
 #subnav li.active a {
   font-weight: bold;
   color: #035cb2;
 }

#header .addresshead {
    float: right;
    display: inline;
    clear: right;
    border: 1px solid #ccc;
    color: #141D3E;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 7px 10px;
    margin: 5px 0;
}
 

 
 
 #content {
   float: left;
   font-size: 1.1em;
   padding: 15px 0;
 }
 #content h1,
 #content h2,
 #content h3,
 #content h4 { margin-bottom: .5em; }
 #content p { margin-bottom: 1.5em; }
 
 #content ul {
   list-style: disc;
   margin: 1em 1em;
 }
 #content li {
   list-style: disc;
   margin: 0.1em 1em;
 }
 
 #content table input {
   border: 1px solid #777;
   padding: .4em;
 }
 
 
 #showcase {
   margin : 0 0 15px 0;
 }
 #left {
   float: left;
   width: 630px;
   padding: 0 15px;
 }
 #right { 
   float: right;
   width: 300px;
   min-height: 450px;
 }
 
 
 .column12 {
   float: left;
   width: 640px;
   padding: 0 10px 0 0;
 }
 .column3 { 
   float: right;
   width: 310px;
   height: 400px;
 }
 
 #blockheader {
   position: relative;
   width: 640px;
   background: #eee;
   height: 290px;
   margin: 0 0 10px 0;
 }
 #headertext {
   position: absolute;
   z-index: 101;
   width: 230px;
   height: 100px;
   background: #243d69 url(../img/gradient.jpg) no-repeat 0 0;
   color: #fff;
   padding: 15px;
   top: 140px;
   left: 360px;
   overflow: hidden;
 }
 #headertext a { color: #fff; text-decoration: underline; }
 
 #announcement {
   width: 640px;
   margin-bottom: 10px;
 }
 
 .blocktiny {
   position: relative;
   float: left;
   width: 206px;
   min-height: 200px;
   margin: 0 11px 0 0;
 }
 .blocktiny .blocktext a {
   display: block;
   background: url(../img/bullet.gif) no-repeat 0 4px;
   padding-left: 12px;
 }
 
 .blocksmall {
   float: left;
   background: #eee;
   width: 290px;
   height: 180px;
   margin-bottom: 10px;
   padding: 10px;
 }
 .blocktext {
   padding: 8px; 
 }
 .blocklast {
   margin: 0;
 }
 
 
 .blockbutton {
   position: absolute;
   z-index: 102;
   top: 150px;
   left: 40px;
 }
 
 ul#newslist {
   padding: 0;
   margin: 0;
 }
 ul#newslist li {
   margin: 0;
   list-style: none;
   background: url(../img/bullet.gif) no-repeat 0 4px;
   padding-left: 12px;
   margin: 0 0 10px 0;
 }
 
 
 ul#gallery,
 #gallery li {
   float: left;
   margin: 0;
   list-style: none;  
 }
 #gallery li {
   padding: 0 14px 10px 0;
 }
 #gallery li.break {
   padding-right: 0;  
 }
 #gallery li a {
   display: block;
   padding: 2px;
   background: #ccc;
   cursor: pointer;
 }
 #gallery li a:hover {
   background: #035cb2;
 }
 
 
 
 ul#newsitems,
 #newsitems li {
   margin: 0;
   list-style: none; 
 }
 #newsitems li {
   padding: 1em 0;
   border-bottom: 1px dotted #ccc;
 }
 #newsitems li p {
   display: inline;
 }
 
 
 #footer { 
   width: 700px;
   margin: 10px auto;font-size: 1.1em; line-height: 1.6em; height: 127px; padding: 15px 0 0 0; color: #fff; }
  #footer a { color: #fff; line-height: 1.6em; }
  #footer a:hover { text-decoration: underline; }
 .footerbox { float: left; margin: 0; padding: 15px; height: 60px;  }
 .footerbox h3 { margin: -35px 0 15px 0; }
 .footerbox dt { font-weight: bold; }
 
 .cloud { float: left; margin-left: 40px; }
 
 #cloud .footerbox { width: 605px; margin-left: 15px; }
 .addressbox {  width: 130px; padding: 0 0 15px 0;}
 .addressbox-dots {  background: url(../img/dots.gif) repeat-y 0 0; padding: 0 0 0 15px; }
 
 
 #content table input.error,
 #content table textarea.error,
 form input.error,
 form textarea.error,
 form select.error {
   border: 1px solid #ae0400;
 }
 
 form label.error {
   padding: 0;
   font-size: 100%;
   font-weight: bold;
   color: #ae0400;
 }
 
 
 
 
 #jquery-overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     width: 100%;
     height: 500px;
 }
 #jquery-lightbox {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 100;
     text-align: center;
     line-height: 0;
 }
 #jquery-lightbox a img { border: none; }
 #lightbox-container-image-box {
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto;
 }
 #lightbox-container-image { padding: 10px; }
 #lightbox-loading {
     position: absolute;
     top: 40%;
     left: 0%;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0;
 }
 #lightbox-nav {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
 }
 #lightbox-container-image-box > #lightbox-nav { left: 0; }
 #lightbox-nav a { outline: none;}
 #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
     width: 49%;
     height: 100%;
     zoom: 1;
     display: block;
 }
 #lightbox-nav-btnPrev { 
     left: 0; 
     float: left;
 }
 #lightbox-nav-btnNext { 
     right: 0; 
     float: right;
 }
 #lightbox-container-image-data-box {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%;
     padding: 0 10px 0;
 }
 #lightbox-container-image-data {
     padding: 0 10px; 
     color: #666; 
 }
 #lightbox-container-image-data #lightbox-image-details { 
     width: 70%; 
     float: left; 
     text-align: left; 
 }    
 #lightbox-image-details-caption { font-weight: bold; }
 #lightbox-image-details-currentNumber {
     display: block; 
     clear: left; 
     padding-bottom: 1.0em;    
 }            
 #lightbox-secNav-btnClose {
     width: 66px; 
     float: right;
     padding-bottom: 0.7em;    
 }