﻿/* CSS Document */

/*
CCS RESET 
STRUCTURAL DIVS


*/

/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus
{
    outline: 0;
}
body
{
    color: black;
    font-size: 62.5%;
    line-height: 1.2em;
    background: white;
}
ol, ul
{
    list-style: none;
}

ol
{
    list-style: decimal;
    margin-left: 20px;
}
ol li
{
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}

/* GLOBALS */
a, a:active, a:visited, a:link
{
    color: #002A44;
}
a:hover
{
    color: #01598B;
}
strong
{
    font-weight: bold;
}
p
{
    padding:0 0 15px 0;
}
p, li
{
    font-size: 1.2em;
    line-height: 1.2em;
}
ol  li{
    line-height: 2.1em;
}
h1
{
    padding: 15px 0 20px 0;
    font-size: 3em;
    font-family: Times New Roman, Times, Serif;
    text-transform: uppercase;
    text-align: center;
    line-height:1.2em;
}
h2
{
    padding: 10px 0 5px 0;
    font-size: 2.5em;
    font-family: Times New Roman, Times, Serif;
    text-transform: uppercase;
    line-height:normal;
}
h3
{
    padding: 15px 0 5px 0;
    font-size: 2em;
    font-family: Times New Roman, Times, Serif;
    text-transform: uppercase;
    line-height:normal;
}
#intro p
{
    font-size: 1.4em;
    line-height: 1.2em;
}
p.lead
{
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
}
#intro p.lead, #intro p.lead a
{
    color: #01598B;
}

ol.yellow, ol.blue
{
    margin-left: 0;
}
ol.yellow li, ol.blue li
{
    padding-left: 30px;
    list-style: none;
    background-position: left 0.2em;
    background-repeat: no-repeat;
}
ol.yellow li.item_one
{
    background-image: url(../img/am_list_yellow_1.gif);
}
ol.yellow li.item_two
{
    background-image: url(../img/am_list_yellow_2.gif);
}
ol.yellow li.item_three
{
    background-image: url(../img/am_list_yellow_3.gif);
}
ol.yellow li.item_four
{
    background-image: url(../img/am_list_yellow_4.gif);
}
ol.yellow li.item_five
{
    background-image: url(../img/am_list_yellow_5.gif);
}
ol.yellow li.item_six
{
    background-image: url(../img/am_list_yellow_6.gif);
}
ol.yellow li.item_seven
{
    background-image: url(../img/am_list_yellow_7.gif);
}
ol.yellow li.item_eight
{
    background-image: url(../img/am_list_yellow_8.gif);
}
ol.blue li.item_one
{
    background-image: url(../img/am_list_blue_1.gif);
}
ol.blue li.item_two
{
    background-image: url(../img/am_list_blue_2.gif);
}
ol.blue li.item_three
{
    background-image: url(../img/am_list_blue_3.gif);
}
ol.blue li.item_four
{
    background-image: url(../img/am_list_blue_4.gif);
}
ol.blue li.item_five
{
    background-image: url(../img/am_list_blue_5.gif);
}
ol.blue li.item_six
{
    background-image: url(../img/am_list_blue_6.gif);
}
ol.blue li.item_seven
{
    background-image: url(../img/am_list_blue_7.gif);
}
ol.blue li.item_eight
{
    background-image: url(../img/am_list_blue_8.gif);
}

/* SITEWIDE CLASSES */

.clear
{
    clear: both;
}
.hr
{
    display: block;
    width: 730px;
    height: 20px;
    margin: 0px;
    padding: 0;
    clear: both;
    background: url(../img/am_horizdiv.gif) repeat-x center center;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

img.right
{
    margin: 0 0 10px 10px;
}

img.left
{
    margin: 0 10px 10px 0px;
}
/* STRUCTURAL DIVS */

body
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 100%;
    background: #01598B url(../img/am_pagebck.jpg) repeat-x top center;
}
#outer_space
{
    background: url(../img/am_pagebot.jpg) repeat-x bottom center;
    width: 100%;
}
#wrapper
{
    position: relative;
    width: 954px;
    margin: 0px auto;
    text-align: left;
    background: url(../img/am_footbot.jpg) no-repeat bottom center;
}
#content_container
{
    width: 770px;
    margin: 0px auto;
}
#header
{
    position: relative;
    float: left;
    margin-top: 0px;
    width: 770px;
    height: 216px;
    background: url(../img/am_pagehead.jpg) no-repeat top;
}
#navigation
{
    position: relative;
    float: left;
    width: 770px;
    height: 48px;
}
#contentbckrpt
{
    position: relative;
    float: left;
    width: 770px;
    background: #ffffff url(../img/am_contentbck_rpt.jpg) repeat-y top;
    color: #000000;
}
#contentbcktop
{
    position: relative;
    float: left;
    width: 770px;
    background: url(../img/am_contentbck_top.jpg) no-repeat top;
}
#contentbckbot
{
    position: relative;
    float: left;
    width: 770px;
    padding-bottom: 23px;
    background: url(../img/am_contentbck_bot.jpg) no-repeat bottom;
}
#maincontent
{
    position: relative;
    float: left;
    width: 730px;
    margin: 0px;
    padding: 20px 20px 50px 20px;
}
.content_section
{
    padding: 0 10px;
    margin: 0;
}

#intro
{
    width: 710px;
    padding: 0 10px;
    margin: 0;
}
#leftcol
{
    float: left;
    width: 340px;
    clear: left;
}
#rightcol
{
    float: left;
    width: 340px;
    padding-left: 20px;
}
#footer
{
    position: relative;
    float: left;
    width: 770px;
    margin: 0;
    height: 185px;
    background: url(../img/am_puffin_logo.gif) no-repeat 5px 135px;
}

/* HEAD */

.contentlink
{
    position: absolute;
    left: -2999px;
}
#homelink
{
    position: absolute;
    width: 362px;
    height: 216px;
    top: 0px;
    left: 205px;
}
#homelink a
{
    display: block;
    width: 362px;
    height: 216px;
    text-indent: -2999px;
}

/* NAVIGATION */

#navigation ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 770px;
}
#navigation li
{
    list-style-type: none;
    margin: 0px 0px 0px 0;
    padding: 0px;
    float: left;
    display: inline;
    text-indent: -2999px;
}
#navigation ul li a
{
    background-position: right bottom;
    height: 34px;
    display: block;
}
#navigation li.home a
{
    width: 53px;
    background: url(../img/am_nav_home.jpg) no-repeat left bottom;
}
#navigation li.home a:hover
{
    background: url(../img/am_nav_home.jpg) no-repeat left top;
}
#navigation li.book a
{
    width: 81px;
    background: url(../img/am_nav_book.jpg) no-repeat left bottom;
}
#navigation li.book a:hover
{
    background: url(../img/am_nav_book.jpg) no-repeat left top;
}
#navigation li.gallery a
{
    width: 121px;
    background: url(../img/am_nav_gallery.jpg) no-repeat left bottom;
}
#navigation li.gallery a:hover
{
    background: url(../img/am_nav_gallery.jpg) no-repeat left top;
}
#navigation li.submit a
{
    width: 161px;
    background: url(../img/am_nav_submit.jpg) no-repeat left bottom;
}
#navigation li.submit a:hover
{
    background: url(../img/am_nav_submit.jpg) no-repeat left top;
}
#navigation li.books a
{
    width: 104px;
    background: url(../img/am_nav_books.jpg) no-repeat left bottom;
}
#navigation li.books a:hover
{
    background: url(../img/am_nav_books.jpg) no-repeat left top;
}
#navigation li.confidential a
{
    width: 158px;
    background: url(../img/am_nav_confidential.jpg) no-repeat left bottom;
}
#navigation li.confidential a:hover
{
    background: url(../img/am_nav_confidential.jpg) no-repeat left top;
}
#navigation li.planes a
{
    width: 92px;
    background: url(../img/am_nav_planes.jpg) no-repeat left bottom;
}
#navigation li.planes a:hover
{
    background: url(../img/am_nav_planes.jpg) no-repeat left top;
}

/* CONTENT */

#leftcol h2, #rightcol h2
{
    text-align: left;
}
.galleryitem
{
    position: relative;
    float: left;
    width: 150px;
    margin: 10px 25px 7px 0px;
    display: inline;
}
.galleryitem img
{
    padding-bottom:5px;
}
.galleryitem a
{
    background: url(../img/am_linkarrow.gif) no-repeat 0 4px;
    padding: 0 0 0 15px;
    font-size: 0.9em;
    text-decoration: none;
}
.galleryitem a:hover
{
    background: url(../img/am_linkarrow.gif) no-repeat 0 -10px;
}

/* FOOTER */

p.glider
{
    position: absolute;
    margin-top: -75px;
    margin-left: -60px;
    z-index: 4000;
}
#footer p.colfer img
{
    float: right;
}
#footer p.legal
{
    font-size: 1.1em;
    color: #014E7C;
    line-height: 1.5em;
    padding: 10px 0 0 40px;
    clear: both;
    background: url(../img/am_horizdiv_footer.gif) repeat-x top center;
    text-align: left;
    height:3em;
}
#footer a
{
    color: #014E7C;
}

/* HOME PAGE */

.home #maincontent
{
    padding-bottom: 0;
}
.home #intro
{
    background: url(../img/am_vertdiv.gif) repeat-y 195px top;
    margin: 0;
    padding: 0;
    width: 730px;
}
.home #rightcol
{
    background: url(../img/am_vertdiv.gif) repeat-y left top;
}
.home img.jacket
{
    padding: 10px 5px 10px 5px;
    float: left;
    margin: 0 20px 0 0;
}
.home h1, .home #intro p.lead
{
    text-align: center;
    float: left;
    width: 515px;
}
.home h2
{
    padding-left: 30px;
}
.home embed
{
    margin-top: 10px;
}

/* BOOK PAGE */

.book #maincontent
{
    padding-bottom: 0;
}
.book #intro
{
    background: url(../img/am_vertdiv.gif) repeat-y 195px top;
    margin: 0;
    padding: 0;
    width: 730px;
}
.book #rightcol
{
    background: url(../img/am_vertdiv.gif) repeat-y left top;
}
.book img.jacket
{
    padding: 30px 2px 10px 5px;
    float: left;
    margin: 0 20px 0 0;
}
.book h1, .book #intro p.lead
{
    text-align: left;
    float: left;
    width: 515px;
}
.book ul li
{
    font-size: 1.4em;
    line-height: 1.6em;
}


/* GALLERY PAGE */
.gallery #maincontent
{
    padding-bottom: 0;
}

.gallery h1, .gallery h2
{
    text-align: center;
}

.gallery #rightcol
{
    background: url(../img/am_vertdiv.gif) repeat-y left top;
}

.gallery .galleryitem
{
    height: 170px;
}

/* MORE BOOKS PAGE*/

.books .galleryitem
{
    height: 250px;
}

/* SUBMIT */
.submit #leftcol
{
    background: url(../img/am_vertdiv.gif) repeat-y right top;
}

.submit h1
{
    text-align: center;
}
.submit ol
{
    /*width: 350px;*/
}

.submit .planes
{
    float: right;
    margin: 50px 50px 0 0;
}

/* PLANES PAGE */
.planes h1
{
    text-align: left;
}
/*.planes #intro
{
    float: left;
    width: 450px;
    clear: left;
}
.planes #rightcol
{
    width: 230px;
    float: left;
    background: url(../img/am_vertdiv.gif) repeat-y left top;
}
*/
.planes h2, .planes #planes
{
    text-align: center;
}
#planes .galleryitem
{
    text-align: left;
}

/* FORMS */

label
{
    float: left;
    width: 15em;
}
.feedback
{
    position: absolute;
    margin-left: 11em;
    left: 245px;
}
.textbox
{
    width: 180px;
}
.checkbox
{
    margin: 0 10px 0 0;
}
.parentaldisclaimer
{
    padding: 15px 0px 0px 0px;
    line-height: 1.5em;
}

/*  TABLES  */
table
{
    width: 100%;
    font-size: 1.2em;
    line-height: 1.5em;
}
table td
{
    padding-bottom: 15px;
    text-align: left;
}
table a
{
    text-decoration: none;
    color: #000000;
}
