/******************************************************************
 * 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: 100%; 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, .main-nav, #vignette-documents, .c-vise {display: none;}

/******************************************************************
 * 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%;}
 
/******************************************************************
 * Content
 ******************************************************************/
/* Text container */
#content #text-container {padding-left: 10px; background: url(../images/hst_topcorner_bg.gif) no-repeat 0% 0%;}
#content #text-container .c-iframe {float: left; width: 100%;}
#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 0px;}
#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%;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {font-size: 11px;}