body {

padding: 0; 

margin: 0;  

background: #f1f1fb url('images/bg.jpg') repeat-x;

text-align: center;

}



#container {

text-align: left;

width: 963px;

margin: 0 auto;

border-left: 2px solid #6767bc;

border-right: 2px solid #6767bc;

border-bottom: 2px solid #6767bc;

background-color: #ccccff;

}



/* ----------------- HEADER AND BANNER GRAPHIC ------------------ */



#header {

width: 963px;

height: 179px;

background-image: url(images/headerBG.jpg);

}



/* ----------------- NAVIGATION: Global Attributes ------------------ */



#nav {

width: 963px;

height: 30px;

}



#nav ul {

font-family: Arial, Helvetica, Sans-serif;

background-color: #123f7b;

font-size: 0.6em;

font-weight: bold;

border-top: 1px solid white;

margin: 0;

padding: 0;

list-style: none;

}



#nav li {

float: left;

border-right: 1px dotted white;

}



/* ----------------- NAVIGATION: Text Attributes ------------------ */



#nav a {

color: #FFFFFF;

padding: 9px;

background-color: #123f7b;

display: block;

text-decoration: none;

}



#nav li a:hover {

background-color: #1c5eb5;

}



/* ----------------- NAVIGATION: Drop Down Attributes ------------------ */



#nav li li {

width: 22em;

float: none;

border-bottom: 1px solid #0f315e;

border-right: none;

}



#nav li li a {

color: #FFCC33;

margin: 0px;

padding: 8px;

list-style: none;

width: auto;

height: 12px;

}



#nav li ul {

font-size: 1.0em;

position: absolute;

left: -999em;

border: none;

padding: 8px;

margin: 0;

}



#nav li:hover ul, #nav li.sfhover ul {

left: auto;

}



/* ----------------- REGISTER ------------------ */



#left-content img.register {

width: auto;

height: auto;

padding: 0;

padding-top: 1px;

margin: 0;

float: left;

border: 0;

}



#register {

margin: 0;

padding: 0;

color: #000000;

}



#left-content li.register_flower {

list-style: none;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 1.0em;

float: left;

width: 279px;

height: 33px;

text-align: center;

margin: 1px 0px 20px 0px;

padding: 0;

background-image: url(images/register_purple.gif);

color: #000000;

letter-spacing: 1px;

}





#left-content li.register_breath {

list-style: none;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 1.0em;

float: left;

width: 279px;

height: 33px;

text-align: center;

margin: 1px 0px 20px 0px;

padding: 0;

background-image: url(images/register_tan.gif);

color: #000000;

letter-spacing: 1px;

}



#left-content li.register_flower a:link {

list-style: none;

color: #000000;

text-decoration: none;

}





#left-content li.register_breath a:link {

list-style: none;

color: #000000;

text-decoration: none;

}



#left-content li.register_flower a:visited {

color: #000000;

text-decoration: none;

}



#left-content li.register_breath a:visited {

color: #000000;

text-decoration: none;

}



#left-content li.register_flower a:hover {

text-decoration: underline;

color: #FFFFFF;

}





#left-content li.register_breath a:hover {

text-decoration: underline;

color: #FFFFFF;

}



/* ----------------- LEFT CONTENT ------------------ */



#left-content {

margin: 20px 0px 0px 15px;

padding: 0px;

float: left;

height: 600px auto;

width: 560px;

}

#left-content2 {

margin: 20px 0px 0px 15px;

padding: 0px;

float: left;

height: 600px auto;

width: 900;

text-align: center;

}



#left-content img {

float: left;

border: 1px solid gray;

padding: 5px;

margin-right: 10px;

}



#left-content img.diagrams {

text-align: center;

float: none;

margin: 10px;

border: 0;

padding: 5px;

}



#left-content li {

list-style: disc outside none;

font-family: Arial, Helvetica, sans-serif;

line-height: 2em;

font-size: 0.7em;

font-weight: bold;

}



p.quotes {

font-style: italic;

font-size: 0.7em;

font-weight: bold;

line-height: 1.5em;

color: #CC0000;

}



p.small-text {

font-family: Arial, Helvetica, sans-serif;

font-size: 0.6em;

text-indent: 14px;

color: #000000;

margin: 0;

padding: 0;

}



#left-content object {

border: 0;

padding: 0;

}



/* ----------------- LEFT CONTENT: STORE ------------------ */

#left-content h1 {

margin: 0;

margin-top: 25px;

padding: 0;

}



#left-content table {

padding: 0px;

margin: 0px;

}



#left-content img.storepics {

margin: 25px 10px 0px 0px;

padding: 5px;

border: 1px solid gray;

}



#left-content img.dividers {

clear: both;

float: none;

margin: 0;

padding-top: 10px;

border: none;

}



#store {

list-style: none;

float: left;

width: auto;

height: auto;

margin: 0;

padding: 0;

display: block;

margin-bottom: 30px;

}



#store li {

list-style: none;

float: left;

padding: 75px 35px 0px 35px;

background-image: url(images/store/store_icons_alt.gif);

text-align: center;

margin-right: 28px;

}



#store li a:link {

color: #333333;

text-decoration: none;

}



#store li a:visited {

color: #333333;

text-decoration: none;

}



#store li a:hover {

color: #0000FF;

text-decoration: underline;

}



li.books {

background-position: 205px -18px;

}



li.audios {

background-position: 205px -110px;

}



li.dvds {

background-position: 200px -202px;

}



li.ebooks {

background-position: 205px -292px;

}



li.books-selected {

background-position: 205px 387px;

}



li.audios-selected {

background-position: 205px 295px;

}



li.dvds-selected {

background-position: 200px 203px;

}



li.ebooks-selected {

background-position: 205px 113px;

}



/* ----------------- RIGHT CONTENT ------------------ */



#right-content {

background-color: #FFFFFF;

margin: 0;

margin-top: 2px;

padding: 4px;

float: right;

width: 345px;

height: auto;

}



#right-content img {

margin: 0;

padding: 0;

float: left;

}



#right-content img.dividers {

clear: both;

display: block;

margin: 0;

padding-top: 15px;

}



h1 {

margin: 0;

padding: 0;

margin-top: 10px;

text-align: left;

font-family: Georgia, "Times New Roman", Times, serif;

font-style: normal;

font-weight: bolder;

font-size: 0.7em;

color: #333333;

}



h1 a:link {

color: #333333;

text-decoration: none;

}



h1 a:visited {

color: #333333;

text-decoration: none;

}



h1 a:hover {

color: #0000FF;

text-decoration: underline;

}



h2 {

margin: 0;

text-align: left;

font-family: Georgia, "Times New Roman", Times, serif;

font-style: normal;

font-weight: bolder;

font-size: 1.2em;

color: #000000;

}



h3 {

margin: 0;

margin-top: 10px;

padding: 0;

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 0.9em;

}



h4 {

margin: 0;

margin-top: 10px;

margin-bottom: 10px;

padding: 0;

text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 0.7em;

}



p {

margin: 0;

margin-top: 10px;

padding: 0;

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 0.8em;

font-weight: normal;

}

p.break {
clear: both;
}

#right-content table {

border-left: 1px solid gray;

border-bottom: 1px solid gray;

}



/* ----------------- FOOTER ------------------ */



#footer {

clear: both;

margin: 0;

padding: 0;

width: 963px;

}



#footer ul {

margin: 0px;

padding: 20px 0px 0px 140px;

width: 800px;

}



#footer ul li {

float: left;

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 10px;

width: 175px;

list-style: none;

text-transform: capitalize;

padding: 4px;

}



#footer ul li a:link {

color: #414040;

text-decoration: none;

}



#footer ul li a:hover {

color: #FF0000;

text-decoration: underline;

}



#footer a:visited {

color: #333333;

text-decoration: none;

}



/* ----------------- COPYRIGHT ------------------ */



#copyright {

margin: 0px;

padding: 0px;

clear: both;

text-align: center;

font-family: Arial, Helvetica, Sans-serif;

font-size: 0.6em;

color: #333333;

letter-spacing: 1px;

height: 30px;

}



#copyright a:link, #copyright a:visited {

color: #333333;

text-decoration: none;

}



#copyright a:hover {

color: #FF0000;

text-decoration: underline;

}