/*  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
  Body background & hidden text= #397D71
  Table background = #CEFFEF
  Table border = #644A22
  Table header background = #8A3B0C
  Division background = #CEFFEF
  Division border = #41BF7F
  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: #397D71;
      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: #21529C; text-decoration:none}
A:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #21529C; text-decoration:none; outline: none;}
A:active {font-family: Verdana, Arial, Helvetica, sans-serif; color: #21529C; text-decoration:none; outline: none;}
A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #129208; text-decoration:underline}

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

/* ===== 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;}

/* ====== Special paragraphs ================= */

.page_title {color: #21529C; font-weight:bold; font-size:30px; padding-top: 20px; margin-bottom: 24px;}

.div_testimonial {float: left; width: 180px; margin: 0px 16px; background-color: #FFFFDE;
                  border-width: 1px; border-style: solid; border-color: #000000;
                  font-style: italic;}


/* ===== Tables ===================== */
table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; margin: 10px;
       border-width: 1px; border-style: solid; border-color: #41BF7F; border-collapse: collapse; background-color: #F9FFFD;}
table.indent {margin: 10px 60px 10px 60px;}
th {font-weight: bold; color: #000000;
    padding: 4px 4px 4px 8px;
    border-width: 1px; border-color: #41BF7F; background-color: #CEFFEF; border-style: solid; text-align: left}
.bord_td {padding: 4px 4px 4px 8px; border-width: 1px; border-style: solid; border-color: #41BF7F; 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: #CEFFEF; border-width: 2px; border-style: solid; border-color: #41BF7F;}
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: #CEFFEF;}
.hidden_band_td {border-style: none; padding: 6px}

/* Hidden text for the bottom of the index page */
.hidden_text {color: #397D71; 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: #CEFFEF;
                border-width: 1px; border-style: solid; border-color: #41BF7F; text-align: center;}

#navbar {position: relative;  width: 100%;  height: 220px; margin-top: 0px; padding-top: 0px; padding-bottom: 8px;
         border-color: #41BF7F; border-width: 1px; border-style: none; border-top-style: solid; border-bottom-style: solid; background-color: #CEFFEF;}
#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: #CEFFEF; border-width: 1px; border-style: solid; border-color: #41BF7F;}

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

.div_band {position: relative; margin-top: 10px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 8px; left: 0px; width: 100%;
           background-color: #CEFFEF;
           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: #CEFFEF;
             border-width: 1px; border-style: none; border-top-style: solid; border-color: #41BF7F;}
#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_footer_logo {position: absolute; margin: 0px 0px 0px 0px; padding-top: 2px; padding-bottom: 2px;
                  left: 20px; top: -18px; width: 290px;
                  border-width: 1px; border-style: none; border-color: #FF0000;}
#div_footer_menu {position: relative; left: 320px; width: 64%;  padding-top: 4px; padding-bottom: 5px;
                  border-width: 1px; border-style: none; border-color: #00FF00;}
             
#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: #CEFFEF; border-width: 2px; border-style: solid; border-color: #41BF7F;}

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

/* Goes on index page */
#div_idx_wrapper {position: relative; top: 0px; left: 5px; width: 888px;
                  border-width: 1px; border-style: none; border-color: #FF0000;}
#div_idx_center {position: absolute; top: 0px; left: 0px; width: 70%;
                 border-width: 1px; border-style: none; border-color: #C0C000;}
#div_idx_right {position: relative; top: 0px; left: 626px; width: 26%; padding: 0px 0px 0px 20px;
                border-width: 1px; border-style: none; border-color: #C0C000;}

/* Goes on index page */
#div_idx_wrapper2 {position: relative; top: 0px; left: 5px; width: 888px;
                  border-width: 1px; border-style: none; border-color: #FF0000;}
#div_idx_center2 {position: absolute; top: 0px; left: 0px; width: 60%;
                 border-width: 1px; border-style: none; border-color: #C0C000;}
#div_idx_right2 {position: relative; top: 0px; left: 600px; width: 27%; padding: 14px 0px 0px 52px;
                border-width: 1px; border-style: none; border-color: #C0C000;}

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