/******************************************************************
 * HST CSS
 * @author	Ivan Maros
 * @since	18.1.2006
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
body {font: 12px Arial, Helvetica, sans-serif; color: #333; background-color: #FFF; margin: 0; padding: 0; text-align: center;}
a, a:link, a:visited, a:active, a:focus {color: #666; text-decoration: none;}
a:hover {color: #000;}
img {border-width: 0;}
p {margin: 0 0 1.2em;}
hr {border: 0; height: 1px; color: #666; background-color: #666; margin: 0 0 5px;}
.input-box {font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #CCC; color: #666; background-color: #FFF; padding: 1px 3px;}
.warn_color {font-size: 11px; color: #F00;}
.left {clear: both; float: left;}
.right {float: right;}
.clear {clear: both;}
.noborder {border: 0 ! important;}

/******************************************************************
 * Structure
 ******************************************************************/
#container {position: relative; width: 760px; margin: 0 auto; padding: 0; text-align: left;}
#header, #content, #vignette-documents {float: left; width: 100%;}
#footer {float: none; clear: both; width: 100%;}

#nav-container {float: left; width: 271px;} /* #sub-nav + #subsub-nav */
#text-container, #vd-documents {float: right; width: 489px;}
#sub-nav, #vd-newsletter {float: left; width: 140px;}
#subsub-nav, #vd-vignette {float: left; width: 130px;}


/******************************************************************
 * Header
 ******************************************************************/
#header a#h-homepage {display: block; float: left; width: 130px; height: 90px;}
#header #h-title {float: left; width: 415px; font-size: 24px; font-weight: normal; color: #666; margin: 0; padding: 62px 0 0;}
#header p {float: right; width: 205px; height: 90px; he\ight: 86px; color: #666; font-size: 11px; margin: 0; padding: 4px 0 0; background: url(../images/hst_header_graphic.gif) no-repeat 100% 100%;}

.main-nav {display: block; float: left; width: 100%; line-height: 20px; color: #FFF; background-color: #999; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#header .main-nav ul {list-style: none; padding-left: 140px;}
#header .main-nav li {display: inline;}
#header .main-nav li.current {font-weight: bold;}
#header .main-nav li a {color: #FFF;}
#header .main-nav li a:hover {color: #FFF; text-decoration: underline;}
 
/******************************************************************
 * Content
 ******************************************************************/
#content #sub-nav, #vignette-documents #vd-newsletter {margin-right: 1px;}

#content #sub-nav h2, 
#content #sub-nav .sn-subnav, 
#content #subsub-nav h2, 
#content #subsub-nav .sn-subnav, 
#content .sn-forum, 
#vd-newsletter {float: left; width: 100%; font-size: 11px; border-bottom: 1px solid #FFF;}
#content .sn-forum,
#vd-newsletter {w\idth: 120px; padding: 5px 10px;}
#content h3, #vignette-documents h3 {font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 4px;}

#content #sub-nav h2 {font-size: 12px; font-weight: bold; line-height: 20px; color: #FFF; background-color: #B3005E; text-transform: uppercase; padding: 0 6px; w\idth: 128px;}

#content #sub-nav .sn-subnav {height: 190px; background: #E6E6E6 url(../images/hst_submenu_bg.gif) no-repeat 0% 100%;}
#content #sub-nav .sn-subnav ul {list-style: none; margin-top: 7px; font-size: 12px;}
#content #sub-nav .sn-subnav ul li {line-height: 18px;}
#content #sub-nav .sn-subnav ul li a {display: block; padding: 0 15px;}
#content #sub-nav .sn-subnav ul li a:hover {color: #B3005E; background-color: #F7F7F7;}
#content #sub-nav .sn-subnav ul li a {height: 1%;}
#content #sub-nav .sn-subnav ul li.current a {color: #B3005E; background-color: #F7F7F7;}

#content .sn-forum {height: 80px; he\ight: 70px; background-color: #DDD;}
#content .sn-forum ul {list-style: none;}
#content .sn-forum .sn-topics {font-weight: bold;}
#content .sn-forum h3 {color: #B3005E;}

#vd-newsletter {height: 100px; he\ight: 90px; background-color: #BCBCBC;}
#vd-newsletter input.input-box {width: 100px;}

/* Subsub nav specific */
#content #subsub-nav h2 {float: left; font-size: 13px; font-weight: bold; line-height: 20px; color: #FFF; background-color: #E20074; text-transform: uppercase;}

#content #subsub-nav .sn-subnav {float: left; height: 351px; background: #F7F7F7;}
#content #subsub-nav .sn-subnav ul {list-style: none; margin-top: 7px; font-size: 12px;}
#content #subsub-nav .sn-subnav ul li {line-height: 18px; padding-bottom: 7px;}
#content #subsub-nav .sn-subnav ul li a {display: block; padding: 0 15px; background: url(../images/hst_tbullet.gif) no-repeat 6px 8px;}
#content #subsub-nav .sn-subnav ul li a:hover {color: #B3005E; background-color: #E6E6E6;}
* #content #subsub-nav .sn-subnav ul li a {height: 1%;}
#content #subsub-nav .sn-subnav ul li.current a {color: #B3005E; background-color: #E6E6E6;}

/* Text container */
#content #text-container {w\idth: 479px; padding-left: 10px; background: url(../images/hst_topcorner_bg.gif) no-repeat 0% 0%;}
#content #text-container .c-iframe {float: left; width: 100%; height: 334px; overflow: auto;}
#content #text-container h1 {font-size: 12px; font-weight: bold; color: #333; margin-top: 20px; padding-bottom: 4px; text-transform: uppercase;}
#content #text-container .c-tile, #content #text-container .c-static {margin: 4px 6px 10px 10px;}
#content #text-container .c-tile {color: #333; padding-bottom: 2px; background: url(../images/so_dots.gif) repeat-x 0% 100%;}
#content #text-container h2 {color: #B3005E; font-size: 13px; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 4px; margin-bottom: 7px;}
#content #text-container h2 a, #content #text-container .c-vise a {color: #B3005E; font-weight: bold;}
#content #text-container h2 a:hover, #content #text-container .c-vise a:hover {color: #000;}
#content #text-container h4 {color: #999; font-size: 11px; font-weight: normal;}
#content #text-container .c-text img.c-img {float: left; padding-right: 7px; padding-top: 4px;}
#content #text-container .c-vise {clear: left; text-align: right; font-size: 11px;}
#content #text-container .c-vise a {padding: 0 15px; background: url(../images/hst_tbullet.gif) no-repeat 6px 6px;}
#content #text-container .c-paging {font-weight: bold; padding: 4px; text-align: center;}
#content #text-container .c-static {color: #333; padding-bottom: 7px; background: url(../images/so_dots.gif) repeat-x 0% 100%;}
#content #text-container .c-gallery-box img {float: left; padding: 4px 7px 4px 0;}

/* Vignettes and documents */
#vd-vignette img {float: left;}
#vd-documents {w\idth: 485px; height: 100px; padding-left: 4px; color: #FFF; background-color: #E20074; border-top: 1px;}
#vd-documents img {float: right; border-left: 1px solid #FFF;}
#vd-documents p {margin-top: 10px; margin-bottom: 4px; font-weight: bold;}
#vd-documents p span {text-transform: uppercase;}
#vd-documents ul {list-style: none; margin-top: 10px;}
#vd-documents ul li {margin: 0; font-size: 11px; line-height: 15px; padding: 0 15px; background: url(../images/hst_footer_bullet.gif) no-repeat 6px 7px;}
#vd-documents a {color: #FFF; padding: 0 15px; background: url(../images/hst_footer_bullet.gif) no-repeat 6px 7px;}
#vd-documents a:hover {color: #000;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {font-size: 11px;}
#footer .main-nav {text-align: right;}
#footer .main-nav span {font-size: 11px; padding: 0 7px;}

/******************************************************************
 * Debug -> delete after development
 ******************************************************************/