/*
Default HTML elements
*/
body {
    background-color        :   #eeeeee;
    text-align              :   center;
    padding                 :   0px;
    margin                  :   0px;
    font-family             :   Verdana, Tahoma, Arial, sans-serif;
    font-size               :   9pt;
}

h1 {
    height                  :   100px;
    line-height             :   100px;
    font-size               :   20pt;
    color                   :   white;
    width                   :   680px;
    font-weight             :   bold;
    white-space             :   nowrap;
    background              :   url( gfx/header_actions.png ) top left no-repeat;
    padding                 :   0px 0px 0px 110px;
    margin                  :   0px 0px 0px 0px;
}

h2 {
    font-size               :   13pt;
    font-weight             :   bold;
    color                   :   #660000;
    margin                  :   20px 0px 10px 10px;
    border-bottom           :   1px solid #bb0000;
}

a {
    color                   :   #bb0000;
    text-decoration         :   none;
}

a:hover {
    color                   :   #ff0000;
    text-decoration         :   none;
}

hr {
    color                   :   #bb0000;
    background-color        :   #bb0000;
    width                   :   100%;
    height                  :   1px;
    border                  :   none;
}



/*
Page layout
*/
#layout {
    margin                  :   0 auto;
    width                   :   990px;
    text-align              :   left;
}

#page-header {
    width                   :   100%;
    height                  :   85px;
    background              :   transparent url( gfx/top.png ) top left no-repeat;
    border-right            :   2px solid #bb0000;
}

#page-body {
    width                   :   100%;
    background-color        :   white;
    border                  :   1px solid #bb0000;
    background              :   transparent url( gfx/body_bg.png ) top left repeat-y;
    float                   :   left;
    margin-bottom           :   10px;
}

/* Navigation */
#nav-column {
    float                   :   left;
    width                   :   176px !important;
    text-align              :   center;
}

/* Content */
#content {
    width                   :   790px !important;
    margin-left             :   190px;
}

#content td {
    font-family             :   Verdana, Tahoma, Arial, sans-serif;
    color                   :   #202020;
    font-size               :   8pt;
}

/* Breadcrumbs, Pathway... */
#pathway {
    text-align              :   right;
    padding                 :   0px 10px 0px 1px;
    border-top              :   none;
    font-size               :   7.5pt;
}

#pathway a:hover {
    border                  :   none;
    text-decoration         :   none;
}

#page-footer {
    float                   :   left;
    padding                 :   3px 0px 0px 0px;
    width                   :   100%;
    color                   :   #666666;
    font-size               :   8pt;
    text-align              :   center;
    vertical-align          :   bottom;
}

#w3c-validation
{
    float                   :   right;
}

/*
 Style Elements
 */
#subpage p
{
    text-align              :   justify;
    margin                  :   15px 10px 10px 10px;
    color                   :   #202020;
    font-size               :   8pt;
}

#subpage ul
{
    color                   :   #202020;
    font-size               :   8pt;
}

#subpage table
{
    margin                  :   15px 10px 10px 10px;
    padding                 :   0px;
    color                   :   #202020;
    font-size               :   8pt;
}


.datagrid 
{
    text-align              :   left;
    width                   :   760px;
    padding                 :   0px 0px 0px 0px;
    border-spacing          :   0px;
    border                  :   1px solid #bb0000;
}

.datagrid th {
    height                  :   28px;
    font-weight             :   bold;
    font-size               :   8pt;
    border-bottom           :   1px solid #bb0000;
    border-left             :   1px solid #dddddd;
    border-right            :   1px solid #bb0000;

    background              :   url(gfx/th_back.png) top left repeat-x;
    padding                 :   2px 5px 2px 5px;
}

.datagrid td {
    padding                 :   4px 5px 4px 5px;
    border-top              :   1px solid #ffffff;
    border-right            :   1px solid #ffffff;
}

.datagrid .subrow 
{
    padding                 :   4px 5px 4px 25px;
    font-style              :   italic;
}



/*
 Navigation Boxes
 */
.nav-box {
    text-align              :   left;
    margin                  :   4px 4px 15px 5px;
    border                  :   1px solid #bb0000;
    background-color        :   #f7f7f7;
}

.nav-box-head {
    font-style              :   italic;
    padding                 :   3px 3px 3px 3px;
    height                  :   16px;
    background              :   transparent url( gfx/nav_box_bg.png ) top left repeat;
}

.navitem {
    padding                 :   1px 3px 1px 3px;
}

.link {
    padding                 :   1px 3px 1px 3px;
    cursor                  :   pointer;
}

.link_alternate {
    padding                 :   1px 3px 1px 3px;
    cursor                  :   pointer;
    background-color        :   #e0e0e0;
}

.link_active {
    padding                 :   1px 3px 1px 3px;
    cursor                  :   pointer;
    background-color        :   #bbbbbb;
    color                   :   #660000;
}

.link_hover {
    background-color        :   #eebbbb;
    padding                 :   1px 3px 1px 3px;
    cursor                  :   pointer;
}


/* To The Top Links */
.tothetop a {
    font-size               :   7pt;
    text-align              :   right;
    float                   :   right;
}

p.box, div.box {
    border                  :   1px dashed #666666;
    background-color        :   #eeeeee;
    padding                 :   6px 6px 6px 6px;
}

ul.box {
    border                  :   1px dashed #666666;
    background-color        :   #eeeeee;
    padding-top             :   6px;
    padding-bottom          :   6px;
}

ul.box li {
    padding                 :   3px;
}

tr.row0 {
    background-color        :   #eeeeee;
}

tr.row1 {
    background-color        :   #d0d0d0;
}

td.infocol {
    background-color        :	#eeeeee;
    font-weight             :	bold;
    padding                 :	3px;
}

td.datacol {
    padding                 :	3px;
}

td.datacol_r {
    padding                 :	3px;
    text-align              :   right;
}

/*
 OLD AND DEPRECATED STYLES! REMOVE THEM WHEN NO LONGER IN USE!
 */

#head1 {
    font-size               :   13pt;
    font-weight             :   bold;
    color                   :   #A0A0A0;
    position                :   relative;
    margin                  :   10px 10px 10px 10px;
    border-bottom           :   1px solid #bb0000;
}

#head1shadow {
    font-size               :   13pt;
    font-weight             :   bold;
    color                   :   #990000;
    position                :   absolute;
    top                     :   -1px;
    left                    :   -1px;
}

#header {
    font-size               :   20pt;
    color                   :   white;
    font-weight             :   bold;
    background              :   transparent url( gfx/header_actions.png ) top left no-repeat;
    padding                 :   50px 0px 20px 110px;
    margin                  :   0px 0px 0px 0px;
}

.flow_text {
    text-align              :   justify;
    margin                  :   15px 10px 20px 10px;
    color                   :   #202020;
    font-size               :   8pt;
}



#shortnews {
    background              :   #f3f3f3;
    border                  :   1px dashed gray;
    margin                  :   10px 330px 10px 0px;
    padding                 :   2px 7px 3px 7px;
}

input, button {
    border  : 1px solid #aaaaaa;
    font-family: Verdana, Tahoma, Sans serif;
}

textarea {
    border  : 1px solid #aaaaaa;
    font-family: Verdana, Tahoma;
    font-size: 7pt;
}



/**
 * Sitemap tree
 */
ul.tree, ul.tree ul
{
    list-style-type: none;
    background: url(../../images/icons/tree/vline.png) repeat-y;
    margin: 0px;
    padding: 0;
}

ul.tree ul {
    margin-left: 10px;
}

ul.tree li {
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    background: url(../../images/icons/tree/node.png) no-repeat;
}

ul.tree li a {
    margin: 0;
    line-height: 20px;
}

ul.tree li.last {
    background: #fff url(../../images/icons/tree/lastnode.png)
    no-repeat;
}