﻿html {}
body {height:560px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #000; width: 960px; margin: auto; background:#000;}
hr {border:1px solid #4d4d4d; height:1px; clear:both;}
a {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#f73734; text-decoration:none;}
a:active {color:#f73734; text-decoration:none;}
h6 {font-size:100%; margin-top:0px;  margin-bottom:5px; line-height:12px;}
h5 {margin-bottom:5px; line-height:12px;}
h4 {margin-bottom:5px; line-height:12px;}
h3 {margin-bottom:5px; line-height:12px;}
ul {list-style-type: square; margin-left:0px; padding-left:20px;  margin-top: 0px; margin-bottom: 0px;}
ul li {margin-bottom:0px;}

#divContainer {background:url(../images/bkg_home.jpg) no-repeat; height:560px; width:100%; position:relative; overflow:hidden;}
.divContainerSub {background:url(../images/bkg_sub.jpg) no-repeat; height:560px; width:100%; position:relative;}
.divContainerSub2 {background:url(../images/bkg_sub2.jpg) no-repeat; height:560px; width:100%; position:relative;}
.divContainerSub3 {background:url(../images/bkg_sub3.jpg) no-repeat; height:560px; width:100%; position:relative;}
.divContainerSub4 {background:url(../images/bkg_graffruiti.jpg) no-repeat; height:560px; width:100%; position:relative;}
#divMenu {float:right; height:auto; overflow:hidden;}
#divLeftPanel {float:left; width:235px; margin-top:225px; padding-left:5px; color:#fff;}
#divLeftPanel a {color:#fff; text-decoration:underline;}
#divLeftPanel a:visited {color:#fff; text-decoration:underline;}
#divLeftPanel a:hover {color:#f73734; text-decoration:none;}
#divLeftPanel a:active {color:#f73734; text-decoration:none;}
#divContent {float:left;}
#divFooter {color:#fff; clear:both; padding-bottom:5px; padding-left:20px; padding-right:20px; position:absolute; bottom:0; font-size:70%; width:920px;}
#divFooter a:link {color:#fff; text-decoration:none;}
#divFooter a:visited {color:#fff; text-decoration:none;}
#divFooter a:hover {color:#fff; text-decoration:underline;}
#divFooter a:active {color:#fff; text-decoration:underline;}
#tblFooter {width:100%;}
#tdFooterCol1 {width:160px;}
#tdFooterCol2 {width:100px; padding-left:15px; background:url(../images/footer_bullet.gif) no-repeat 5px 6px;}
#tdFooterCol3 {width:140px; padding-left:15px; background:url(../images/footer_bullet.gif) no-repeat 5px 6px;}
#tdFooterCol5 {width:100px;}
#tdFooterCol4 {text-align:right;}

.popup {height:560px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #000; width: 734px; margin: auto; background:#000; }
#divContainerPopup {background:url(../images/bkg_popup.jpg) no-repeat; height:560px; width:734px;}
#divSubContentPopup {margin-top:145px; padding-left:40px; padding-right:30px; width:664px; height:335px; overflow:hidden;}
#divSubContentBtnPopup {text-align:right; width:160px; margin-left:520px; margin-right:30px;}

/* HOME */
#divHomeContent {margin-left:375px; padding-top:40px; padding-left:30px; padding-right:30px; width:495px; height:245px; overflow:hidden; clear:both;}
.divHomeCMS {height:210px; width:100%; margin-bottom:10px; overflow:auto; scrollbar-face-color: #555; scrollbar-shadow-color: #000; scrollbar-highlight-color: #000; scrollbar-3dlight-color: #000; scrollbar-darkshadow-color: #000; scrollbar-track-color: #000; scrollbar-arrow-color: #000; z-index: 1; position: relative;}
.divHomeCMS2 {height:235px; width:100%; margin-bottom:10px; overflow:auto; scrollbar-face-color: #555; scrollbar-shadow-color: #000; scrollbar-highlight-color: #000; scrollbar-3dlight-color: #000; scrollbar-darkshadow-color: #000; scrollbar-track-color: #000; scrollbar-arrow-color: #000; z-index: 1; position: relative;}
.divHomeContentBtn {height:25px;}
#divHomeContent2 {margin-left:315px; height:auto; overflow:hidden;}
#divHomeChallenge {float:left; width:151px; height:auto; overflow:hidden;}
#divHomeTaste {float:left; width:153px; margin-top:64px; padding-right:15px; border-right:1px solid #a19b8d;}
#divHomeBlog {float:left; margin-top:64px; padding-left:15px;}
#divHomeBlogBox {float:left; padding-right:25px; font-weight:bold; width:62px; height:102px; position:relative;}
#divHomeBlogHdr {font-size:90%; margin-bottom:5px; line-height:12px; font-weight:bold;}
#divHomeBlogHdr span.small {padding-left:5px; font-size:78%;}
#divHomeBlogHdr .select {color:#f73734;}
.divHomeBlogsContent {height:90px; padding-bottom:3px; overflow:hidden;}
.divHomeViewBlogs {position:absolute; bottom:0; height:9px;}

/* SUBPAGES */
#divLeftPanelInner {width:180px; padding-left:20px;}
#divChallenge {text-align:right;}
#divSubContent {margin-top:60px; padding-left:30px; padding-right:30px; width:630px; height:330px; overflow:hidden;}
#divSubContent p {margin-top:0px; margin-bottom:10px;}
#divSubContentHdr {margin-bottom:30px; clear:both; height:auto; overflow:hidden; zoom:1;}
#divSubContentHdr2 {margin-bottom:20px; clear:both; height:auto; overflow:hidden; zoom:1;}
#divSubContentMain {float:left; width:370px; height:290px; margin-right:40px; overflow:hidden;}
#divSubContentLeft {border-bottom:1px solid #000; height:60px; padding-bottom:10px; overflow:hidden;}
#divSubContentChallenge {margin-top:10px; height:173px; overflow:auto; scrollbar-face-color: #555; scrollbar-shadow-color: #000; scrollbar-highlight-color: #000; scrollbar-3dlight-color: #000; scrollbar-darkshadow-color: #000; scrollbar-track-color: #000; scrollbar-arrow-color: #000; z-index: 1; position: relative;} 
#divSubContentRight {float:left; width:200px; height:auto; padding:10px; margin-bottom:20px; overflow:hidden; background:#f4f4c8; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80;}
#divSubContentBtn {text-align:right; width:160px; margin-left:500px; margin-right:30px;}
#divSubContentBtn2 {width:285px; margin-left:375px; margin-right:30px; clear:both;}
#divSubContentBtnContainer {width:690px;}
#divSubContentBtn3 {text-align:right; width:285px; padding-right:30px; float:right;}
#divSubContentBtn4 {padding-left:30px; float:left;}

#divLatest {float:left; padding-right:30px;}
#divPopular {float:left; padding-left:30px;}
#divBlog {clear:both;}
#divIndBlog1, #divIndBlog2, #divIndBlog4, #divIndBlog5 {float:left; margin-bottom:15px; margin-right:15px;}
#divIndBlog3, #divIndBlog6 {float:left; margin-bottom:15px;}
#divBlogBox {width:182px; height:68px; border:1px solid #5A5852; padding:7px; background:#F0EEE7;}
#tblBlogBox {width:100%; height:100%;}
#tblBlogBox td {vertical-align:top;}
#tblBlogBox #tdBlogBoxImg {width:52px;}
#tblBlogBox #tdBlogBoxDesc { padding-left:7px;}
#divBlogDetail {height:68px; overflow:hidden;}
#divBlogName {font-weight:bold;}
#divBlogDesc {}
#divBlogBtn {clear:both; width:198px; height:18px; padding-top:5px;}
#divBlogVoteCnt {float:left; vertical-align:middle; padding-left:8px;}
#divBlogVoteBtn {float:right;}

#tblJoin {}
#tblJoin td {vertical-align:top; padding-bottom:5px;}
#tblJoin .tdLabel {font-weight:bold; padding-top:5px; width:150px;}

#tblVote {}
#tblVote td {vertical-align:top; padding-bottom:25px;}
#tblVote .tdLabel {font-weight:bold; padding-top:5px; width:100px;}

#tblSurvey {}
#tblSurvey td {vertical-align:top; padding-bottom:5px;}
#tblSurvey .tdLabel {font-weight:bold; padding-top:5px; width:100px;}
#tblSurvey .tdBullet {padding-right:10px;}

#tblGraffruit {}
#tblGraffruit td {vertical-align:top; padding-bottom:25px;}
#tblGraffruit .tdLabel {font-weight:bold; padding-top:5px; width:70px;}

body.popup {width: 100%; background:#000;}
#divPopupContent {background:#000; padding:20px; color:#fff;}
#divPopupContent a {color:#fff; text-decoration:underline;}
#divPopupContent a:visited {color:#fff; text-decoration:underline;}
#divPopupContent a:hover {color:#f73734; text-decoration:underline;}
#divPopupContent a:active {color:#f73734; text-decoration:underline;}
#divPopupContent h3, h5 {color:#ffff00;}
.contentTbl {}
.contentTbl td {vertical-align:top; padding-left:10px; padding-bottom:10px;}
.footnote {font-size:90%; font-style:italic;}

.textbox {width:200px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #000;}
.fileupl {width:273px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #000;}
.textarea {width:267px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #000;}
.dropdownlist {width:205px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #000;}
.radio label {padding-right:60px;}
.label_s {font-size:90%; font-weight:normal;}
.box1 {border:1px solid #000;}

.btnPgContainer {float:right;}
.btnPgNoContainer {float:left; padding-left:10px; padding-right:10px;}
.btnPg {float:left;}
.btnPgNo {float:left; margin:3px; padding:2px; color:#fff; font-family:Arial; font-weight:bold; font-size:14px;}
.btnPgNo a {color:#fff; text-decoration:none;}
.btnPgNo a:visited {color:#fff; text-decoration:none;}
.btnPgNo a:hover {color:#fff; text-decoration:none;}
.btnPgNo a:active {color:#fff; text-decoration:none;}
.btnPgSelected {background:#fff; float:left; margin:3px; padding:2px; font-family:Arial; font-weight:bold; font-size:14px;}

.errorMsg {color: #FF4440; vertical-align: top; font-size: 90%;}
.highlight {color:#f73734; font-weight:bold; text-decoration:none;}
.yellowTransBg {height:auto; padding:10px; overflow:hidden; background:#f4f4c8; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80;}
.link {font-weight:bold;}
a.link {font-weight:bold; text-decoration:none; color:#000;}
a.link:visited {font-weight:bold; text-decoration:none; color:#000;}
a.link:active {font-weight:bold; text-decoration:underline; color:#f73734;}
a.link:hover {font-weight:bold; text-decoration:underline; color:#f73734;}
.link2 {font-weight:bold; color:#f73734;}
a.link2 {font-weight:bold; text-decoration:none; color:#f73734;}
a.link2:visited {font-weight:bold; text-decoration:none; color:#f73734;}
a.link2:active {font-weight:bold; text-decoration:underline; color:#f73734;}
a.link2:hover {font-weight:bold; text-decoration:underline; color:#f73734;}
.link3 {font-weight:bold; color:#f73734;}
a.link3 {font-weight:bold; text-decoration:none; color:#000;}
a.link3:visited {font-weight:bold; text-decoration:none; color:#000;}
a.link3:active {font-weight:bold; text-decoration:none; color:#f73734;}
a.link3:hover {font-weight:bold; text-decoration:none; color:#f73734;}
.hdr {padding-bottom:30px;}
.box {border:3px solid #b0a56f;}

#divSubContentGraffruti {margin-top:50px; padding-left:30px; padding-right:30px; width:630px; height:360px; overflow:hidden;}

#divWinnerContent {margin-top:60px; padding-left:30px; padding-right:0px; width:630px; height:350px; overflow:hidden;}
#divWinnerContent p {margin-top:0px; margin-bottom:10px;}
#divWinnerContentInner {height:350px; overflow:auto; scrollbar-face-color: #555; scrollbar-shadow-color: #000; scrollbar-highlight-color: #000; scrollbar-3dlight-color: #000; scrollbar-darkshadow-color: #000; scrollbar-track-color: #000; scrollbar-arrow-color: #000; z-index: 1; position: relative;} 
.bgYellow {height:auto; padding:10px; overflow:hidden; background:#f4f4c8; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80;}