/*  Sets margins and padding in all browsers to the same        */
/* margin: all
   margin: top/bottom left/right
   margin: top right bottom left                                */
   
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
    margin: 0; padding: 0; border: 0}

p {margin: 10px 25px}
h1, h2, h3, h4, h5, h6 {margin: 10px 10px}
h1, h2, h3, h4, h5, h6 {line-height: 100%;}
ul, ol, li {margin: 10px 40px;}

p.indent {margin: 10px 20px 10px 60px;}

.bullet_ul {list-style-image: url(graphics/bullet_blue.gif);}
.no_bullet_ul {list-style-type: none; margin: 10px 20px 30px 40px;}
.no_bullet_ul li {margin-bottom: -6px}

/*  COLOURS
  Main background & hidden text = #DEDEF0
  Table background = #EFF7FF
  Table border = #644A22
  Table header background = #8A3B0C
  Division background = #EFF7FF
  Division border = #BBBFED
  Text colour = #000000
  Text contrast = #FFE505
  Link highlight = #FFFF00
  Navigation bar background (if no image) = #D6AD18
  
  Remember to change Google AdSense palette
*/

/* ========================== */
body {text-align: center; background-color: #DEDEF0;
      font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; color: #000000}
A:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000C0; text-decoration:none}
A:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000C0; text-decoration:none; outline: none;}
A:active {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000C0; text-decoration:none; outline: none;}
A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000FF; text-decoration:underline}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 25px; color: #554CD0}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; color: #554CD0; margin-top: 30px;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #554CD0; margin-top: 30px;
    background-color: #EFF7FF; padding: 4px 4px 4px 14px;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; margin-top: 26px;}

.div_floatright {float: right; width: 406px; margin: 0px 16px; padding: 10px; background-color: #FFFFFF;
                  border-width: 1px; border-style: solid; border-color: #BBBFED;}

/* ===== Special text ===================== */

.slightly_small {font-size: 10px;}
.small_italic {font-size: 11px; font-style: italic}
.slightly_big {font-size: 14px;}
.highlight_text {color: #800000}
.big_highlight_text {color: #FF0000; font-size: 14px; font-weight: bold;}

/* ===== Tables ===================== */
table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; margin: 10px;
       border-width: 1px; border-style: solid; border-color: #BBBFED; border-collapse: collapse; background-color: #FFFFFF}
table.indent {margin: 10px 60px 10px 60px;}
th {font-weight: bold; color: #000000;
    padding: 4px 4px 4px 8px;
    border-width: 1px; border-color: #BBBFED; background-color: #EFF7FF; border-style: solid; text-align: left}
.bord_td {padding: 4px 4px 4px 8px; border-width: 1px; border-style: solid; border-color: #BBBFED; text-align: left}
.div_nowrap_td {font-size: 12px; padding-top: 9px; white-space:nowrap;}

.hidden_table {border-style: none; font-size: 12px;}
.order_table {font-size: 12px; margin: 20px 50px; padding: 25px; background-color: #EFF7FF; border-width: 2px; border-style: solid; border-color: #BBBFED;}
td {padding: 4px 4px 2px 4px; border-width: 1px; border-style: none; text-align: left}


.hidden_band_table {font-size: 12px; border-style: none; background-color: #EFF7FF;}
.hidden_band_td {border-style: none; padding: 6px}

/* Hidden text for the bottom of the index page */
.hidden_text {color: #DEDEF0; font-size: 1px; line-height: 1px}

/* Text in site menu */
.menu_text {color: #7377AD; font-size: 8px; line-height: 9px; margin: 10px 5px 10px 5px;}

/* Bookmarks in page header  */
.bookmarks {color: #000000; font-size: 9px; line-height: 10px}

/* special inputs and submit button for forms */
.text_input {position: relative; top: 1px; color: #FFFFFF; background-color: #000000;
             border-width: 1px; border-style: solid;  border-collapse: collapse;}

/* ===== Page layout ===================== */
#wrapper {position: relative; width: 900px; margin: 10px auto; text-align: left}

#header {position: relative; left: 0; top: 0px;}
#midder {position: relative; left: 0; top: 4px; height: 600px;}
#footer {position: relative; left: 0; top: 14px;}

/*  Goes in #header  */
#div_head {position: relative;  width: 100%;}

#div_h_banner {position: absolute; top: 0px; left: 0px; width: 542px; height: 88px;}

#div_h_welcome {position: relative; top: 0px; left: 546px; width: 352px; height: 86px; background-color: #EFF7FF;
                border-width: 1px; border-style: solid; border-color: #BBBFED; text-align: center;}

#navbar {position: relative;  width: 100%;  height: 232px; margin-top: 0px; padding-top: 0px; padding-bottom: 8px;
         border-color: #BBBFED; border-width: 1px; border-style: none; border-top-style: solid; border-bottom-style: solid; background-color: #EFF7FF;}
#navbar ul {margin: 0; padding: 0px; list-style-type: none; font-size: 9px; text-align: center}
#navbar ul li {display: inline; margin: 0px 6px; padding: 2px}

/*  Go in #midder    #div_center must be longest */
#div_left {position: absolute; top: 0; left: 0; width: 110px; padding-left: 4px; padding-right: 3px; padding-top: 8px; padding-bottom: 5px;
             background-color: #EFF7FF; border-width: 1px; border-style: solid; border-color: #BBBFED;}

#div_center {position: relative; top: 0px; left: 0px; width: 100%; padding-top: 0px;  margin-bottom: 10px; background-color: #FFFFFF;
             border-width: 1px; border-style: solid; border-color: #BBBFED;}

.div_band {position: relative; margin-top: 10px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 8px; left: 0px; width: 100%; background-color: #EFF7FF;
           border-width: 1px; border-style: none; border-color: #D68C10;}

#div_footer {position: relative; margin-top: 30px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px; left: 0px; width: 100%; background-color: #EFF7FF;
             border-width: 1px; border-style: none; border-top-style: solid; border-color: #BBBFED;}
#div_footer ul {margin: 0; padding: 0px; list-style-type: none; font-size: 9px; text-align: center}
#div_footer ul li {display: inline; margin: 0px 10px; padding: 2px}

#div_wrap {position: absolute; left: 390px; width: 509px; height: 78px}
           
#div_belowwrap {position: relative; margin-top: 84px}

/*  Contains Digg, etc voting icons. Goes at bottom right of #div_center  */
#digg_div {position: absolute; bottom: 4px; right: 6px;}

/* Goes in #div_center. Contains user submitted forms */
#div_form {position: relative; margin: 50px; padding: 25px; background-color: #EFF7FF; border-width: 2px; border-style: solid;border-color: #BBBFED;}

/* Goes in #navbar Text flows around */
.div_main_logo {float: left; margin: 8px 0px 0px 40px; border-style: none}

/* Goes in Download include */
#div_download_wrapper {position: relative; top: 0px; left: 5px; width: 888px;
                  background-color: #FFFFFF; border-width: 1px; border-style: none; border-color: #FF0000;}
#div_download_left {position: absolute; top: 0px; left: 0px; width: 70%;
                 background-color: #FFFFFF; border-width: 1px; border-style: none; border-color: #C0C000;}
#div_download_right {position: relative; top: 0px; left: 636px; width: 28%;
                background-color: #FFFFFF; border-width: 1px; border-style: none; border-color: #C0C000;}