/* *********************************************************
        Copyright 2006 ALS Scan All Rights Reserved

           All Styles, Classes and IDs are presented
      within their associated DIV in alphabetical order

                      Tested to be compatible with:
         MSIE 5.0/5.5/6.0                 FireFox 0.9/1.0/1.5
         Netscape 6.0/7.2                Opera 7.54/8.0
********************************************************* */


/* - - - - - Global Styles - - - - - */

body
  {
    margin: 0;
    padding: 0;
    font: normal 1.0em/1.1em Arial, Verdana, sans-serif;
  }

* html body    /* IE Only - Re-aligns background images properly */
  {
    text-align: center;    /* IE 5.x Only - Centers entire page and properly aligns backgrounds */
    tex\t-align: left;    /* IE 6.x Only - Sets alignment left for proper background alignments */
  }

a
  {
    text-decoration: none;
  }

a:hover
  {
    text-decoration: underline;
  }

blockquote
  {
    margin: 0 15px;
    font-style: italic;
  }

#container
  {
    position: relative;
    width: 710px;
    margin: 0 auto;    /* Centers page in CSS compliant browsers */
    text-align: justify;   /* Works in combination with " * html body " from above to re-align background images for IE 5.x */
  }

#container_banners
  {
    position: relative;
    width: 750px;
    margin: 0 auto;    /* Centers page in CSS compliant browsers */
    text-align: justify;   /* Works in combination with " * html body " from above to re-align background images for IE 5.x */
  }

.red
  {
    color: #F00;
  }


/* - - - - - Header - - - - - */

#container #header
  {
    width: 635px;
    height: 346px;
  }

#container_banners #header
  {
    width: 750px;
    height: 125px;
  }

#container #header a
  {
    display: block;
    margin-left: 45px;
    width: 570px;
    height: 100px;
  }

#container_banners #header a
  {
    display: block;
    margin-left: 90px;
    width: 570px;
    height: 100px;
  }

#container #header a:hover, #container_banners #header a:hover
  {
    text-decoration: none;
  }

#header h1
  {
    margin: 0;
  }

#header h1 a
  {
    font-size: 1px;
  }


/* - - - - - Navigation - - - - - */

#container #navigation
  {
    position: relative;
    float: left;
    width: 128px;
    margin: -40px 0 0 36px;
    text-align: center;
  }

* html #container #navigation    /* IE Only - Pushes the navigation DIV into its proper position */
  {
    margin: -40px 0 0 18px;
  }

#container #navigation ul
  {
    list-style: none;
    margin: 0;
    padding: 0;
  }

#container #navigation a
  {
    display: block;
    width: 128px;
    margin: 5px 0;
    padding: 0.1em 0;
    font-size: 1.2em;
    text-decoration: none;
  }

#container #bannernavigation, #container #gallerynavigation
  {
    list-style: none;
    margin: 40px 0 0 40px;
    padding: 0;
  }

#container #bannernavigation li, #container #gallerynavigation li
  {
    display: block;
    width: 340px;
    height: 100px;
    margin: 30px 0;
  }

#container #bannernavigation a, #container #gallerynavigation a
  {
    position: relative;
    display: block;
    width: 340px;
    margin: 32px 0 0 0;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
  }

#container #bannernavigation a:hover, #container #gallerynavigation a:hover
  {
    text-decoration: none;
  }

#container_banners #navigation ul
  {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }

#container_banners #navigation li
  {
    display: inline;
  }

#container_banners #navigation a
  {
    margin: 0 5px;
    padding: 0 5px;
    font-size: 1.2em;
  }

#container_banners #navigation a:hover
  {
    text-decoration: none;
  }

.subnavigation
  {
    clear: both;
    list-style: none;
    margin: 15px 0;
    padding: 0;
    text-align: center;
  }

.subnavigation li
  {
    display: inline;
  }

.subnavigation a
  {
    padding: 0 5px;
    font-size: 0.8em;
    line-height: 0.75em;
  }


/* - - - - - Main Content Window - - - - - */

#container #maincontent
  {
    position: relative;
    margin: -50px 0 0 200px;
    width: 420px;
    font-size: 0.8em;
    text-align: justify;
    z-index: 5;     /* Necessary to keep text from being hidden in Opera */
  }

* html #container #maincontent     /* IE Only - Nudges main text 3px to the left */
  {
    margin-left: 197px;
  }


/* - - - - - Footer - - - - - */

#container #footer
  {
    float: left;
    width: 635px;
    height: 400px;
    margin-top: -200px;
  }

#container_banners #footer
  {
    clear: both;
    width: 750px;
    height: 50px;
  }

#container #copyright
  {
    position: relative;
    bottom: -355px;
    margin: 0 0 0 270px;
    font-size: 0.75em;
  }

#container_banners #copyright
  {
    position: relative;
    margin: 0 0 0 215px;
    font-size: 0.75em;
  }


/* - - - - - Banners - - - - - */

#bannershorizontal, #bannersvertical, #bannersfullpage, #bannersmisc
  {
    display: block;
    list-style: none;
    width: 702px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }

#bannersvertical li, #bannersmisc li
  {
    display: inline;
  }

#bannershorizontal img, #bannersvertical img, #bannersmisc img
  {
    margin: 5px 10px;
  }

#bannersfullpage img
  {
    margin: 10px 0;
  }


/* - - - - - FAQ - - - - - */

#faq
  {
    margin: 0 0 50px 0;
    list-style: decimal outside;
    font-size: 1.1em;
  }

#faq li
  {
    margin: 5px 10px 0 0;
  }

.faq
  {
    position: relative;
    width: 400px;
    margin: 10px auto;
    padding: 0 0 20px 0;
  }

.faq h3
  {
    font-size: 1.2em;
  }

.faq p
  {
    margin: 0 0 15px 15px;
    font-size: 0.95em;
  }


/* - - - - - Content - - - - - */

/* Gallery buttons use the same ruleset as the banner buttons 
    and are grouped with them in the banner area */

#affiliatecontent
  {
    list-style: none;
    margin: 0;
    padding: 0;
  }

#affiliatecontent li
  {
    list-style: none;
    text-align: center;
    font-size: 1.21em;
    line-height: 1.5em;
    font-weight: bold;
  }

#affiliatecontent li.new
  {
    display: block;    /* Necessary for proper display in IE */
    height: 24px;
    width: 420px;
  }

.code
  {
  }


/* - - - - - Email Form - - - - - */

#container form
  {
    text-align: center;
  }

#container input
  {
    margin: 5px 0 0 0;
  }

.formtext
  {
    font-size: 1.2em;
  }


/* - - - - - Signup Form - - - - - */

.signupform, .signupformtextarea
  {
    margin: 3px 0;
    padding: 0 0 6px 0;
  }

.signupform span
  {
    display: block;
    float: left;
    width: 145px;
    margin: 7px 0 0 0;
  }

.signupformtextarea span
  {
    display: block;
  }



/* - - - - - Index Page - - - - - */

#sitebutton
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }

#sitebutton li
  {
    position: relative;
    margin: 15px auto;
    width: 300px;
    height: 150px;
    border: 1px solid #FFF;
  }

#sitebutton li a
  {
    float: left;
    width: 300px;
    height: 25px;
    margin-top: 60px;
    padding-top: 5px;
    background: #FFF;
    border: solid #000;
    border-width: 2px 0;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }

#sitebutton li a:hover
  {
    text-decoration: none;
  }

#scanbutton
  {
    background: #FFF url(../graphics/scanmainpagebutton.jpg) left top no-repeat;
  }

#angelsbutton
  {
    background: #FFF url(../graphics_angels/angelsmainpagebutton.jpg) left top no-repeat;
  }