
a:link		{ color:#fff; }
a:visited	{ color:#fff; }
a:hover		{ text-decoration:none; }
a:active	{ color:#fff; }

* {
    margin: 0;
    padding: 0;
}

body {
    background: url(graphics/background.gif) repeat-x #3b1746;
}

div#container { 
    position: relative;
    margin: 0 auto 0 auto;
    width: 942px;
}

div#header {
    position: relative;
    width: 942px;
    height: 179px;
    background: url(graphics/header.gif);
}

div#footer {
    position: relative;
    margin: 0 auto 0 auto;
    width: 942px;
    height: 192px;
}

div#footer-wrapper {
    position: relative;
    background: center url(graphics/bottom-wave.gif);
    clear: both;
}

div#footer-left, div#footer-right {
    position: absolute;
    height: 92px;
    top: 100px;
}

div#footer-left {
    width: 530px;
    left: 0;
}

div#footer-left p {
    margin: 0 0 10px 0;
    color: #ffffff;
    font-family: verdana;
    font-size: .6em;
    line-height: 1.5;
}

div#footer-right {
    width: 400px;
    left: 531px;
    text-align: right;
}

div#footer a img {
    border: 0;
}

div#footer a {
    color: #ffffff;
    text-decoration: none;
}

div#footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}


div#navbar {
    position: relative;
    width: 942px;
    height: 64px;
    background: url(graphics/navbar2-off.gif);
}

a#home      { position: absolute; left:   0px; width:  92px; height: 64px; text-decoration: none; }
a#aboutus   { position: absolute; left:  92px; width: 124px; height: 64px; text-decoration: none; }
a#products  { position: absolute; left: 216px; width: 108px; height: 64px; text-decoration: none; }
a#shop      { position: absolute; left: 324px; width: 144px; height: 64px; text-decoration: none; }
a#news      { position: absolute; left: 468px; width: 111px; height: 64px; text-decoration: none; }
a#contactus   { position: absolute; left: 579px; width: 133px; height: 64px; text-decoration: none; }
a#education { position: absolute; left: 712px; width: 230px; height: 64px; text-decoration: none; }

a#home:hover      { background-image: url(buttons/home-on.gif) }
a#aboutus:hover   { background-image: url(buttons/aboutus-on.gif) }
a#products:hover  { background-image: url(buttons/products-on.gif) }
a#shop:hover      { background-image: url(buttons/shop-on.gif) }
a#news:hover      { background-image: url(buttons/news-on.gif) }
a#contactus:hover { background-image: url(buttons/contactus-on.gif) }
a#education:hover { background-image: url(buttons/education-on.gif) }


a#home.active      { background-image: url(buttons/home-on.gif) }
a#aboutus.active   { background-image: url(buttons/aboutus-on.gif) }
a#products.active  { background-image: url(buttons/products-on.gif) }
a#shop.active      { background-image: url(buttons/shop-on.gif) }
a#news.active      { background-image: url(buttons/news-on.gif) }
a#contactus.active { background-image: url(buttons/contactus-on.gif) }
a#education.acive  { background-image: url(buttons/education-on.gif) }



div#content-home {
    color: #ffffff;
    font-size: .8em;
    font-family: verdana, helvetica, sans-serif; 
}

div#content-home p {
    padding: 10px 0 10px 0;
}

img#home-image {
    padding-bottom: 15px;
}

.hidden {
    visibility: hidden;
}



div#content-image, div#content-image {
    float: left;
    background-color: transparent;
}

div#content-image {
    width: 300px;
}

div#content-text {
    padding-top: 20px;
    margin-left: 310px;
    width: 630px;
    color: #ffffff;
}

div#content-text h1 { font-size: 1.4em; font-family: helvetica, verdana, arial, sans-serif; }
div#content-text h2 { font-size: 1.3em; font-family: helvetica, verdana, arial, sans-serif; }
div#content-text h3 { font-size: 1.2em; font-family: helvetica, verdana, arial, sans-serif; }



div#content-text p {
    margin: 10px 5px 10px 5px;
    font-size: .8em; 
    font-family: helvetica, verdana, arial, sans-serif;
    line-height: 1.5;
	color: #d1c6d6;
}

div#content-text ul {
    margin: 0 0 0 30px; /* Lisa, this last entry scoots the whole list to the right */
}

div#content-text ul li {
    color: #d1c6d6;
    font-size: .8em;
	font-family: helvetica, verdana, arial, sans-serif;
}






