body, h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, label, input, blockquote { margin:0; padding:0; font-weight:normal; }
ul, ol, li { list-style:none; }
a { text-decoration:none; color:#00C7FA; }
a:hover { color:#006; text-decoration:underline; }
img { border:none; }
.navigation ul:after, .contentStyle01:after, .wrapper:after, .pageStyle01:after, .button:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.navigation ul, .contentStyle01, .wrapper, .pageStyle01, .button { zoom:1; }

html {overflow-y:scroll; }
body { background:#E7EEF4 url(img/bg.jpg) 0 0 repeat-x; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; }

.wrapper01 { margin:0 auto; width:980px; text-align:left; background:url(img/background-fade.png) 0 0 repeat-y; }
.wrapper02 { margin:0 auto; width:980px; background:url(img/background-fade-bottom.png) 0 top no-repeat;}
.wrapper02 p { padding:15px 0 4px; font-size:68.75%; }

.header { padding:0 16px 10px; background:url(img/header.jpg) 20px 0 no-repeat; }
.navigation { clear:left; padding-top:124px; }
.navigation ul { background:url(img/tab-line.gif) 0 bottom repeat-x; padding-left:20px; }
.navigation ul li { background:url(img/tab-left.gif) 0 0 no-repeat; float:left; height:44px; padding-left:11px; }
.navigation ul li a { background:url(img/tab-right.gif) right 0 no-repeat; float:left; height:44px; padding:10px 11px 0 0; font-size:81.25%; color:#666; }
.navigation ul li.active { background:url(img/tab-left-active.gif) 0 0 no-repeat; position:relative; left:-8px; padding-left:19px; }
.navigation ul li.active a { background:url(img/tab-right-active.gif) right 0 no-repeat; margin-right:-15px; padding-right:21px; color:#00C7FA; }

.pageContent { float:left; /*width:748px;*/ color:#000; }
.pageStyle01 { margin:0 20px; padding:0 16px; }
.pageStyle01 .pageContent p { margin-right:0; }
.pageStyle01 .imageStyle01 { margin-left:0; }
.pageContent h1, .pageContent h2, .pageContent h3 { font-size:131.25%; color:#006; padding-bottom:10px; font-weight:bold; }
.pageContent h2 { font-size:112.5%; }
.pageContent h3 { font-size:100%; }
.pageContent p { font-size:87.5%; padding-bottom:10px; margin-right:20px; }
.pageContent ul li { background:url(img/li-button.gif) 3px 6px no-repeat; font-size:87.5%; padding:2px 0 2px 18px; }

ol li { padding:0 0 10px 0; list-style:decimal; list-style-position:inside; font-size:87%; }

.button { margin:0 25px 10px 0; float:right; }
.button a { background:url(img/button.gif) no-repeat 0 0; color:#fff; float:left; }
.button a span { background:url(img/button.gif) no-repeat right -100px; float:left; font-size:81.25%; padding:4px 24px 5px 15px; }

.contentStyle01 { padding-bottom:10px; border-bottom:1px solid #00cbfe; float:left; }

.imageStyle01 { float:right; padding-left:10px; }
.imageStyle02 { float:left; margin:4px 3px 0 0; border:1px solid #000; }
.imageStyle03 { float:left; padding:0 10px 5px 0; }
.imageStyle04 { position:relative; top:-7px; left:-81px }

.boxStyle01 { width:170px; margin-right:15px; }
.boxStyle02 { width:338px; }
.boxStyle02Inner { padding-right:15px; }
.boxStyle02Inner .button { float:left; }
.boxStyle03 { width:235px; }
.boxStyle04 { width:441px; }
.boxStyle01 h2, .boxStyle02 h2, .boxStyle03 h2, .boxStyle04 h2 { font-size:112.5%; color:#006; }
.boxStyle01 h3, .boxStyle02 h3, .boxStyle03 h3, .boxStyle04 h3 { font-size:87.5%; font-weight:bold; color:#006; padding-bottom:10px; }
.boxStyle01 p, .boxStyle02 p, .boxStyle03 p, .boxStyle04 p { font-size:75%; }
.boxStyle01, .boxStyle02, .boxStyle03, .boxStyle04 { float:left; margin-top:10px; }
.boxStyle02, .boxStyle03, .boxStyle04 { border-left:1px solid #00cbfe; padding-left:15px; }

.newsBox { border-top:1px dashed #00cbfe; padding:10px 5px 0 100px; }
.newsBox img { float:left; margin-left:-90px; }
.newsBox h2 { font-size:100%; padding:0; }
.newsBox .date { font-size:68.75%; }

.footer { padding:49px 16px 0; background:url(img/footer.gif) 16px top no-repeat; text-align:center; position:relative; top:6px; }
.footer p { display:inline; position:relative; top:-12px; font-size:75%; }
.footer a { color:#003; }

h4 { padding-top:10px; }

/*
.container { text-align:left; background:url(img/background-fade.jpg) 0 0 repeat-y; width:980px; margin:0 auto; }
.header { padding-bottom:10px; position:relative; }
.header h2 { background:url(img/nutra-logo.gif) 25px 10px no-repeat; height:100px; width:390px; text-indent:-9999px; float:left; }
.headerImg { position:absolute; top:13px; left:637px; padding:1px; border:1px solid #00AD00; }
.wrapper01 { float:left; margin-top:11px; }
.wrapper01 p { font-size:87.5%; padding:2px 0; }
*/
.pageLeftNav .pageContent { width:708px; }

.pageNav { width:200px; float:left; }
.pageNav ul { margin-right:20px; border-bottom:1px #00cbfe solid; }
.pageNav ul li { padding:10px 0;  border-top:1px #00cbfe solid; font-size:87.5%; }
.pageNav ul li.active { font-weight:700; }
.pageNav ul li ul { border:none; margin-left:0; }
.pageNav ul li ul li { background:url(img/li-button.gif) 10px 14px no-repeat; border:none; padding:10px 0 0 20px; font-size:93.75%; }

.beach-maintenance .button { padding-left:5px; clear:right; }
.newsPage h2 { border-top:1px dashed #00CBFE; padding-bottom:0; font-size:81.25%; padding-top:10px; clear:left; }
.newsPage p.date { font-size:68.75%; }