body { 
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #003366;
	margin: 0;
}
h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
}
h2 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h3 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h4 {
	font-size: 1.05em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
img {
	border: 0;
}
ol, ul, li {
}
ul {
    margin-left: 1em;
	padding-left: 0;
}
li {
	margin-top: 0.2em;
	margin-bottom: 0.4em; 
	font-size: .95em;
}
pre {
	font-family: monospace;
	font-size: 1.0em;
}

a	{ color: #3399cc; }
a:hover {color: #cc3399;}

.contentwrap {
    padding: 2px 12px;
}

#hbar {
    font-size: 1.2em;
	line-height: 20px;
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0 10px;
    clear: both;
	width: 559px;
	background: #70adad;
}
.section1 #hbar { background: #63a0dd; }
.section2 #hbar { background: #9bc392; }
.section3 #hbar { background: #83bcc0; }
.section4 #hbar { background: #70adad; }
.section5 #hbar { background: #839dc0; }

div.crumb {
    padding: 12px 0 0 181px;
	float: left;
	width: 474px; 
	font-size: .9em;
	color: #336699
}

/* Structure */
body {
	padding: 0;
	margin: 15px;
	height: 100%;
}
#main {
    position: relative;
	width: 760px;
	padding: 0;
	margin: 0 auto;
}
#masthead {
    position: relative;
	width: 760px;
	height: 62px;
	background: #336699 url("/images/bg-top.gif") repeat-y left;
	margin: 0;
}
#ul-icon {
	position: absolute;
	top: 0;
	left: 0;
    height: 62px;
	width: 168px;
	background: url("/images/bg-top-ul.gif") no-repeat left top;
}
#ribbon {
	position: absolute;
    overflow: hidden;
    top: 5px;
	right: 10px;
	width: 81px;
    background: url("/images/ribbon.gif") no-repeat;
    padding-top: 53px;
    height: 0px !important;
    height /**/: 53px;
}

#masthead h1 {
    position: relative;
	top: 4px;
    display: block;
    width: 135px;
	height: 54px;
    background: url("/images/athena-logo.gif") no-repeat;
    border: 0;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#masthead h1 a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 54px;
    height: 0px !important;
    height /**/: 54px;
    width: 135px;
}

.imgleft {
    float: left;
	margin: 0 15px 5px 0;
}
.imgright {
    float: right;
	margin: 0 0 5px 10px;
}

.visualClear {
    display: block;
    clear: both;
	font-size: 0;
}

#actions {
    width: 93px;
	float: right;
}
#actions, #actions ul, #actions li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#newsletter {
   background: url("/images/btn-newsletter.gif") no-repeat right center;
}

#tellafriend {
   background: url("/images/btn-tellafriend.gif") no-repeat right center;
}

#actions li a {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 21px;
    height: 0px !important;
    height /**/: 21px;
}

/* End Structure */
/* footer */
#foot-bar, #foot-bar ul, #foot-bar li, #foot-bar div {
	padding: 0;
	margin: 0;
	list-style: none;
}
#foot-bar ul {
    width: 556px;
	margin: 0 auto;
}
#foot-bar a {
	display: block;
	text-decoration: none;
	font-size: .8em;
    padding: 5px 3px;
}
#foot-bar li a {
    font-weight: bold;
	color: #ffffff;
}
#foot-bar li {
    position:relative;
	float: left;
	text-transform: uppercase;
}
#foot-bar div a {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    height: 0px !important;
    height /**/: 20px;
}
#foot1 div {
    background: url("/images/footer-contact-us.gif") no-repeat center center;
    width: 151px;
	border-right: 1px solid #99cccc;
}
#foot2 div {
    background: url("/images/footer-privacy-policy.gif") no-repeat center center;
    width: 253px;
	border-right: 1px solid #99cccc;
}
#foot3 div {
    background: url("/images/footer-site-map.gif") no-repeat center center;
    width: 150px;
}
#footer {
    clear: both;
	text-align: center;
    position: relative;
	width: 760px;
	padding: 0;
	margin: 1px auto 8px auto;
}
#ftbottle {
    overflow: hidden;
    width: 103px;
    margin: 0;
	padding: 0;
	position: absolute;
	bottom:58px;
	left: 20px;
	background: url("/images/foot-bottle.gif") no-repeat;
    padding-top: 134px;
    height: 0px !important;
    height /**/: 134px;
}
#foot-bar {
    background: url("/images/bg-bottom.gif") repeat-y center;
}
#foot-bar2 {
    color: #336699;
	height: 20px;
}
#foot-bar3 {
    color: #336699;
	height: 30px;
}
#footer {
    color: #336699;
}
#footer a {
    color: #336699;
	font-size: .75em;
	line-height: 2em;
	padding: 0;
    text-decoration: none;
}
#footer a:hover {
    color: #cc3399;
}

#foot-bar a {
    color: #ffffff;
}

#maincontent {
    width: 404px;
	float: left;
}
#sidecontent {
	height: 450px;
	width: 175px;
	float: left;
}
.section1 #sidecontent { background:url(/images/rnav/rBg_water.gif) no-repeat top; }
.section2 #sidecontent { background:url(/images/rnav/rBg_resources.gif) no-repeat top; }
.section3 #sidecontent { background:url(/images/rnav/rBg_inspirations.gif) no-repeat top; }
.section4 #sidecontent { background:url(/images/rnav/rBg_support.gif) no-repeat top; }
.section5 #sidecontent { background:url(/images/rnav/rBg_about.gif) no-repeat top; }

#container {
    position:relative;
    z-index: 40;
	width: 760px;
	float: right;
	margin-left: -181px;
	overflow-x: hidden;
}

#content {
	margin: 0 0 0 181px;
}

#sidebar {
    position:relative;
    z-index: 50;
	width: 181px;
	float: left;
}

/* Nav */
#nav-bar {
    width: 169px;
	margin: 0;
}
#nav-bar h3 {
    display: none;
}

#nav, #nav ul, #nav li, #nav div {
	padding: 0;
	margin: 0;
	font-size: 1em;
	list-style: none;
}
#nav a {
	display: block;
	text-decoration: none;
	font-size: .8em;
    padding: 5px 3px;
}
#nav li a {
    font-weight: bold;
	color: #ffffff;
}
#nav li {
	text-transform: uppercase;
	margin-bottom: 5px;
}
#nav li ul ul li a {
    color: #3399cc;
	font-weight: normal;
}
#nav li ul li {
    display: inline;
    margin-bottom: 0;
}
#nav li ul li a {
    padding-left: 12px;
    color: #336699;
	text-transform: none;
}
#nav li ul li a:hover {
	background: url("/images/bg-sub-hover.gif") no-repeat left center;
}
#nav a:hover {
	background: url("/images/bg-main-off.gif") no-repeat 0 2px;
}
#nav li div a {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 24px;
    height: 0px !important;
    height /**/: 24px;
}
#nav0-1 div {
    background: #63a0dd url("/images/lnav/lnav_products.gif") no-repeat left;
}

#nav0-2 div {
    background: #9bc392 url("/images/lnav/lnav_resources.gif") no-repeat left;
}
#nav0-3 div {
    background: #83bcc0 url("/images/lnav_inspirations.gif") no-repeat left;
}
#nav0-4 div {
    background: #70adad url("/images/lnav_support.gif") no-repeat left;
}
#nav0-5 div {
    background: #839dc0 url("/images/lnav_about.gif") no-repeat left;
}

#nav0-6 div {
    background: #839dc0 url("/images/lnav_chocolate.gif") no-repeat left;
}

/* Misc */
.pink {
	color: #C61E8A;
	font-weight: bold;
} 
.morelink {
	display: block;
	text-align: right;
}
.lede-content p { margin: 0; }
p.headline { /* based on h2 */
	font-size: 1.2em;
	font-weight: bold;
}
p.headline a {
	text-decoration: none;
}
.lede-content {
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
	float: left;
	width: 235px;
	zoom: 1;
}
.lede-icon {
	float: left;
	width: 130px;
	margin: 15px 15px 0 0em;
	padding: 0;
	text-align: center;
	zoom: 1;
}
.product-content p { margin: 0; }
.product-content {
	padding: 0;
	margin: 15px 0 0 0;
	width: 265px;
	float: right;
}
.product-icon {
	float: right;
	clear: both;
	width: 100px;
	margin: 15px 15px 0 0em;
	padding: 0;
	text-align: right;
}