﻿/* HRIT.css */


/* STANDARD TAGS */

*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: Black;
    color: Black;
    font-family: Verdana, Sans-Serif;
    font-size: 10pt;
}

h1
{
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}

h2
{
    font-size: 28px;
    font-weight: bold;
}

h3
{
    font-family: 'Century Gothic', Verdana, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

h4
{
    font-size: 16px;
    font-weight: bold;
}

h5
{
    font-size: 12px;
    font-weight: bold;
}

a,
a:visited,
a:active
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

li
{
    margin-left: 30px;
    list-style-position: outside;
}


/* MAIN */

.main
{
    width: 845px; /* 998px; */
    margin: 0 auto;
}


/* TOP */

#top
{
    text-align: right;
    color: White;
    height: 22px;
    padding: 4px 5px 0 0;
    background-color: Black;
}


/* HEADER (AND FOOTER) */

.header
{
    border: none;
    /*
    border-width: 1px;
    border-color: #222222;
    border-style: solid none solid none;
    */
    background-color: Black;
}

.title
{
    background-image: url('images/HRIT_header.png');
    background-repeat: no-repeat;
    background-position: left 50%;
    height: 34px;
    text-align: right;
    padding: 40px 5px 0 0;
    color: #CCCCCC;
    font-size: 12px;
}

.title a
{
    color: #CCCCCC;
}

.bottom
{
    padding: 0;
}


/* MENU (AND SUBMENU) */

#navbar
{
    background-color: Black;
    padding: 5px 10px 15px 10px;
}

#menu, #submenu
{
    font-family: Arial, Elvetica, Sans-Serif;
    color: #CCCCCC;
    font-size: 12px;
    padding: 15px 0 15px 0;
    display: block;
}

#menu li,
#submenu li
{
	list-style: none;
	float: left;
	margin: 0 5px 0 5px;
}

#menu li
{
    font-weight: bold;
}

#menu li a
{
    color: #CCCCCC;
}

#submenu li a
{
    color: #F7EE0E;
}


/* MIDDLE */

#middle
{
    background-image: url('images/HRIT_wood.jpg');
    background-repeat: repeat;
    margin-top: 0px;
}

#contents
{
    background-color: White;
    padding: 10px;
}

#contents h2.conttitle
{
    background-image: url('images/HRIT_logo.jpg');
    background-repeat: no-repeat;
    background-position: left 50%;
    height: 46px;
    padding: 8px 0 0 50px;
}

#contents #columns
{
    border-top: solid 1px #DBDBDB;
    margin: 20px 10px 10px 10px;
    padding-top: 10px;
    overflow: hidden;
	width: 100%;
}


/* MIDDLE - LEFT COLUMN */

#contents #columns #lcol
{
    width: 547px; /* 633px; */
    margin-right: 10px;
    float: left;
}


/* MIDDLE - RIGHT COLUMN */

#contents #columns #rcol
{
    width: 273px; /* 320px; */
    float: left;
    margin-top: 25px;
    border-left: solid 1px #DBDBDB;
    padding: 0 0 20px 10px;
}

#contents #columns #rcol h4
{
    background-position: left top;
    background-image: url('images/HRIT_logo_small.jpg');
    background-repeat: no-repeat;
    padding: 3px 0 0 35px;
    height: 26px;
}


/* MIDDLE - RIGHT COLUMN - BOX */

#contents #columns #rcol .rbox
{
    margin-top: 15px;
    overflow: hidden;
	width: 100%;
}

#contents #columns #rcol .rbox img
{
    border: none;
    margin: 0 15px 0 10px;
    float: left;
}

#contents #columns #rcol .rbox .link
{
    width: 170px; /* 230px; */
    float: left;
}

#contents #columns #rcol .rbox .link a
{
    color: Black;
}

#contents #columns #rcol .rbox .link p
{
    font-size: 8pt;
}
