body, html {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:#cecfef; font-size:95%; text-align:center;}


/* ===== OUTER ===== */

.outer {max-width:976px; min-width:755px; margin:0 auto 0 auto; padding:0 10px; text-align:left; position:relative;}
* html .outer {width:755px;}
* html .minwidth {border-left:755px solid #fff; margin:0; position:relative; float:left; z-index:1;}
* html .container {margin-left:-755px; position:relative; float:left; z-index:2; text-align:left; background:#cecfef;}


/* ===== HEADER and LOGO ===== */

#logo {margin:10px 0 -4px 0; padding:0; position:relative;}

#logo h1 {background:url(images/logo-con.png) 0 15px no-repeat; margin-left:0; padding:53px 0 0 75px; height:39px; color:#c99ee6; font-size:24px;}
* html #logo h1 {margin-left:0; padding:53px 0 0 75px}
#logo h1 span {color:#6e63ea;}
#logo h1 a,
#logo h1 span a {text-decoration:none; color:#c99ee6;}
#logo h1 a:hover {color:#6e63ea}
#logo p {background:url(images/healthy-skin.jpg) right top no-repeat; height:88px; width:400px; position:absolute; top:0; right:-9px; text-align:right; padding-right:142px; padding-top:15px; color:#6e63ea;}
* html #logo p {right:-10px;}


/* ===== CONTENT ===== */

.topLine {border:1px solid #af9d68; border-bottom:0; height:auto; padding-bottom:4px; display:block; background:#f3eee1;}
.boxLeft {float:left; width:69%; margin:0 0 10px 0;}
.boxRight {float:right; width:30%; margin:0 0 10px 0;}
.boxFull {width:100%; margin:0 0 10px 0;}
.content {display:block; background:#f3eee1; border:0 solid #af9d68; border-width:0 1px; margin:0 auto;}
.content h1,
.content h2 {background:url(images/h1-flag.gif) 0 8px no-repeat; padding-left:27px; padding-top:3px;}
.content h2 {padding-top:7px;}
.crvt, .crvb {display:block; background:transparent;}
.crv1, .crv2, .crv3, .crv4 {display:block; overflow:hidden;}
.crv1, .crv2, .crv3 {height:1px;}
.crv2, .crv3, .crv4 {background:#f3eee1; border-left:1px solid #af9d68; border-right:1px solid #af9d68;}
.crv1 {margin:0 5px; background:#af9d68;}
.crv2 {margin:0 3px; border-width:0 2px;}
.crv3 {margin:0 2px;}
.crv4 {height:2px; margin:0 1px;}


/* ===== NAVIGATION ===== */

.nav {margin:0 10px; padding:0 0 20px 0; border:0; border-top:1px solid #af9d68;}
.nav ul {list-style-type:none; padding:0; margin:0;}
.nav li {margin:0; padding:0; border-bottom:1px solid #af9d68;}
.nav a {font-size:12px; color:#a08a5c; font-weight:bold; display:block; text-decoration:none; padding:5px; margin:0;}
.nav a:hover {color:#fff; text-decoration:none; background:#C0B192;}


/* ===== FOOTER ===== */

.links {font-size:75%; padding:1px 10px 2px 10px; color:#a08a5c;}
.links a {text-decoration:underline; color:#a08a5c;}
.links a:hover {text-decoration:none;}
#footer {font-size:70%; padding:0 0 10px 0; margin:-8px 0 0 0; text-align:right;}
.bottomLine {border:1px solid #af9d68; border-top:0; height:auto; padding-top:4px; display:block; background:#f3eee1;}


/* ===== TAGS and EXTRAS ===== */

h1, h2, h3, h4, p {margin:0 10px; padding-bottom:1em; color:#000;}
h1, h2 {padding-bottom:0.5em; font-size:22px; color:#a08a5c;}
h2 {clear:both; font-size:18px;}
h3 {color:#a08a5c; font-size:16px; padding-top:4px;}
a:hover {text-decoration:none;}
.centerLink {text-align:center; padding:0 0 10px 0;}
.purpleBold {color:#6e63ea;}
.gad300 {text-align:center; padding:0 0 15px 0;}
.gad300T {text-align:left; padding:0 0 15px 10px;}
address {margin-left:20px; margin-bottom:20px;}
dfn {font-style:normal; cursor:help; border-bottom:1px dashed #a08a5c;}
.gad125Fright {float:right; margin:10px 20px 10px 10px;}