body
{
    text-align: center;
    margin: 0;
    padding: 0;
    background: #FFF;
}
#wrapper
{
    text-align: left;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 760px;
    background: url(../images/wrapper.gif) repeat-y;
}
#masthead
{
    margin: 0;
    padding: 0;
    position: relative;
    height: 120px;
    background: url(../images/masthead.gif) no-repeat;
}
#masthead h1
{
    margin: 0;
    padding: 15px 0 0 20px;
}
#masthead h1 a
{
    display: block;
    background: url(../images/itclogo.gif) no-repeat;
    width: 155px;
    height: 80px;
    text-indent: -9999px;
    outline: none;
}
#masthead a#language
{
    position: absolute;
    top: 15px;
    right: 20px;
    font: bold 9px Verdana, Arial;
    color: #999;
    text-decoration: none;
}
#masthead a#language:hover
{
    color: #F20017;
}
#masthead ul
{
    position: absolute;
    top: 62px;
    right: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#masthead ul li
{
    display: inline;
}
#masthead ul li a
{
    float: left;
    display: block;
    margin: 0 0 0 8px;
    padding: 6px 0 0 2px;
    width: 98px;
    height: 21px;
    font: bold 9px Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    color: #666;
    background: url(../images/navbutton.gif) no-repeat;
}
#masthead ul li a:hover, #masthead ul li a.selected
{
    color: #F20017;
}
#masthead #search
{
    position: absolute;
    top: 97px;
    right: 32px;
    width: 190px;
    height: 22px;
    margin: 0;
    padding: 3px 0 0 0;
    background: url(../images/searchbox.gif) no-repeat;
}
#masthead #search .search-label
{
    position: absolute;
    top: 5px;
    width: 55px;
    font: bold 9px Verdana, Arial;
    color: #999;
    text-align: center;
    text-transform: lowercase;
}
#masthead #search .search-string
{
    position: absolute;
    top: 5px;
    left: 58px;
    width: 110px;
    border: none;
    padding: 0;
    font: normal 10px Verdana, Arial;
    color: #999;
    vertical-align: top;
    background-color: Transparent;
}
#masthead #search .search-button
{
    position: absolute;
    top: 3px;
    left: 172px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    outline: none;
    background: url(../images/searchbutton.gif) no-repeat;
}
#content-wrapper
{
    margin: 0;
    padding: 0;
    min-height: 330px;
    height: auto !important;
    height: 330px;
    background: url(../images/watermark.gif) no-repeat right bottom;
}
#spacer
{
    clear: both;
}
#footer
{
    clear: both;
    margin: 0;
    border-top: solid 1px #EEE;
    padding: 20px 20px 30px 20px;
    background: url(../images/footer.gif) no-repeat left bottom;
    font: normal 10px Verdana, Arial;
    color: #999;
    vertical-align: middle;
}

/* COMMON ELEMENTS */
h2
{
    margin: 0;
    padding: 6px 0 0 20px;
    height: 26px;
    font: bold 9px Verdana, Arial;
    color: #F20017;
    text-transform: uppercase;
    background: url(../images/heading.gif) no-repeat;
}
h3
{
    font: bold 20px 'Times New Roman';
    color: #F20017;
    font-variant: small-caps;
    letter-spacing: 2px;
}
/* news listing - used on default.aspx, news.aspx, newsitem.aspx and search.aspx */
.dateline
{
    display: block;
    font: normal 9px Verdana, Arial;
    color: #999;
}
.headline
{
    display: block;
    padding: 5px 0 5px 0;
    font: normal 11px Verdana, Arial;
    line-height: 160%;
}
.thumb
{
    float: right;
    margin: 0 0 0 5px;
    border: solid 1px #DDD;
}
a.more, a.top, a.link
{
    padding: 0 0 0 10px;
    font: bold 9px Verdana, Arial;
    color: #666;
    text-transform: lowercase;
    text-decoration: none;
    outline: none;
    background: url(../images/arrowbullet.gif) no-repeat left center;
}
a.more:hover, a.top:hover, a.link:hover
{
    color: #F20017;
}

/* BANNERS */
#home-banner, #content-banner, #news-banner, #contact-banner, #search-banner
{
    margin: 0 6px 0 6px;
    /* use padding-bottom for spacing here
    to avoid empty div collapsing problem in IE */
    padding: 0 0 10px 0;
}

/* CONTENT STYLING */
#custom-contents, #content, #sub-content, #news-content, #single-content, #contact
{
    font: normal 11px Verdana;
    line-height: 160%;
}