@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.6em;}

/* HTML */
body { font-size: 9pt; background: #1c1c1c;}

a { text-decoration: none; color: #3b6365;}

p { margin: 0; padding-bottom: 1.6em;}

img { border: none;}

hr { border-top: 1px solid #333; border-bottom: none; border-left: none; border-right: none; margin-bottom: 1.6em;}

input { vertical-align: middle;}

label { vertical-align: middle;}

sup { font-size: 0.8em;}

small { font-size: 0.9em;}


/* Layout */
.clear { clear: both; float: none;}
.mouse { cursor:pointer; }

.hide { display: none !important;}

.prevention img.prevention_img { position: absolute; z-index: 10;}


/* Layout */
.layout { display: block; width: 774px; margin: 0 auto;}
.header { display: block; height: 270px; background: url(header.jpg) no-repeat center top;}
.masthead { display: block; width: 372px; height: 260px; position: absolute; z-index: 2; top: 0; margin-left: 206px;}
.navi-main { display: block; width: 164px; height: 216px; position: absolute; z-index: 5; top: 20px; margin-left: 578px; padding: 12px 6px;}
.content { display: block; width: 754px; margin-bottom: 10px;}
.footer { display: block; height: 250px; margin-bottom: 20PX; background: url(footer.jpg) no-repeat center bottom;}


/* Header */
.header h1,
.header h4 { display: none;}



/* Masthead */
.masthead h2 { display: none;}



/* Navigation */
.navi-main { list-style-type: none;}
.navi-main li { display: inline;}
.navi-main li a { display: block; color: #fbbe13; padding: 5px 5px 5px 35px;}
.navi-main li a:hover { color: #FFF;}
.navi-main li a.on { color: #FFF; background: url(navi_main_on.gif) no-repeat 8px;}

.navi-sub { list-style-type: none; margin-bottom: 2.8em;}
.navi-sub li {}
.navi-sub li a { display: inline-block; color: #3b6365; line-height: 1.6em; margin-bottom: 0.4em; padding: 1px 3px 0 3px; background: #c9ded2;}
.navi-sub li a:hover { background: #FFF;}
.navi-sub li a.on { color: #000; background: #FC0;}


/* Footer */
.hotline { display: none;}
.copyright { display: block; width: 124px; height: 120px; margin-left: 578px; padding-top: 120px; font-size: 8pt; text-align: center;}


/* Content */
.content {}
.home .content { background: url(content_bg_home.gif) repeat-y;}
.sub .content { background: url(content_bg_sub.gif) repeat-y;}

.content_pix { display: block; width: 206px; height: 500px; float: left;}
.home .content_pix { background: url(content_pix_home.gif) no-repeat left top;}
/* .sub .content_pix { background: url(content_pix_sub.gif) no-repeat left top;} */

#about .content_pix { background: url(content_pix_sub_about.jpg) no-repeat left top;}
#suntec .content_pix { background: url(content_pix_sub_suntec.jpg) no-repeat left top;}
#fun .content_pix { background: url(content_pix_sub_fun.jpg) no-repeat left top;}
#competition .content_pix { background: url(content_pix_sub_competition.jpg) no-repeat left top;}
#competition_photo .content_pix { background: url(content_pix_sub_competition_photo.jpg) no-repeat left top;}
#competition_storywriting .content_pix { background: url(content_pix_sub_competition_storywriting.jpg) no-repeat left top;}
#competition_storytelling .content_pix { background: url(content_pix_sub_competition_storytelling.jpg) no-repeat left top;}
#tips .content_pix { background: url(content_pix_sub_tips.jpg) no-repeat left top;}
#runawaydog .content_pix { background: url(content_pix_sub_runawaydog.jpg) no-repeat left top;}


.main { display: block; width: 458px; float: right; padding: 10px; padding-bottom: 20px; padding-right: 70px;}

.main h3.title { font-size: 21pt; font-weight: normal; line-height: 1.6em; border-bottom: 1px solid #333; margin-bottom: 1.6em;}

.main h4 { font-size: 1.4em; font-weight: normal; color: #ad000d;}

.main h5 { font-size: 1.4em; font-weight: normal; color: #3b6365;}


.copy a { color: #3b6365; margin-bottom: 0.4em; padding: 1px 3px; background: #c9ded2;}
.copy a:hover { background: #FFF; cursor: pointer;}

.copy ul { padding: 0 0 1.2em 1.3em; list-style: disc;}
.copy ol { padding: 0 0 1.2em 2.3em;}
.copy ul li,
.copy ol li { padding: 0.4em 0;}


ol.sublist { padding-bottom: 0;}
ol.sublist li { list-style: lower-latin; padding: 0;}

ul.sublist { padding-bottom: 0;}
ul.sublist li { padding: 0;}


.storywritingintropage ul.artifactthumbnaillist { display: block; width: 458px; list-style-type: none; padding: 0; margin: 0;}
.storywritingintropage ul.artifactthumbnaillist li { display: inline; padding: 0; margin: 0;}

.storywritingformpage ul.artifactthumbnaillist { display: block; width: 458px; list-style-type: none; padding: 0 0 1.6em 0; margin: 0;}
.storywritingformpage ul.artifactthumbnaillist li { display: block; width: 65px; height: 45px; float: left; padding: 0; margin: 0;}
.storywritingformpage ul.artifactthumbnaillist li input { float: left;}

ul.artifactthumbnaillist li a { display: block; width: 35px; height: 35px; float: left; padding: 2px; margin: 0 2px 2px 0;}
ul.artifactthumbnaillist li a img { display: block; width: 35px;}

.artifactdetail { margin-bottom: 1.6em;}

table { width: 100%; margin-bottom: 1.6em; border-collapse: collapse;}
table tr { vertical-align: top;}
table th { border-bottom: 1px solid #333; padding: 6px 12px 6px 3px; text-align: left; font-weight: normal; width: 40%;}
table td { border-bottom: 1px solid #333; padding:  6px 12px 6px 3px;} 

table.artifactdetails { margin-top: 1.6em;}
table.artifactdetails span { font-weight: bold; color: #ad000d;}
table.artifactdetails em { font-style: normal; font-size: 0.9em;}

.artifactdetailsending {}

.inputbox { width: 100%;}
.inputbox { width: 100%;}
.textarea_input { width: 100%; height: 12.8em;}


/* Form */
.entry { background: #c9ded2; padding: 0.8em; margin-bottom: 1.6em;}
.entry table th, .entry table td { border-bottom: 1px solid #A5C1B0;}


.form { background: #c9ded2; padding: 0.8em; margin-bottom: 1.6em;}
.form table th, .form table td { border-bottom: 1px solid #A5C1B0;}

.uploaded_photos { background: #c9ded2; padding: 0.8em; margin-bottom: 1.6em;}
.uploaded_photos table th, .uploaded_photos table td { border-bottom: 1px solid #A5C1B0;}

.button { margin-bottom: 0.8em;}

td label { margin-right: 12px;}