/*
=general
=page structure
=navigation =header
=content
=misc
=print
=footer
*/

/*
=general
---------------------------------------------- */

html, body
{
    width: 100%;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    line-height: 1.8em;
    color: #777;
    background-color: #ccc;
}

table, tr, td, input, select, textarea, ol, ul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: .5em 0;
    vertical-align: top;
}

a img, img
{
    border: 0;
}

.ds {-webkit-box-shadow: 0px 5px 6px 2px rgba(0,0,0,0.3);
             box-shadow: 0px 5px 6px 2px rgba(0,0,0,0.3);}
.sp { margin: 15px 0}

code, pre
{
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3
{
    font-family: "Helvetica Neue", Helvetica, sans-serif;
line-height: 1em; font-weight:normal;
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 2em;
    padding: .5em 0 .5em 0;
    color: #74C5E7;
}

a h1 { text-decoration: none;
}

h2
{
    font-size: 1.4em;
    padding: .5em 0;
    color: #74C5E7;
text-transform: uppercase;
}

h3
{
    font-size: 1.2em;
    padding: .5em 0;
    color: #74C5E7;
line-height: 1.2em;
}

h4
{
   font-size: .9em;
   font-weight: normal;
   padding-bottom: .8em;
   margin: 0;
}

.hide
{
    position: absolute;
    left: -999em;
}

.nodeco 
{ 
color: #777;
line-height:18px;
text-decoration: none;
font-weight: normal;
}

.nodec 
{ 
text-decoration: none;
font-weight: normal;
}

a
{
    color: #74C5E7;
    font-weight: bold;
}

a:hover
{
    color: #74C5E7;
    text-decoration: none;
}

a:visited
{
    color: #74C5E7;
}

p   
{
    margin: 0;
    padding-bottom: 1.5em;
}

ul
{
    margin: 0;
    margin-left: 20px;
}

li
{
    padding-bottom: 1.5em;
}

hr
{
    border: 1px solid #BBCED3;
}

.halo {
	padding: 12px;
	border-collapse: collapse;
        background-color:#FFFFFF;
        border:1px solid #74C5E7;

	-moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
         border-radius: 6px;
	}

/*
=page structure
---------------------------------------------- */

#container 
{
    margin: 20px;
    padding: 35px;
    min-width: 700px;
    background-color: #fff;
}

#content
{
    position: relative;
    height: 400px;
    min-height: 400px;
    width: 435px;
    padding: 20px 0 0;
    margin: 0;
}

#cent
{ 
color: #0BC;
text-align: center;
font-size: 1.25em;
font-weight:bold;
}

#sig
{
text-align: right;
font-size: 0.9em;
}

@media all  /* this hides the style from IE5 mac */
{
    *>#content
    {
        height: auto;
    }
}



/*
=page content
---------------------------------------------- */

#content h1
{
    text-transform: uppercase;
}

#content ul
{
    padding: 0;
    margin: 0 0 0 13px;
}

#content li
{

}

img.book
{
    float: left;
    padding: 0;
    margin: 0 10px .2em 0;
}

.top 
{
    padding: 1em 0;
    display: block;
}

.leaders
{
    position: absolute;
    left: 500px;
    width: 275px;
    text-align: center;
}

.leaders img
{
    margin: 20em 0 0;
}

.display_0
{
    position: absolute;
    left: 480px;
    text-align: center;
}
.display_1
{
    position: absolute;
    left: 500px;
    text-align: center;
    width: 273px;
}

.display_2
{
    position: absolute;
    left: 500px;
    text-align: center;
    width: 235px;
}

.display_1 p
{
    font-size: .9em;
    line-height: 1.3em;
    padding: .5em 5px;
}

.cover
{
    position: absolute;
    left: 555px;
}

.display_3
{
    position: absolute;
    right: -240px;
    border: 1px solid blue;
}        


.grid
{
    width: 140px;
    position: absolute;
    left: 655px;
    top: 50px;
}

.gift
{
    text-align: center;
    margin: 2em 0;
}    

/* =photo gallery
---------------------------------------------- */

.photo_gallery
{
    position: absolute;
    width: 140px;
    top: 25px;
}


.photo_gallery div
{
    background: url(/assets/103/thumb-bg.gif) no-repeat 0px 0px;
    padding: 10px;
    width: 140px;
    margin: 0 11px 11px 0;
    clear: both;
}

.photo_gallery div div
{
    margin: 0;
}

.photo_gallery img
{
    margin: 0 auto;
}

.photo_gallery br
{
    clear: both;
}

#large-photo {
    background: url(/assets/104/test.jpg) no-repeat;
    width: 643px; 
    height: 435px; 
    margin: 0 0 2em; 
    padding: 10px 10px 0;
}

.books td
{
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: .5em 10px .7em 10px;
    background-color: #eee;
}

#content ul.links
{
    list-style: none;
    padding: 0;
    margin: 0 0 2em;
}

#content ul.links li
{
    margin: 0;
    padding: 0;
}


dl
{
    margin: 0;
}

dt
{
    font-weight: bold;
    margin: 0;
}

dd
{
    margin: 0 0 1em;
}


/*
=headers
---------------------------------------------- */

h1.logo
{
    background: url(/assets/102/spirit-logo.gif) no-repeat 0 0;
    width: 127px;
    height: 44px;
    padding: 0;
    margin: 0;
}

h1.logo span
{
    text-indent: -999em;
    font-size: .1em;
}

@media all  /* this hides the style from IE5 mac */
{
    h1.logo span
    {
        position: absolute;
        left: -999px;
        text-indent: 0;
    }
}

/*
=navigation =header
---------------------------------------------- */

#top-nav
{
    padding: 0;
    margin: 0;
    width:  900px;
}

#top-nav ul
{
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

#top-nav li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#top-nav a
{
    font-weight: bold;
    font-size: 1.2em;
    color: #ccc;
    text-decoration: none;
    display: block;
    float: left;
    margin: 20px 20px 0 0;
}

#top-nav a:hover, #top-nav a.active
{
    color: #74C5E7;
}



/*
=misc
---------------------------------------------- */


a.pdf
{
   /*background: url(/images/pdf.gif) left no-repeat;*/
   padding: 4px 0 4px 24px;
   display: block;
   margin-bottom: .5em;
}


/*
=print
---------------------------------------------- */

.print_only
{
    display: none;
}


/*
=footer
---------------------------------------------- */

#footer {
    text-align: center;
    padding: 0 0 20px;
    font-size: .9em;
}


#footer a {
    text-decoration: underline;
    color: #777;
}

#footer a:hover {
    text-decoration: underline;
    color: #fff;
}