/* CSS Document */

/* BogoBlue.com */
/* Created by Ryan Sorensen : helloryan.com */


/*********** TABLE OF CONTENTS START ***********\

	1. Global Styles
	2. Navigation

\*********** TABLE OF CONTENTS END *************/



/*\\\\\\\\ 1. Global Styles \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/* Set to Zero */
* {
    margin: 0px;
}

/* No Dotted Lines */
a {
    outline: none;
}

:focus {
    -moz-outline-style: none;
}

/* Other */
html {
    height: 100%;
    text-align: center;
}

body {
    text-align: center;
    background-image: url(images/bg.gif);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #0D6826;
    min-width: 780px;
    height: 100%;
}

#maincontainer {
    background-image: url(images/bg.gif);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: left;
    margin: 0 auto;
    width: 780px;
    position: relative;
    min-height: 100%;
}

#textarea {
    text-align: left;
    clear: both;
    padding: 5px 50px 150px 50px; /* background-image: url(images/text-bg.gif); */
}

#book h1 {
    position: relative;
    width: 210px;
    height: 134px;
    background-image: url(images/book.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    float: left;
}

* html #maincontainer {
    height: 100%;
}

#footer {
    position: relative;
    margin-top: -7.5em;
    background-image: url(images/footer.jpg);
    background-repeat: no-repeat;
    width: 780px;
    height: 115px;
    text-indent: -9999px;
    margin: -115px auto 0 auto;
}

#titlecontainer {
    padding: 0px 20px 0px 20px;
    position: relative;
    clear: both;
}

#welcometitle {
    height: 47px;
    width: 176px;
    background-image: url(images/headline-welcome.png);
    text-indent: -9999px;
}

#cardtitle {
    height: 47px;
    width: 325px;
    background-image: url(images/headline-card.png);
    text-indent: -9999px;
}

#frozentitle {
    height: 47px;
    width: 214px;
    background-image: url(images/headline-frozen.png);
    text-indent: -9999px;
}

#candlestitle {
    height: 47px;
    width: 154px;
    background-image: url(images/headline-candles.png);
    text-indent: -9999px;
}

#fundtitle {
    height: 47px;
    width: 344px;
    background-image: url(images/headline-fundraising.png);
    text-indent: -9999px;
}

#abouttitle {
    height: 47px;
    width: 169px;
    background-image: url(images/headline-about.png);
    text-indent: -9999px;
}

/*\\\\\\\\ 2. Navigation \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#navcontainer {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 80px;
    left: 210px;
    clear: both;
    width: 540px;
    height: 23px;
    float: none;
}

#navcontainer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    color: #4485b1;
    font-size:9px;
}

#navcontainer ul li {
    float: left;
}

#navcontainer ul li a {
    text-decoration: none;
    float: left;
    margin: 0px;
}

#navcontainer li a:hover {
    background-color: #FF3333;
    background-position: 0 -23px;
}

#subnavcontainer {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 110px;
    left: 210px;
    clear: both;
    width: 540px;
    float: none;
    text-align: right;
    font-family: Arial Narrow;
    font-size: 1em;
    color: #006cb5;
}

#subnavcontainer a {
    color: #006cb5;
    padding-right: 0px;
    padding-left: 0px;
    text-decoration: none;
}

#subnavcontainer a:hover {
    text-decoration: underline;
}

#subnavcontainer span {
    padding-left: 7px;
    padding-right: 5px;
}

#welcome {
    background: url(images/nav-welcome.gif) 0 -46px no-repeat;
    margin: 0px;
    height: 23px;
    width: 65px;
}

#buy {
    background: url(images/nav-card.png) 0 -46px no-repeat;
    margin: 0px;
    height: 23px;
    width: 128px;
}

#frozen {
    background: url(images/nav-frozen.png) 0 -46px no-repeat;
    margin: 0px;
    height: 23px;
    width: 89px;
}

#candles {
    background: url(images/nav-candles.png) 0 -46px no-repeat;
    margin: 0px;
    height: 23px;
    width: 64px;
}

#fundraising {
    background: url(images/nav-fundraising.gif) 0 -46px no-repeat;
    margin: 0px;
    height: 23px;
    width: 112px;
}

#about {
    background: url(images/nav-about.gif) 0 -46px no-repeat;
    margin: 0px;
    height: 23px;
    width: 68px;
}

#welcomeactive {
    background: url(images/nav-welcome.gif) no-repeat;
    margin: 0px;
    height: 23px;
    width: 65px;
}

#buyactive {
    background: url(images/nav-card.png) no-repeat;
    margin: 0px;
    height: 23px;
    width: 128px;
}

#frozenactive {
    background: url(images/nav-frozen.png) no-repeat;
    margin: 0px;
    height: 23px;
    width: 89px;
}

#candlesactive {
    background: url(images/nav-candles.png) no-repeat;
    margin: 0px;
    height: 23px;
    width: 64px;
}

#fundraisingactive {
    background: url(images/nav-fundraising.gif) no-repeat;
    margin: 0px;
    height: 23px;
    width: 112px;
}

#aboutactive {
    background: url(images/nav-about.gif) no-repeat;
    margin: 0px;
    height: 23px;
    width: 68px;
}