html {
    margin-bottom:                      0.01em;
}

html,
body {
    height:                            100%;
}

body {
    background-image:                  url('images/bg_body.gif');
    background-position:               top center;
    background-repeat:                 no-repeat;
    background-attachment:             fixed;
    padding:                           0px 10px 0px 10px;
    margin:                            0px 0px 0px 0px;
}

body,
td {
    font-family:                       Arial, Verdana, Sans-Serif, Tahoma;
    font-size:                         13px;
    color:                             #444444;
}

form,
ul {
    padding:                           0;
    margin:                            0;
}

table {
    table-layout:                      auto;
    border-collapse:                   collapse;
    border-spacing:                    0px;
    empty-cells:                       show;
}

table td {
    vertical-align:                    top;
    text-align:                        left;
    padding:                           0px 0px 0px 0px;
}

/**/

div.inline {
    display:                           inline;
}

/**
 * top
 */

table.top {
    width:                             900px;
    height:                            28px;
    background-image:                  url('images/bg_top.gif');
    background-position:               top left;
    background-repeat:                 no-repeat;
    margin-bottom:                     12px;
}

table.top td {
    font-size:                         11px;
    padding:                           6px 10px 0px 10px;
}

table.top td a {
    text-decoration:                   none;
    color:                             #8a8a8a;
}

table.top td a:hover {
    text-decoration:                   underline;
}

table.top td div.red {
    color:                             #e61000;
}

table.top td.search {
    width:                             140px;
    padding:                           0px 10px 0px 0px;
    vertical-align:                    middle;
}

table.top td.search form {
    width:                             140px;
    height:                            19px;
    background-image:                  url('images/bg_search.gif');
    background-position:               top left;
    background-repeat:                 no-repeat;
    position:                          relative;
}

table.top td.search form input {
    border:                            0px solid transparent;
}

table.top td.search form input.field {
	background:                        transparent;
	width:                             112px;
	height:                            13px;
	line-height:                       13px;
	margin:                            0px 0px 0px 0px;
	font-size:                         11px;
	color:                             #444444;
	position:                          absolute;
	top:                               2px;
	left:                              4px;
}

table.top td.search form input.button {
	width:                             15px;
	height:                            15px;
	cursor:                            pointer;
	position:                          absolute;
	top:                               2px;
	left:                              123px;
}


/**
 * navigation
 */

table.navigation {
    width:                             900px;
}

table.navigation table.level-1 td a {
    display:                           block;
    height:                            30px;
    background-image:                  url('images/bg_navbar_left.gif');
    background-repeat:                 no-repeat;
    padding-left:                      8px;
    text-decoration:                   none;
    margin-right:                      3px;
}

table.navigation table.level-1 td a span {
    display:                           block;
    height:                            24px;
    background-image:                  url('images/bg_navbar_right.gif');
    background-repeat:                 no-repeat;
    padding-left:                      7px;
    padding-right:                     15px;
    font-size:                         15px;
    padding-top:                       6px;
}

table.navigation table.level-1 td a.active {
    background-position:               left -52px;
    color:                             #ffffff;
}

table.navigation table.level-1 td a.active span {
    background-position:               right -52px;
}

table.navigation table.level-1 td a.inactive {
    background-position:               left 0px;
    color:                             #444444;
}

table.navigation table.level-1 td a.inactive span {
    background-position:               right 0px;
}

table.navigation table.level-1 td a.inactive:hover {
    background-position:               left -106px;
}

table.navigation table.level-1 td a.inactive:hover span {
    background-position:               right -106px;
}


/**
 * subnavigation
 */

table.subnavigation {
    background-color:                  #e61000;
    width:                             900px;
    height:                            30px;
}

table.subnavigation table.level-2 td a {
    display:                           block;
    height:                            22px; /* 30px -8px */
    padding:                           8px 0px 0px 10px;
    text-decoration:                   none;
    color:                             #ffffff;
    font-size:                         11px;
}

table.subnavigation table.level-2 td a.inactive:hover,
table.subnavigation table.level-2 td a.active {
    text-decoration:                   underline;
}


/**
 * random
 */

table.container td.random {
    width:                             900px;
    height:                            160px;
    background-image:                  url('images/bg_container.gif');
    background-position:               left top;
    background-repeat:                 repeat-y;
}

table.container td.random div.shadow {
    height:                            15px;
    background-image:                  url('images/bg_random.gif');
    background-position:               left top;
    background-repeat:                 repeat-x;
    margin:                            0px 1px 0px 1px;
}


/**
 * construct
 */

table.container {
    width:                             900px;
    height:                            450px;
}

table.container td.construct {
    padding:                           15px 20px 20px 20px;
    background-image:                  url('images/bg_container.gif');
    background-position:               left top;
    background-repeat:                 repeat-y;
}


/**
 * bottom
 */

table.container td.bottom {
    width:                             900px;
    height:                            9px;
    background-image:                  url('images/bg_footer.gif');
    background-position:               left bottom;
    background-repeat:                 no-repeat;
}


/**
 * footer
 */

table.container td.footer {
    height:                            24px;
    border-bottom:                     1px solid #e3e1db;
    padding-top:                       2px;
}

table.container td.footer td.left {
    font-size:                         10px;
    padding-left:                      10px;
}

table.container td.footer td.right {
    color:                             #8a8a8a;
    font-size:                         12px;
    text-align:                        right;
    padding-right:                     10px;
}


table.container td.footer td a {
    text-decoration:                   none;
    color:                             #8a8a8a;
}

table.container td.footer td a:hover {
    text-decoration:                   underline;
}