

/***********   Common   ********************/
a{outline: none;cursor: pointer;}
a img {border:0px;} 
.clear {clear:both;}



/***********   Main   ********************/
body {
   background: url('../img/bg.gif') #072b5e top left repeat-x;
   margin:0px;
   color:#a6c3ff;font-size:10pt;font-family:arial,helvetica,sans-serif;
}

map{border:0px;}


.main {
   width:994px;
   margin:auto;
}


body.home {
   background-color: #071e4e;
   background-image:none;
}

.home_top {
   margin:0px auto;
   width:1000px;
}

.home_main{
   width:1110px;
   margin:auto;
}

.home_logo {
   margin:40px 0px 0px 30px;     
}


.home_slogan{
   text-align:center;
   margin:20px 0px;
   color:#F7D06B;
   font-size:16pt;
   font-style: italic;
   font-family:"Times New Roman",serif;
}

.home_info {
   background: url('../img/home_bottom.jpg') top center no-repeat;
   padding:8px 0px 8px 130px;
}


td.home_text1 {
   vertical-align:top;
   width:320px;
}

td.home_text2 {
   vertical-align:top;
   width:320px;
}

td.home_contact {
   vertical-align:top;
   padding:0px 0px 0px 30px;
   text-align:left;
}



/*************   Top   *******************/
.logo {
   float:left;           
   width:259px;height:183px;
}

.logo img{display:block;}

.top {
   float:left;
   width:735px;
}

.top1 {
   float:left;
   background: url('../img/int-top-bg.jpg') top left no-repeat;
   width:393px;height:58px;
}     

.int-top-phone {
   float:left;
   background: url('../img/int-phone.jpg') top left no-repeat;
   width:328px;height:58px;
}

.int-top-nophone {
   float:left;
   background: url('../img/int-nophone.jpg') top left no-repeat;
   width:328px;height:58px;
}

   .int-top-nophone p{
      padding:10px 10px 0px 0px;
      text-align:right;
      font-weight:bold;
      font-style: italic;
      font-size: 12pt;
      color:#7DC3FF;
   }


.int-menu {
   clear:both;
}


.banners {text-align:right;padding:10px 5px 5px;}


/*************   Left menu   *******************/

.left {
   width:228px;
   height:180px;
   overflow:visible;
   float:left;
   font-size:10pt;
   text-align:left;
   background: url('../img/left-bg.gif') top right no-repeat;
}

.left ul{margin:30px 20px 0px 10px;padding:0px;}
.left ul li{color:#fff;list-style-type: none;padding:0px 0px 15px;}


.left a {color:#00c0ff;}

.left a.selected,.left a:hover{color:#FFCF28;}


/*************   Content Area   *******************/

.content {
   width:747px;
   float:left; 
   background: url('../img/int_slogan_bg.jpg') #031941 bottom left no-repeat;
}

.content_phone {
   width:747px;
   float:left; 
   background: url('../img/int_slogan_bg.jpg') #031941 bottom left no-repeat;
}


.start_thumb {
   width:115px;
   height:81px;
   background-color: #eee;
   float:left; 
   margin-right:10px; 
   border:1px solid #ccc;
}

   .start_thumb img{
      display:block;
      margin:7px 0px 0px 7px;
      border:1px solid #ccc;
   }
   
.photo_window {
   display:none;
   position:absolute;
   z-index:999;
   border:1px solid #fff;
   padding:5px 10px;
   background-color:#357;
}
   
   .content .photo_window table,
   .content_phone .photo_window table{
      margin:0px;
   }
   
   .content .photo_window td,
   .content_phone .photo_window td{
      padding:3px;
   }   

   .content .photo_window td.close,
   .content_phone .photo_window td.close{
      text-align:right;
   }   

      .content .photo_window td img,
      .content_phone .photo_window td img{
         border:1px solid #fff;
      }   
   
.start_photo {
   width:266px;
   height:203px;
   background: url('../img/photo-bg.png') top left no-repeat;
   float:left; 
   margin-right:15px; 
}

   .start_photo img{
      display:block;
      margin:16px 0px 0px 22px;
   }
   
   
.int-slogan{
   text-align:center;
   color:#F7D06B;
   font-size:16pt;
   font-style: italic;
   font-family:"Times New Roman",serif;
   margin:17px 0px;
}
   

   
   
/*************   Gallery   *******************/

.big_photo {
   width:417px;height:432px;
   float:left;
   margin-right:10px;
   background: url('../img/big-photo-bg.jpg') top left no-repeat;
}   

   .content_phone .big_photo table {
      width:417px;
      margin-top:5px;
   }

      .content_phone .big_photo td{
         text-align:center;
         vertical-align:middle;
         padding:0px;
      }

         .big_photo td p{
            padding:5px 20px;
            line-height:14px;
            color:#049;
            font-weight:bold;
            text-align:center;
         }

         .big_photo td#photo_image{
            height:390px;
         }
         
         
.thumbs {
   float:left;
}
   
.thumb {
   width:84px;
   float:left;
   margin:0px 7px 7px 0px;
}
   
   .thumb table{
      width:84px;height:84px;
   }
   
      
      .content_phone .thumb td{
         text-align:center;
         vertical-align:middle;
         padding:0px;
      
      }
      
         
         .thumb img{
            border:2px solid #ddd;
         }

.pages {
   padding:20px 20px 0px;
   text-align:center;
   font-size:12pt;
}

/*************   Contact   *******************/

#map_big {
   display:none;
   position:absolute;
   z-index:999;
   margin-top:-140px;
   margin-left:-230px;
   border:1px solid #fff;
   padding:10px;
   background-color:#357;
}

   #map_big .close{
      padding:0px 0px 10px;
      text-align:right;
   }


/*************   Sections   *******************/

.news {
   background: url('../img/news-bg.jpg') top left no-repeat;
   padding:20px;
}

   .news .intro {
      padding:0px 0px 0px 280px;
   }
   
   .promo {
      float:left;
      width:280px;margin:0px 10px 20px;
   }

      .news .promo .date{
         color:#00c0ff;font-weight:normal;
      }
   
   .news .article_link {
      float:left;
      width:280px;margin:0px 10px;
   }

   

.contact {
   background: url('../img/contact-bg.jpg') top left no-repeat;
   padding:60px 20px 20px 280px;
}

.common {
   background: url('../img/common-bg.jpg') top left no-repeat;
   padding:20px;
}


/*************   Form   *******************/

.content table, .content_phone table{margin:10px 0px;}
.content td, .content_phone td{padding:3px 30px;font-size:10pt;color:#fff;}

input, textarea, select{color:#031941;font-size:10pt;font-family:arial,helvetica,sans-serif;}
input.txt,textarea.txt {width:220px;border:1px solid #2750a2;background-color:#ccc;}
input.button{border:1px solid #2750a2;background-color:#072a6b;color:#a6c3ff;}

input.e-mail{visibility:hidden;width:1px;height:1px;}

/*************   Content Style   *******************/
                                       
.content ul li, .content_phone ul li{
   list-style-position:inside;
}                                       
                                       
.doc_title{font-size:17pt;font-weight:bold;color:#fff;margin:0px 0px 20px;}
.divider{font-size:17pt;font-weight:bold;color:#fc3;margin:40px 0px 20px;}

p {margin:0px 0px 10px;}

a {color:#00c0ff;text-decoration:underline;}
a.ajax {color:#00c0ff;text-decoration:none;border-bottom:1px dashed #00c0ff;}


.highlight {color:#ffcf28;}
.light {color:#fff;}
.dark {color:#024;}

h1,
.alt_h1 {font-size:12pt;font-weight:bold;color:#fff;margin:10px 0px;}

h2,
.alt_h2 {font-size:12pt;font-weight:bold;color:#fff;background:url('../img/header2.jpg') top left no-repeat;padding:5px 10px;margin:5px 0px;}

h3,
.alt_h3{font-size:10pt;color:#fc0;font-weight:bold;margin:10px 0px;}

.alt_header1 {font-size:12pt;font-weight:bold;color:#fff;background:url('../img/header1.jpg') top left no-repeat;padding:5px 10px;margin:10px 0px;}
.alt_header2 {font-size:12pt;font-weight:bold;color:#fff;background:url('../img/header2.jpg') top left no-repeat;padding:5px 10px;margin:10px 0px;}
.alt_header3 {font-size:12pt;font-weight:bold;color:#fff;background:url('../img/header3.jpg') top left no-repeat;padding:5px 10px;margin:10px 0px;}


td.alt_th{color:#fc0;font-weight:bold;}
td.alt_td1{background-color:#033454;}
td.alt_td2{background-color:#032356;}
td.alt_td3{background-color:#241c59;}



