body{background-color: #F1F1F1; text-align: center; font: 12px arial;}
.clear{clear: both; height: 0; font-size: 1px; overflow: hidden;}
h2{font-size: 20px; font-weight: normal; padding: 27px 0px 0px 23px;}
h4 a, h4{font-size: 17px; font-weight: normal; padding: 10px 0px 8px 0px; color: #550310; text-decoration: none;}
a{color: #2D398F;}
a:active{color: green;}

#container{width: 944px; background-color: #FFF; margin: 0px auto; text-align: left; position: relative; padding: 0px 47px; border-top: 13px solid #000;}

/* start: headeer */
  #header{height: 119px; position: relative;}
  #header h1{width: 282px; height: 36px; position: absolute; left: 23px; top: 40px;}
  #header h1 a{width: 282px; height: 36px; display: block; text-indent: -9999px; background: url(../images/logo.gif) no-repeat;}

  #header #award2010{width: 89px; height: 47px; display: block; text-indent: -9999px; background: url(../images/corporate_intl_logo.gif) no-repeat; position: absolute; left: 348px; top: 38px;}
  #header #award2011{width: 122px; height: 50px; display: block; text-indent: -9999px; background: url(../images/logo-gar100.jpg) no-repeat; position: absolute; left: 470px; top: 32px;}

  #header #site_language{position: absolute; right: 18px; top: 30px;}
  #header #site_language p{color: #979797; font-size: 11px;padding-bottom: 5px;}
  #header #site_language ul{}
  #header #site_language ul li{float: left; width: 16px; height: 11px; margin-right: 4px;}
/* end: header */

/* start: menu */
  #menu{background-color: #000; width: 257px; height: 245px; float: left; padding: 12px 0px 12px 12px; position: relative;}
  #menu ul{padding: 12px 0px 0px;}
  #menu ul li{clear: both;}
  #menu ul li a{font-size: 15px; color: #FDFDFD; text-decoration: none; display: block; width: 245px; height: 23px; padding-bottom: 5px;}
  #menu ul li a span{display: block; padding: 4px 12px; float: left;}
  #menu ul li.active a span,
  #menu ul li a:hover span{background: #262626;}

  #menu ul li:hover .sub{display: block;}
  #menu ul li .sub{background-color: #000; width: 269px; position: absolute; left: 269px; top: 0px; z-index: 99; height: 239px; padding: 30px 0px 0px 0px; display: none; border-left: 1px solid #FFF;}
  #menu ul li .sub.large{width: 539px;}
  #menu ul li .sub h6{color: #FFF; font-size: 17px; padding-bottom: 21px;padding-left: 30px;}
  #menu ul li .sub ul{background: url(../images/subnav_bg.gif) no-repeat 270px 8px; height: 186px;}
  #menu ul li .sub ul li{padding-left: 30px; height: auto; margin-bottom: 5px;}
  #menu ul li .sub.large ul li{float: left; width: 239px; clear: none;}
  #menu ul li .sub ul li a{background: none !important; color: #808080; width: 215px; height: auto;}
  #menu ul li .sub ul li a:hover{text-decoration: underline;}
/* end: menu */

/* start: topic */
  #topic{float: left; width: 675px; height: 269px; background: url(../images/topic.jpg) no-repeat; position: relative;}
  #topic .block{width: 119px; height: 95px; display: block; padding: 38px 0px 0px 15px; display: block; margin-left: 1px; color: #FFF; position: absolute; font-size: 11px; color: #C2A2A3; text-decoration: none;}
  #topic .block:hover{text-decoration: underline;}
  #topic .block.bg{background-color: #560611; filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}
  #topic .block.topic_faq1{left: 0px; top: 0px;}
  #topic .block.topic_faq2{top: 135px;}
  #topic .block.topic_blog{left: 135px; background: none; color: #81859E;}
  #topic .block.topic_contact{left: 540px;}
  #topic .block h3{padding: 0px 0px 4px 0px; font-weight: bold; font-size: 14px; color: #FFF;}
/* end: topic */

/* start: home */
  /* specials */
    .specials{border-top: 1px solid #E1E1E1; clear: both;margin-top: 10px;}
    .specials h2{float: left;}
    .specials ul{float: right; height:79px; border-right: 1px solid #E1E1E1;margin-right: -1px;}
    .specials ul li{float: left; width: 134px; height: 79px; display: block; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1;}
    .specials ul li a{width: 116px; height: 55px; display: block; padding: 24px 5px 0px 13px; font-size: 14px; color: #000; text-decoration: none;}
    .specials ul li a:hover{background-color: #EEEEEE;}

  /* about */
    .about{border-top: 1px solid #E1E1E1; float: left; width: 404px;margin-top: 17px;}

  /* news_home */
    .news_home{border-top: 1px solid #E1E1E1;width: 540px; float: left;margin-top: 17px;}
    .news_home h2{float: left;}
    .news_home ul{float: right;}
    .news_home ul li{float: left; width: 66px; height: 52px;}
    .news_home ul li a{display: block; width: 65px; height: 26px; padding-top: 25px; text-align: center; font-size: 14px; color: #737373; background-color: #EEEEEE; text-decoration: none;border: 1px solid #E1E1E1; border-top: 0; margin-left: -1px;}
    .news_home ul li a:hover{text-decoration: underline;}
    .news_home ul li.ui-state-active a{color: #000; background: #FFF;border-bottom: 1px solid #FFF;}
    .news_home div.item{margin-top: -1px; border-top: 1px solid #E1E1E1;}

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel { display: block; border-width: 0;}
    .ui-tabs .ui-tabs-hide { display: none !important; }
/* end: home */

/* start: main */
  #main{border-top: 1px solid #E1E1E1; clear: both;margin-top: 10px;}

  /* submenu */
    #submenu{float: left; width: 269px;}
    #submenu h2{padding-bottom: 20px;}
    #submenu ul{float: left; width: 269px;border-top: 1px solid #E1E1E1;}
    #submenu ul li{}
    #submenu ul li a{width: 246px;display: block; border-bottom: 1px solid #E1E1E1; padding: 7px 0px 7px 23px;font-size: 15px; color: #7B7B7B; text-decoration: none;}
    #submenu ul li a span{font-size: 11px;}
    #submenu ul li.active a,
    #submenu ul li a:hover{color: #000;}

  /* maincontent */
    #maincontent{float: left; width: 660px; margin-left: 15px;}

  /* widgets */
    .widget .item{margin-bottom: 10px;border: 1px solid #E1E1E1; margin-top: -1px;}
    .widget .item .photo{text-align: center;padding: 5px 0px; border-bottom: 1px solid #E1E1E1;}
    .widget .item .picture{float: left; margin: 5px;}
    .widget .item .name{padding: 5px; font-size: 11px;}
    .widget .item .name a{text-decoration: none; color: #000;}
    .widget .item .name span{font-weight: normal;}
    .widget .item .function{padding: 8px; font-size: 11px; color: #929292;}

  /* bio_details */
    .bio_details{width: 465px; border-bottom: 1px solid #E1E1E1; padding: 30px 23px;}
    .bio_details td{line-height: 18px;}

   /* bio_details */
    .bio_full{clear: both;}

  /* sitemap_block */
    .sitemap_block ul{margin-top: 10px;}
/* end: main */

/* start: content classes */
  .content{padding: 10px 23px 0px 23px; text-align: justify;}
  .content.with_widgets{width: 460px;}
  .widget{float: right; width: 134px;}
  .content h2{padding: 0px 0px 20px 0px;}
  .content p{line-height: 18px; padding-bottom: 12px;}
  .content ul{}
  .content ul li{padding: 0px 23px 10px 35px; background: url(../images/ul-li.gif) no-repeat 10px 5px;}
  .content hr{color: #FFF; height: 1px; background: #E1E1E1; border: 0px; margin: 20px -23px 20px -23px;}

/* end: content_classes */



/* start: footer */
  .footer{border-top: 3px solid #E1E1E1; padding: 29px 0px 0px 230px; background: url(../images/logo_footer.gif) no-repeat 0px 15px; height: 65px; margin-top: 25px;}
  .footer ul{}
  .footer ul li{float: left; padding: 0px 15px; background: url(../images/footer_sep.gif) no-repeat right 2px;}
  .footer ul li a{color: #000; text-decoration: none;}
  .footer p{clear: both; padding-top: 10px; color: #848484;padding-left: 15px;}
/* end: footer */