/*//////////////////////////////////////////*/
/* Basics                                   */
/*//////////////////////////////////////////*/
html
{
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

body
{
    padding: 0px;
    margin: 0px;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    text-align: center;
    min-width: 1024px;
    background-image: url('../graphics/body_bg.jpg');
    background-repeat: repeat;
    font-family: Arial;
    overflow: hidden;
}


/*//////////////////////////////////////////*/
/* Page layout                              */
/*//////////////////////////////////////////*/

div#backstage
{
  position: relative;
  top: 10px;
  padding: 0px;
  margin: 0 auto;
  width: 1024px;
  height: 100%;
  text-align: center;
  letter-spacing: 0px;
  overflow: visible;
}

/* Header */
div#header
{
    position: relative;
    padding: 0px;
    margin: 0;
    top: 0px;
    height: 100px;
    width: 1024px;
    background-color: White;
    background-image: url('../graphics/header_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: Black;
    text-align: center;
}

/* Left menu*/
div#left_banner
{
    position: absolute;
    padding: 0px;
    margin: 0px;
    border: 0px;
    top: 105px;
    bottom: 0px;
    left: 0px;
    width: 190px;
    margin-bottom: 0px;
    border-right-color: Black;
    border-right-width: 1px;
    border-right-style: solid;
    background-color: #3857A7;
}

/* Right menu*/
div#right_banner
{
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 105px;
    bottom: 0px;
    left: 834px;
    width: 190px;
    margin-bottom: 0px;
    border-left-color: Black;
    border-left-width: 1px;
    border-left-style: solid;
    background-color: #3857A7;
}

/* Main window*/
div#main
{
    position: absolute;
    width: 643px;
    height: 100%;
    top: 105px;
    left: 191px;
    margin: 0px;
    padding: 0px;
    background-color: White;
    overflow: scroll;
}


/*//////////////////////////////////////////*/
/* Page elements                            */
/*//////////////////////////////////////////*/

/* Main*/
div.main_box { position: absolute; background-color: White; width: 610px; height: auto; left: 0px; text-align: left; overflow: auto; font-size: small; margin: 1em; padding: 0px;}
div.main_box { text-align: center;}
div.main_box h2 { text-align: left; color: #4B4D61; font-family: Arial; font-style: Italic;}

div.main_box table { width: 590px; min-height: 80px; text-align: center; background-color:#3857A7; border: 1px; border-bottom-color: #4D6AAE; border-style:inset;}
div.main_box table tr.header { background-color: #3857A7; color: White; font-size: medium; font-style: oblique; }
div.main_box table  td { padding: 0em; padding-left: 0.5em; padding-right: 0.5em; margin: 0px; font-family: arial; font-size: small; }
div.main_box table  td.left { text-align: left; border-right-color: #3857A7;}
div.main_box table  td.route_length { text-align: right; }
div.main_box table  td.center_text { text-align: center; }
div.main_box table td.right { text-align: right; border-left-color: #3857A7;}
div.main_box table  td.small_font { text-align: left; font-family: arial; font-size: small; }
div.main_box table  td.small_font_half { text-align: left; font-family: arial; font-size: small; width: 50%; }
div.main_box table tr.content { text-align: left; background-color: White; font-size: medium; }
div.main_box table tr.content td { padding-bottom: 0.5em; padding-top: 0.5em; background-color: #E1E3FF;}
div.main_box table p.table_content { margin: 1.2em;}
div.main_box table form.table_content { margin: 0px; text-align: right; }

/* Left */
div.left_border { position: absolute;  right: 0px; height: 100%; width: 48px; background-image: url('../graphics/border_backgr_left.gif'); background-attachment:inherit; background-position:right; background-repeat:repeat-y; }
div.left_content { position: absolute; left: 0px; height: 100%; width: 190px; background-color: Transparent;}

/* Right */
div.right_border { position: absolute; left: 0px; height: 100%; width: 48px; background-image: url('../graphics/border_backgr_right.gif'); background-attachment:inherit; background-position:left; background-repeat:repeat-y; }
div.right_content { position: absolute; right: 0px; height: 100%; width: 190px; background-color: Transparent;}

/* Menu box */
div.black_menu_box { background-color: Transparent; margin: 0px; padding: 0px; font-family: arial; font-size: small;}
div.black_menu_box h1.top {color: White; font-size: small; font-style: italic; padding-top: 25px; }
div.black_menu_box form.border_menu_content {padding: 0px; margin: 0px; font-size: small;}
div.black_menu_box div.top {height: 46px; display: block; background: url('../graphics/menu_top_left.gif') bottom left no-repeat;}
div.black_menu_box div.top  div {height: 46px; display: block; background: url('../graphics/menu_top_right.gif') bottom right no-repeat;  text-align: center;}
div.black_menu_box div.content {text-align: center; color: White; display: block; background: url('../graphics/menu_content_left.gif') left repeat-y;}
div.black_menu_box div.content div {padding-top: 5px; display: block; background: url('../graphics/menu_content_right.gif') right repeat-y;}
div.black_menu_box div.content p { text-align: left; padding-left: 2em; padding-right: 2em;}
div.black_menu_box div.bottom {height: 46px; display: block; background: url('../graphics/menu_bottom_left.gif') bottom left no-repeat;}
div.black_menu_box div.bottom  div {height: 46px; display: block; background: url('../graphics/menu_bottom_right.gif') bottom right no-repeat;}
div.black_menu_box div.content a.button { display: block; font-size: small; padding-top: 0em; line-height: 2.6em; color: black; width: 100%; height: 35px; background: url('../graphics/buttons/b_free.gif') center no-repeat;}

/* Main content box */
div.main_content_box { background-color: Transparent; margin: 0px; padding: 0px; font-family: arial; font-size: small;}
div.main_content_box h1.top { color: Black; font-size: small; font-style: italic; padding-top: 25px; }
div.main_content_box div.top { height: 13px; display: block; background: url('../graphics/main_top_left.png') bottom left no-repeat;}
div.main_content_box div.top  div { height: 13px; display: block; background: url('../graphics/main_top_right.png') bottom right no-repeat;  text-align: center;}
div.main_content_box div.content { text-align: center; color: Black; display: block; background: url('../graphics/main_content_left.png') left repeat-y;}
div.main_content_box div.content div { padding-top: 5px; display: block; background: url('../graphics/main_content_right.png') right repeat-y;}
div.main_content_box div.content img { border-style: solid; border-width: 1px; }
div.main_content_box div.content p { text-align: left; padding-left: 2em; padding-right: 2em; width: auto;}
div.main_content_box div.bottom { height: 16px; display: block; background: url('../graphics/main_bottom_left.png') bottom left no-repeat;}
div.main_content_box div.bottom  div { height: 16px; display: block; background: url('../graphics/main_bottom_right.png') bottom right no-repeat;}

/* Text aligns*/
h1.left { text-align: left;}
h1.center { text-align: center;}
h1.right { text-align: right;}

h2.left { text-align: left;}
h2.center { text-align: center;}
h2.right { text-align: right;}

h3.left { text-align: left;}
h3.center { text-align: center;}
h3.right { text-align: right;}

p.left { text-align: left;}
p.center { text-align: center;}
p.right { text-align: right;}

/* Visibility*/
input.hide { display: none; }