/* ********** SEA Newsletter ************* */

@media screen and (max-width:1920px) {
body {background:#ffffff; border:0; padding:0; }
p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; color:#000000; }
h1 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:24px; color:#000000; font-weight:bold; }
h2 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:18px; color:#000000; font-weight:bold; }
h3 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#000091; font-weight:bold; text-align:center; }
h4 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#000000; font-weight:bold; }
ul {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; color:#000000; }
.inset {width:80%; margin:0 auto; background:#ccccff;}
.inset p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#000091; font-weight:normal; text-align:center; padding:20px 20px;}

#topbar {position:fixed; z-index:100; width:100%; height:70px; top:0; margin-top:-10px; background-color:#3366cc; }
#menubar {position:fixed; z-index:100; width:1000px; top:0; left:50%; margin-left:-500px; text-align:center; margin-top:5px;}

#buttons {position:absolute; z-index:0; width:167px; height:100%; }
#buttons img {width:130px; height:130px; margin:16px; }
#buttons p.heading {font-size:12px; color:#000000; font-weight:bold; text-align:center; }
#buttons p.copy {font-size:10px; color:#000000; text-align:center; }
.button1 {width:100px; height:22px; margin:10px 10px; border:0; background-color:#3366cc;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#ffffff; text-decoration:none;}
.button1:link, .button1:visited { color:#ffffff; font-weight:normal; text-decoration:none; cursor:default; }
.button1:hover {text-decoration:underline; color:#00ffff; cursor:pointer; }

#header {position:relative; z-index:10; width:1000px; height:100px; margin:75px auto 0 auto; background-color:#ffffff;}
#header-logo {float:left; width:200px; height:100px; margin:0 auto 0 auto;}
#logo-top {display:block; width:100px; height:100px; margin:0 auto; }
#header-title {float:left; width:600px; height:100px; margin:0 auto 0 auto; }
#title {display:block; width:500px; height:85px; margin:0 auto; } 
#header-date {float:left; width:200px; height:100px; text-align:center; padding-top:0;}
#header h1 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:24px; color:#000000; font-weight:bold; text-align:center; } 

.first {font-size:18px; font-weight:bold; color:#0066cc;}
figure {text-align:center; }
figcaption {width:800px; margin:-2px auto 20px auto; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-style:italic; font-weight:normal; color:#000000; text-align:center; }

#contents {float:left; width:750px; margin-top:0; border-right:1px solid black; border-left:1px solid black; border-bottom:1px solid black; background-color:#ffffff; }
.contentsitem {width:750px; border-bottom:1px solid black;}
.extratop, .extrabot {width:750px; border-bottom:1px solid black;}
.section {float:left; width:175px; left:0; border-right:1px solid black; }
.section p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:bold; color:#000000; text-align:right; padding-right:10px;}
.section p#section {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:bold; color:#000000; text-align:right; padding:7px 10px 0 3px;}
.section img {padding-right:10px; }
.title {float:left; width:570px; margin-left:-1px; border-left:1px solid black; }
.title ul {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; color:#000000; list-style-type:none; vertical-align:middle; color:#000000; }
.title li {margin-left:-25px; margin-right:5px; padding:5px 0 5px 0;}
.title a:link, .title a:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; color:#ff0000; list-style-type:none; vertical-align:middle; text-decoration:none;}
.title a:hover {text-decoration:underline;}
.title a.sea:link, .title a.sea:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#3366ff; list-style-type:none; vertical-align:middle; text-decoration:none;}
.title a.sea:hover {text-decoration:underline;}
.img92 {display:block; float:right; width:100px; height:auto; padding:5px 10px 10px 0;}

#headstuff {position:relative; z-index:10; width:1000px; margin:0 auto; }
#bar {width:100%; height:20px; background-color:#3366cc; }
#vis-mis {width:998px; height:80px; border-right:1px solid black; border-left:1px solid black; border-bottom:1px solid black;}
#vis {float:left; width:495px; height:79px; margin:0; }
#mis {float:right; width:493px; height:79px; margin:0; border-left:1px solid black;}
#vis p, #mis p {font-size:12px; margin:6px 5px 0 10px; }
#conf-oval {width:1000px; height:160px; background-color:#000000;}
#conf {float:left; width:498px; height:160px; border:0; }
#oval {float:right; width:500px; height:160px; border:0; }
#conf img {display:block; width:497px; height:160px; margin:0; padding:0; }
#oval img {display:block; width:500px; height:140px; margin:10px auto 0 auto }
#ovalquote {position:absolute; z-index:100; width:440px; height:160px; margin-top:-130px; margin-left:530px;}
#ovalquote h3 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; }
#ovalquote p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#ffffff; font-weight:normal; text-align:center; }

#wrapper {position:relative; z-index:10; width:1000px; margin:0 auto; }
#quote {float:right; width:247px; border-right:1px solid black; border-bottom:1px solid black; }
#quote img {display:block; width:100%; height:auto; margin:0 auto; }
#quote p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; color:#000099; padding:0 5px; text-align:center; }

#storybox {position:relative; z-index:10; width:1000px; margin:100px auto 0 auto; background:#ffffff;}
#articles {width:980px; margin:0 10px 0 10px; }
#articles a:link {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#0066cc; text-decoration:none; }
#articles a:visited {font-weight:bold; color:#0066cc; text-decoration:none;}
#articles a:hover {font-weight:bold; color:#0033ff; text-decoration:underline; }
#articles h2 a:link, h2 a:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#0066cc; font-weight:bold; text-decoration:none;}
#articles h2 a:hover {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#0033ff; font-weight:bold; text-decoration:underline;}
#articles p.top {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#000000; padding-bottom:40px;}
#articles p.top a:link {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#ff0000; text-decoration:underline; }
#articles p.top a:visited {font-weight:normal; color:#ff0000; text-decoration:underline;}
#articles p.top a:hover {font-weight:bold; color:#ff0000; text-decoration:underline; }
#articles li {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#000000; font-style:normal; text-decoration:none; padding:3px 0 3px 0;}
#articles li.italics {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#000000; font-style:italic; text-decoration:none; }
.articles-line {display:block; width:600px; margin:0 auto;}

.author {float:left; width:125px; height:auto; padding:0 10px 5px 0; }
#author-sea {float:left; width:120px; height:auto; padding:0 10px 5px 0; }
#author-mys {float:left; width:150px; height:auto; padding:0 10px 5px 0; }

.img250 {width:250px; height:auto;}
.img300 {width:300px; height:auto;}
.img400 {width:400px; height:auto;}
.img500 {width:500px; height:auto;}
.img600 {width:600px; height:auto;}
.img650 {width:650px; height:30px; }
.img700 {width:700px; height:auto;}
.img800 {width:100%; height:auto;}
.imgcenter {display:block; margin:20px auto; }
.imgleft {float:left; width:250px; height:auto; margin: 5px 10px 5px 0; }
.imgleft300 {float:left; width:300px; height:auto; margin: 5px 10px 5px 0; }
.imgright300 {float:right; width:300px; height:auto; margin:5px 10px 5px 0; }
.left150 {float:left; width:150px; height:auto; margin: 5px 10px 5px 0; }
.rightimg {float:right; width:260px; height:auto; margin:10px;}
.rightimg p {width:250px; margin:-2px auto 0 auto; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px; font-style:italic; font-weight:normal; color:#000000; text-align:left; }
.right250 {width:250px; height:auto; margin-top:-20px; margin-left:-40px; }
.vid640 {width:640px; height:360px;}
iframe {display:block; width:884px; height:522px; margin:0 auto;}

.clear {clear:both;}

.quote {display:block; width:800px; height:75px; margin:0 auto 75px auto;}

table.invitation {width:510px; margin:0 auto 0 auto; font-family:Verdana,Arial,Helvetica,san-serif; font-size:14px; border-spacing:0; font-weight:normal; }
table.invitation td.item {width:160px; height:25px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;}
table.invitation td.itemtop {width:160px; height:25px; padding:5px; border-spacing:0; border:1px solid #000000;  }
table.invitation td.detail {width:322px; height:25px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; }
table.invitation td.detailtop {width:322px; height:25px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; }
button.lesson {display:block; width:400px; height:60px; margin:20px auto 0 auto; background-image:url("buttongreen.jpg"); border-radius:10px; color:#000091;}
button.lesson:link {font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px; padding:20px;}
button.lesson:visited {background-image:url("buttongreen.jpg"); color:#000091;}
button.lesson:hover {background-image:url("greenbutton.jpg"); color:#000091; }

#footer {width:1000px; height:420px;}
#animation {float:left; width:150px; height:145px; margin-top:40px;}
#logo {float:left; width:616px; height:418px;}
#logo p {text-align:center; }
#logo p a:link, #logo p a:visited {color:#0066cc; font-weight:normal; text-decoration:none;}
#logo p a:hover {color:#0033ff; font-weight:normal; text-decoration:none;} 
#still {float:left; width:200px; height:300px; margin-left:20px; margin-top:30px;}
#still img {width:198px; height:198px;}
.notebox {width:900px; margin:0 auto; background:#fce8b5; border-top:2px solid #99ccff; border-left:2px solid #99ccff; border-bottom:2px solid #3399cc; border-right:2px solid #3399cc;}
.notebox p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#000000; padding:0 20px 0 20px; }

.fade {position:relative; z-index:10; width:100%; }
.fadeimg {display:block; position:absolute; z-index:100; width:100%; height:100%; top:0; left:0; right:0; bottom:0;}
.morebox {display:block; width:100%; height:60px; border:1px solid #5588ff; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#3366ff; font-weight:bold; text-align:center; vertical-align:middle;}
.morebox:link, .morebox:visited {text-decoration:none; cursor:default;}
.morebox:hover {text-decoration:underline; color:#0000ff; cursor:pointer;}
.more {display:none; margin-top:0;}
}

@media screen and (max-width:1400px){
body {background:#ffffff; border:0; padding:0; }
p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#000000; }
h1 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:24px; color:#000000; font-weight:bold; }
h2 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#000000; font-weight:bold; }
h3 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; color:#000091; font-weight:bold; text-align:center; }
ul {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#000000; }
.inset {width:80%; margin:0 auto; background:#ccccff;}
.inset p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#000091; font-weight:normal; text-align:center; padding:20px 20px;}

#topbar {position:fixed; z-index:100; width:100%; height:70px; top:0; margin-top:-10px; background-color:#3366cc; }
#menubar {position:fixed; z-index:100; width:866px; top:0; left:50%; margin-left:-433px; margin-top:5px;}

#buttons {position:absolute; z-index:0; width:167px; height:100%; }
#buttons img {width:130px; height:130px; margin:16px; }
#buttons p.heading {font-size:12px; color:#000000; font-weight:bold; text-align:center; }
#buttons p.copy {font-size:10px; color:#000000; text-align:center; }
#buttons {position:absolute; z-index:0; width:167px; height:100%; }
#buttons img {width:130px; height:130px; margin:16px; }
#buttons p.heading {font-size:12px; color:#000000; font-weight:bold; text-align:center; }
#buttons p.copy {font-size:10px; color:#000000; text-align:center; }
.button1 {width:100px; height:22px; margin:10px 2px; border:0; background-color:#3366cc;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#ffffff; text-decoration:none;}
.button1:link, .button1:visited { color:#ffffff; font-weight:normal; text-decoration:none; cursor:default; }
.button1:hover {text-decoration:underline; color:#00ffff; cursor:pointer; }

#header {position:relative; z-index:10; width:866px; height:100px; margin:75px auto 0 auto; background-color:#ffffff;}
#header-logo {float:left; width:172px; height:100px; margin:0 auto 0 auto;}
#logo-top {display:block; width:100px; height:100px; margin:0 auto; }
#header-title {float:left; width:490px; height:100px; margin:0 auto 0 auto; }
#title {display:block; width:450px; height:76px; margin:0 auto; } 
#header-date {float:left; width:172px; height:100px; text-align:center; padding-top:0;}
#header h1 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:24px; color:#000000; font-weight:bold; text-align:center; } 

.first {font-size:18px; font-weight:bold; color:#0066cc;}
figure {text-align:center;}
figcaption {width:700px; margin:-2px auto 20px auto; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px; font-style:italic; font-weight:normal; color:#000000;}
.img250 {width:250px; height:auto;}
.img300 {width:300px; height:auto;}
.img400 {width:400px; height:auto;}
.img500 {width:500px; height:auto;}
.img600 {width:600px; height:auto;}
.img700 {width:700px; height:auto;}
.img800 {width:100%; height:auto;}
.img650 {width:650px; height:30px; }
.imgcenter {display:block; margin:20px auto; }
.imgleft {float:left; width:250px; height:auto; margin: 5px 10px 5px 0; }
.imgleft300 {float:left; width:300px; height:auto; margin: 5px 10px 5px 0; }
.imgright300 {float:right; width:300px; height:auto; margin:5px 10px 5px 0; }
.rightimg {float:right; width:260px; height:auto;}
.rightimg figcaption {width:250px; margin:-2px auto 0 auto;; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px; font-style:italic; font-weight:normal; color:#000000; text-align:left;}
.right250 {width:250px; height:auto; margin-top:-20px; margin-left:-35px; }
.imgright {float:right; width:250px; height:auto; margin: 5px 0 5px 10px; }
.vid640 {width:640px; height:360px; }
iframe {display:block; width:760px; height:448px; margin:0 auto;}

.clear {clear:both;}

#headstuff {position:relative; z-index:10; width:866px; margin:0 auto; border-spacing:0; background-color:#ffffff;}

#bar {width:100%; height:20px; background-color:#3366cc; }
#vis-mis {width:864px; height:80px; border-right:1px solid black; border-left:1px solid black; border-bottom:1px solid black;}
#vis {float:left; width:432px; height:79px; margin:0; }
#mis {float:right; width:429px; height:79px; margin:0; border-left:1px solid black;}
#vis p, #mis p {margin:3px 5px 0 10px; }
#conf-oval {width:866px; height:160px; background-color:#000000;}
#conf {float:left; width:432px; height:160px; border:0; }
#oval {float:right; width:429px; height:160px; border:0; }
#conf img {display:block; width:432px; height:160px; margin:0; padding:0; }
#oval img {display:block; width:429px; height:140px; margin:10px auto 0 auto }
#ovalquote {position:absolute; z-index:100; width:422px; height:160px; margin-top:-130px; margin-left:435px;}
#ovalquote h3 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; }
#ovalquote p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#ffffff; font-weight:normal; text-align:center; }

#wrapper {position:relative; z-index:10; width:866px; margin:0 auto; }
#quote {float:right; width:213px; border-right:1px solid black; border-bottom:1px solid black; }
#quote img {display:block; width:100%; height:auto; margin:0 auto; }
#quote p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:13px; font-weight:normal; color:#000099; padding:0 5px; text-align:center; }
#contents {float:left; width:650px; margin-top:0; border-right:1px solid black; border-left:1px solid black; border-bottom:1px solid black; background-color:#ffffff; }
.contentsitem {width:650px; border-bottom:1px solid black;}
.extratop, .extrabot {width:650px; border-bottom:1px solid black;}
.section {float:left; width:150px; left:0; border-right:1px solid black; }
.section p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:bold; color:#000000; text-align:right; padding:0 10px 5px 3px;}
.section img {display:block; float:right; padding:5px 10px 5px 0; }
.title {float:left; width:495px; margin-left:-1px; border-left:1px solid black; }
.title ul {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#000000; list-style-type:none; vertical-align:middle; }
.title li {margin-left:-25px; padding:5px 0 5px 0;}
.title a:link, .title a:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#ff0000; list-style-type:none; vertical-align:middle; text-decoration:none;}
.title a:hover {text-decoration:underline;}
.title a.sea:link, .title a.sea:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#3366ff; list-style-type:none; vertical-align:middle; text-decoration:none;}
.title a.sea:hover {text-decoration:underline;}

#storybox {position:relative; z-index:10; width:866px; margin:100px auto 0 auto; background:#ffffff;}
#articles {width:846px; margin:0 10px 0 10px; }
#articles a:link {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#0066cc; text-decoration:none; }
#articles a:visited {font-weight:bold; color:#0066cc; text-decoration:none;}
#articles a:hover {font-weight:bold; color:#0033ff; text-decoration:underline; }
#articles h2 a:link, h2 a:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#0066cc; font-weight:bold; text-decoration:none;}
#articles h2 a:hover {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:16px; color:#0033ff; font-weight:bold; text-decoration:underline;}
#articles p.top {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#000000; padding:10px 0 60px 0;}
#articles p.top a:link {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#ff0000; text-decoration:underline; }
#articles p.top a:visited {font-weight:normal; color:#ff0000; text-decoration:underline;}
#articles p.top a:hover {font-weight:bold; color:#ff0000; text-decoration:underline; }
.articles-line {display:none;}
#articles li {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#000000; font-style:normal; text-decoration:none; padding:3px 0 3px 0;}
#articles li.italics {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#000000; font-style:italic; text-decoration:none; }
.articles-line {display:block; width:520px; margin:0 auto;}

.author {float:left; width:125px; height:auto; padding:0 10px 5px 0; }
#author-sea {float:left; width:120px; height:auto; padding:0 10px 5px 0; }
#author-mys {float:left; width:150px; height:auto; padding:0 10px 5px 0; }

.quote {display:block; width:800px; height:75px; margin:0 auto 75px auto;}

table.invitation {width:510px; margin:0 auto 0 auto; font-family:Verdana,Arial,Helvetica,san-serif; font-size:12px; border-spacing:0; }
table.invitation td.item {width:160px; height:25px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;}
table.invitation td.itemtop {width:160px; height:25px; padding:5px; border-spacing:0; border:1px solid #000000;  }
table.invitation td.detail {width:322px; height:25px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; }
table.invitation td.detailtop {width:322px; height:25px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; }
button.lesson {display:block; width:400px; height:60px; margin:20px auto 0 auto; background-image:url("buttongreen.jpg"); border-radius:10px; color:#000091;}
button.lesson:link {font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px; padding:20px;}
button.lesson:visited {background-image:url("buttongreen.jpg"); color:#000091;}
button.lesson:hover {background-image:url("greenbutton.jpg"); color:#000091; }

#footer {width:866px; height:400px;}
#animation {float:left; width:110px; height:145px; margin-top:40px;}
#logo {float:left; width:610px; height:398px;}
#logo p {text-align:center; }
#still {float:left; width:120px; height:210px; margin-top:30px;}
#still img {width:118px; height:118px;}
.notebox {width:690px; margin:0 auto; background:#fce8b5; border-top:2px solid #99ccff; border-left:2px solid #99ccff; border-bottom:2px solid #3399cc; border-right:2px solid #3399cc;}
.notebox p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#000000; padding:0 15px 0 15px; }

.fade {position:relative; z-index:10; width:100%; }
.fadeimg {display:block; position:absolute; z-index:20; width:100%; height:100%; top:0; left:0; right:0; bottom:0;}
.morebox {display:block; width:100%; height:60px; border:1px solid #5588ff; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; color:#3366ff; font-weight:bold; text-align:center; vertical-align:middle;}
.morebox:link, .morebox:visited {text-decoration:none; cursor:default;}
.morebox:hover {text-decoration:underline; color:#0000ff; cursor:pointer;}
.more {display:none; margin-top:0;}
}

@media print {
body {background:#ffffff; border:0; padding:0; }
p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:normal; color:#000000; }
h1 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:20px; color:#000000; font-weight:bold; }
h2 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; color:#000000; font-weight:bold; }
h3 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#000091; font-weight:bold; text-align:center; }
ul {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:normal; color:#000000; }

#buttons, #menubar, #topbar {display:none;}

#header {position:relative; z-index:10; width:500px; height:50px; margin:10px auto 0 auto; background-color:#ffffff;}
#header-logo {float:left; width:100px; height:50px; margin:0 auto 0 auto;}
#logo-top {display:block; width:50px; height:50px; margin:0 auto; }
#header-title {float:left; width:300px; height:50px; margin:0 auto 0 auto; }
#title {display:block; width:250px; height:42px; margin:0 auto; } 
#header-date {float:left; width:100px; height:50px; text-align:center; padding-top:0;}
#header h1 {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:18px; color:#000000; font-weight:bold; text-align:center; margin-top:0;} 

.first {font-size:18px; font-weight:bold; color:#0066cc;}

.img50 {width:50px; height:50px;}
.img53 {width:53px; height:78px;}
.img59 {width:50px; height:59px;}
.img250 {width:200px; height:auto;}
.img300 {width:200px; height:auto;}
.img400 {width:250px; height:auto;}
.img500 {width:300px; height:auto;}
.img600 {width:300px; height:auto;}
.img700 {width:300px; height:auto;}
.img650 {width:400px; height:20px; }
.img800 {width:400px; height:auto; }
.imgcenter {display:none; margin:20px auto; }
.imgleft {float:left; width:150px; height:auto; margin: 5px 10px 5px 0; }
.imgright {float:right; width:150px; height:auto; margin: 5px 0 5px 10px; }
.vid640 {display:none;}
iframe {display:block; width:530px; height:448px; margin:0 auto;}

.clear {clear:both;}

#headstuff {display:none; }

#wrapper {margin:10px 0 0 0; }
#quote {display:none; }

#contents {width:750px; margin:0; }
.contentsitem {}
.extratop {margin:0;}
.extratop div.title {display:none;}
.extrabot {display:none;}

.section {margin:0; }
.section p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:bold; color:#000000; text-align:left; }
.section img {display:none; }
.title {width:570px; margin-left:-1px; border-left:1px solid black; }
.title ul {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:normal; color:#000000; list-style-type:none; vertical-align:middle; }
.title li {margin-left:-25px; padding:0;}
.title a:link, .title a:visited {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:normal; color:#000000; list-style-type:none; vertical-align:middle; text-decoration:none;}
.title a:hover {text-decoration:none;}

#storybox {position:relative; z-index:10; width:600px; margin:60px 0 0 0; background:#ffffff;}
#articles {width:600px; margin:0; }
#articles a:link {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#0066cc; text-decoration:underline; }
#articles a:visited {font-weight:bold; color:#0066cc; text-decoration:underline;}
#articles a:hover {font-weight:bold; color:#0033ff; text-decoration:underline; }
#articles p.top {display:none;} 
.articles-line {display:block; width:200px; height:3px; margin:20px auto; }
#articles li {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#000000; font-style:normal; text-decoration:none; padding:3px 0 3px 0;}
#articles li.italics {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#000000; font-style:italic; text-decoration:none; }

.author {float:left; width:80px; height:auto; padding:0 10px 5px 0; }
#author-sea {float:left; width:80px; height:auto; padding:0 10px 5px 0; }
#author-mys {float:left; width:80px; height:auto; padding:0 10px 5px 0; }

.quote {display:block; width:500px; height:50px; margin:0 auto 20px auto;}

figure {text-align:center; }
figcaption {width:300px; margin:-2px auto 20px auto; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-style:italic; font-weight:normal; color:#000000; }

table.invitation {width:400px; margin:0 auto 0 auto; font-family:Verdana,Arial,Helvetica,san-serif; font-size:10px; border-spacing:0; }
table.invitation td.itemtop {width:140px; height:18px; padding:5px; border-spacing:0; border:1px solid #000000;  }
table.invitation td.item {width:140px; height:18px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;}
table.invitation td.detailtop {width:260px; height:18px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; }
table.invitation td.detail {width:260px; height:18px; padding:5px; border-spacing:0; border-bottom:1px solid #000000; border-right:1px solid #000000; }
button.lesson {display:none; }
#lessonlink {color:#000000; text-align:center; margin:-20px 0 -10px 0; }

#footer {width:600px; }
#animation {display:none;}
#logo {float:left; width:600px; }
#logo p {text-align:center; }
#still {display:none; }
.notebox {width:480px; margin:0 auto; background:#fce8b5; border-top:2px solid #99ccff; border-left:2px solid #99ccff; border-bottom:2px solid #3399cc; border-right:2px solid #3399cc;}
.notebox p {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#000000; padding:0 10px 0 10px; }

.fade, .morebox {display:none;}
}