@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);

body { padding: 0; margin: 0; overflow-y: scroll; }

.centered { width: 1000px; position: relative; margin: 0 auto; }

.navigation ul { display: block; list-style: none; padding: 0; margin: 0; }
 .navigation li { display: inline-block; padding: 0; margin: 0; }
 .navigation li ul { display: none; }
 .navigation li a:link,
 .navigation li a:visited { display: inline-block; padding: 5px 10px; margin: 0; text-decoration: none; }
 .navigation li a:hover,
 .navigation li a:active,
 .navigation li a.active {}

#head_wrapper { background: url(../img/layout/head_bg.jpg) top center no-repeat; }
 #head { height: 123px; }
  #headnav { position: absolute; top: 0; right: 0; height: 23px; font-size: 10px; }
   #headnav li a:link,
   #headnav li a:visited { color: #000; font-size: 12px; }
   #headnav li a:hover,
   #headnav li a:active,
   #headnav li a.active { background: #000; color: #fff; }
  #topnav { position: absolute; top: 70px; right: 0; height: 28px; font-size: 14px; }
   #topnav li a:link,
   #topnav li a:visited { color: #fff; font-size: 18px; }
   #topnav li li a:link {font-size: 15px;}
   #topnav li a:hover,
   #topnav li a:active,
   #topnav li a.active { color: #000; }
   #topnav ul li { position: relative; }
   #topnav ul ul { z-index: 5; display: none; padding-top: 21px; left: -10px; top: 28px; position: absolute; background: transparent url(../img/layout/topnav_dropdown_bg.png) -5px 0 no-repeat; }
   #topnav ul ul li,
   #topnav ul ul li a { display: block; width: 100%; }
   #topnav ul ul li a { padding: 5px 30px 5px 15px; border-bottom: 1px solid #737373; background: rgba(0,0,0, 0.8);}
   #topnav ul ul li:last-child a { border-bottom: none; }
   #topnav ul ul li a:hover,
   #topnav ul ul li a:active,
   #topnav ul ul li a.active { color: #fff; background: rgba(215, 5, 5, 0.9); }
   #topnav table { position: absolute; border-collapse: collapse; left: -1px; top: 25px; }
   #topnav ul li:hover ul,
   #topnav ul a:hover ul { display: inline-block; }
 
 #content_wrapper { background: #fff; }
  #content_area { padding: 20px 0; }
   #content_area.home #left-content { width: 335px; }
   #content_area.home #main-content { width: 599px; }
   #left-content { float: left; width: 250px; margin-right: 44px; min-height: 1px; }
    .leftbox { padding: 20px; margin: 0 0 20px 0; background: white; font-size: 14px; }
    .leftbox.red { background: #f00; }
    .leftbox.grey { background: #b5b5b5; }
    .leftbox.red a { background: #f00; }
    .leftbox.grey a { background: #ebebeb; }
    .leftbox a:hover { background: #fff; }
    .leftbox .title { color: #fff; font-size: 18px; margin-bottom: 10px; }
    .leftbox a:link,
    .leftbox a:visited { color: #680000; text-decoration: none; display: inline-block; padding: 5px 10px; background: #ebebeb; margin: 10px 0 0 0; font-weight: bold; font-size: 12px;}
    .leftbox a:hover,
    .leftbox a:active { background: #fff; }
    
    #left-content .navigation li { display: block; }
    #left-content .navigation a:link,
    #left-content .navigation a:visited { margin: 4px 0; color: #1d1d1b; font-size: 12px; border-left: 5px solid transparent; }
    #left-content .navigation a:hover,
    #left-content .navigation a:active,
    #left-content .navigation a.active { border-left: 5px solid #f00; }
    
    .leftlist { font-size: 12px; margin-bottom: 20px; }
    .leftlist a:link, 
    .leftlist a:visited { color: #000; }
    .leftlist .title { color: #fff; font-size: 18px; padding: 5px 10px; }
    .leftlist.red .title { background: url(../img/layout/lefttitle_red.png) 0 0 no-repeat; }
    .leftlist.grey .title { background: url(../img/layout/lefttitle_grey.png) 0 0 no-repeat; }
   #main-content { float: left; margin-bottom: 30px; width: 684px; padding: 0 10px; border: 1px solid #e3e3e3; line-height: 25px; }
    #main-content .subtitle { position: absolute; right: 15px; top: 10px; display: inline-block; font-family: 'Gloria Hallelujah', cursive; }
 #footer { padding: 20px 0; }
  #footer a:link,
  #footer a:visited { color: #000; font-weight: bold; text-decoration: underline; }
  #footer p.title { font-size: 14px; font-weight: bold; color: #000; }
  #foot_partner { float: left; width: 335px; margin-right: 44px; }
  #foot_srk { float: left; width: 450px; margin-right: 30px; }
  #foot_contact { float: right; width: 141px; }
   #foot_contact p { font-size: 10px; }

#copyright { position: relative;  z-index: 2; font-size: 12px; margin: 10px auto; width: 980px; position: relative; background: #fff; padding: 10px; border: 1px solid #deddde; }
 #copyright .left { float: left; }
 #copyright .right { float: right; }