@charset "UTF-8";

/* Christ Covenant Chgurch of California CSS */

body.Top            { background-image: url("../img/bg.png"); background-repeat: repeat-x; }
div                 { text-align: center; }
img                 { border:0; vertical-align: top; }
#TopMain            { margin-top: -16px; }
#TopMain.ko         { margin-top: 0px; }
.loadingWrap        { width: 100%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; }
.loadingWrap img    { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; }
#TopHeader          { width: 940px; }
.TopHeaderLists     { margin-top: 21px; margin-bottom: 9px; overflow: hidden; *zoom: 1; }
.TopHeaderList      { display: block; float: left; clear: none; }
.link1              { margin-top: 63px; margin-right: 9px; }
.link2              { margin-top: 63px; margin-right: 11px; }
.link3              { margin-top: 57px; margin-right: 9px; }
.link4              { margin-top: 63px; }
#TopMenu            { overflow: hidden; width: 940px; }
#TopMenu img.menu1  { width: 130px; height: 2px; }
#TopMenu img.menu2  { width: 143px; height: 2px; }
#TopMenu img.menu3  { width: 190px; height: 2px; }
.TopMenuLists       { overflow: hidden; *zoom: 1; }
.TopMenuList        { display: block; float: left; clear: none; }
#TopMenu .menu_line { height: 15px; }
#TopMenu .menu_sp   { height: 15px; }
#Contents           { z-index: 1; }
#TopPhoto           { z-index: 1; width: 940px; padding-top: 15px; margin-top: 25px;
                      margin-bottom: 35px; position: relative; }
#TopLink            { width: 940px; }
.TopLinkLists       { margin-top: 0px; margin-bottom: 58px; overflow: hidden; *zoom: 1; }
.TopLinkList        { display: block; float: left; }
#TopReturn          { overflow: hidden; width: 940px; }
.TopReturnButton    { float: right; overflow: hidden; *zoom: 1; }
#insert_pages       { margin-left: 218px; }
#Footer             { background-image: url("../img/bg_footer.png"); background-repeat: repeat-x;
                      background-color: #006cb8; }
#TopSitemaps        { overflow: hidden; width: 940px; }
.TopSitemapLists    { margin-top: 10px; overflow: hidden; *zoom: 1; }
.TopSitemapList     { width: 188px; height: auto; display: block; float: left; clear: none; }
.Sitemaps           { padding: 15px; }
.SitemapTop         { text-align: left; margin-bottom: 8px; color: #fff; }
.SitemapSp          { height: 5px; margin-bottom: 4px; }
.Sitemap            { text-align: left; font-size: small; margin-bottom: 8px; }
#TopCopyright       { margin-top: 4px; font-size: 8px; letter-spacing: 1px; }
ul,li               { margin: 0; padding: 0; }
ul#menu             { z-index: 100; margin: 0px auto; width: 940px; }
ul#menu li          { z-index: 100; float: left; height: 48px; background-color: #006cb8;
                      list-style: none; text-align: center; height: auto; }
ul#menu li a,
ul#menu li.menu1,
ul#menu li.menu2,
ul#menu li.menu3    { z-index: 100; display: block; height: 100%; line-height: 48px; color: #fff;
                      text-decoration: none; letter-spacing: 0.5px; font-size: 16px; }
ul#sub              { z-index: 100; background-color: #167cdd; }
ul#sub li           { z-index: 100; background-color: #167cdd; float: none; position: relative;
                      height: 24px; line-height: 24px; }
ul#sub li a         { z-index: 100; background-color: #167cdd; font-size: 15px; height: 24px;
                      line-height: 24px; text-align: left; margin-left: 50px; margin-right: 15px; }
ul#sub li.en        { height: 24px; line-height: 24px; }
ul#sub li.en a      { font-size: 12px; margin-left: 20px; margin-right: 15px; height: 24px; line-height: 24px; }
ul#sub a:link       { color: #fff; }
ul#sub a:visited    { color: #fff; }
ul#sub a:hover      { color: #ccc; }
ul#sub a:active     { color: #006cb8; }
ul#menu li ul#sub   { position: absolute; }
.menu1              { width: 170px; }
.menu2              { width: 183px; }
.menu3              { width: 230px; }
.menu4              { width: 221px; }
.menu5              { width: 129px; }
#ContentsBox        { width: 940px; margin: 0 auto; overflow: hidden; min-height: 600px;
                      height: auto !important; height: 600px; margin-top: 40px; margin-bottom: 90px; }
#TitleBar           { background-image: url("../img/sub_title_b.png"); background-repeat: no-repeat;
                      width: 940px; height: 98px; margin-bottom: 24px; }
#TitleBar .TScript  { font-size: 22px; color: #fff; line-height: 98px; vertical-align: middle;
                      text-align: left; padding-left: 40px; }
#LinkUnits                  { float: left; width: 188px; height: 200px; }
#LinkLists                  { background-image: url("../img/sub_menu_b.png"); background-repeat: repeat-x; height: 800px; }
#LinkLists .Links           { padding-top:10px; text-align: left; }
#LinkLists li               { margin: 8px 8px 8px 10px; }
#LinkLists li.SubLine       { height: 2px; }
#LinkLists li a             { margin: 2px 15px; }
#LinkLists a                { text-decoration: none; font-size: 15px; width: 100%; display: block; }
#LinkLists li.en a          { font-size: 13px; margin: 2px; }
#LinkLists a:link           { color: #000000; }
#LinkLists a:visited        { color: #000000; }
#LinkLists a:hover          { color: #ffffff; }
#LinkLists a:active         { color: #006cb8; }
#LinkLists li.active        { background-color: #006cb8; cursor: default; }
#LinkLists li.active a      { color: #fff; font-weight: bold; cursor: default; }
#LinkLists li.active:hover  { background-color: #006cb8; cursor: default; }
#LinkLists li.active:hover a{ color: #fff; font-weight: bold; cursor: default; }
#LinkLists li:hover         { background-color: #167cdd; cursor: pointer; }
#LinkLists li:hover a       { color: #fff; font-weight: bold; }
#Scripts                    { float: left; text-align: left; font-size: 20px; font-weight: bold;
                              margin-top: -5px; margin-bottom: 5px; }
#Blists                     { float: right; text-align: right; font-size: 13px; color: #aaa; }
#Blists a                   { color: #aaa; text-decoration: underline; }
#Blists:after               { clear: both; zoom: 1; }
#ArticlesBox                { background-image: url("../img/sub_subtitle_b.png"); background-repeat: repeat-x;
                              float: left; width: 722px; }
#ArticlesBox .Articles,
#ArticlesBox .STimeLine,
#ArticlesBox .Map,
#ArticlesBox .MvListsUnits  { padding-top: 53px; width: 722px; }
#ArticlesBox .left          { float: left; width: 423px; text-align: left;
                              font-family: 'Nanum Gothic Coding', monospace; font-size: 13px; }
#ArticlesBox .right         { float: right; width: 299px; text-align: left; }
#ArticlesBox .ScriptBox     { margin-bottom: 25px; text-align: left; font-size: 13px; line-height: 21px; }
#ArticlesBox span.ScriptBlue{ color: #2882d9; font-size: 14px; font-weight: bold; }
#ArticlesBox span.ScriptBold{ font-size: 13px; font-weight: bold; }
#ArticlesBox span.Pastor    { color: #7D7D7D; font-size: 18px; }
#ArticlesBox span.PastorN   { color: #000; font-family: 'Nanum Myeongjo', serif; font-size: 18px;
                              font-weight: bold; margin-left: 7px; margin-right: 7px; }
#ArticlesBox span.PastorE   { color: #000; font-size: 18px; margin-left: 5px; }
#ArticlesBox span.Phone     { color: #7D7D7D; font-size: 12px; }
#ArticlesBox span.PhoneN    { color: #000; font-size: 12px; margin-left: 5px; }
#ArticlesBox span.Email     { color: #7D7D7D; font-size: 12px; }
#ArticlesBox span.EmailA    { color: #000; font-size: 12px; margin-left: 5px; }
#ArticlesBox li.Pastor      { margin-top: 8px; }
#ArticlesBox li.Phone       { margin-top: 2px; }
#ArticlesBox li.Email       { margin-top: 5px; }
#Contents                   { float: left; width: 722px; margin-left: 30px; }
#Contents:after             { clear: left; }
#ArticlesBox                { width: 722px; margin-left: 30px; }
#ArticlesBox .STimeLine     { float: left; overflow: hidden; font-family: 'Nanum Gothic Coding', monospace; }
#ArticlesBox .TTitle        { font-weight: bold; text-align: left; padding-bottom: 5px; margin-bottom: 5px;
                              border-bottom: 1px dashed #E0E0E0; }
#ArticlesBox .TTitle img    { padding-top: 5px; padding-right: 5px; }
#ArticlesBox .STimeL        { float: left; width: 350px; margin-right: 11px; }
#ArticlesBox .STimeR        { float: right; width: 350px; margin-left: 11px; }
#ArticlesBox li.SName,
#ArticlesBox li.TTime,
#ArticlesBox li.CName,
#ArticlesBox li.CCont       { float: left; margin-bottom: 4px; width: 120px; }
#ArticlesBox li.SName.en    { float: left; margin-bottom: 4px; width: 180px; }
#ArticlesBox li.CCont       { width: auto; }
#ArticlesBox .SName         { font-size: 13px; text-align: left; background-color: #E9E9E9;
                              padding: 3px 0px 3px 7px; width: 90px; }
#ArticlesBox .TTime         { font-size: 13px; text-align: left; padding: 3px 0px 3px 7px; width: 246px; }
#ArticlesBox .TTime.Middle  { padding-top: 11px; }
#ArticlesBox .TTime.Middle3 { padding-top: 18px; }
#ArticlesBox .Clear         { clear: left; }
#ArticlesBox .CName         { font-size: 13px; text-align: left; background-color: #E9E9E9;
                              padding: 3px 0px 3px 7px; width: 90px; }
#ArticlesBox .CCont         { font-size: 13px; text-align: left; padding: 3px 0px 3px 7px; width: 612px; }
#ArticlesBox .MapLink       { width: 722px; text-align: right; margin-top: 5px; }
#ArticlesBox .MapLink a     { color: #000; text-decoration: underline; font-size: 13px; }

.google-maps                { position: relative; padding-bottom: 53%; height: 0; overflow: hidden; }
.google-maps iframe         { position: absolute; top: 0; left: 0; width: 100% !important;
                              height: 100% !important; }
#MvListsPages span.PageLink,
#MvListsPages span.PagePrev,
#MvListsPages span.PageNext             { cursor: pointer; }
#MvListsPages span.PageLink             { font-size: 12px; line-height: 42px; }
#MvListsPages span.PagePrev             { padding-right: 15px; }
#MvListsPages span.PageNext             { padding-left: 15px; }
#MvListsPages span.PageLink.active      { font-weight: bold; }
#MvListsPagesUnits                      { margin-top: 30px; width: 722px; display: inline-block;
                                          /display: inline; /zoom: 1; vertical-align: top; }
#ArticlesBox .MvListsUnits              { margin-left: 4px; width: 722px; }
#ArticlesBox .MvListsUnits li.MvBox     { display: inline-block; /display: inline; /zoom: 1;
                                          vertical-align: top; text-align: center; margin-right: 6px;
                                          margin-bottom: 20px; }
#ArticlesBox .MvListsUnits li.Date      { width: 170px; text-align: left; font-size: 11px; }
#ArticlesBox .MvListsUnits li.STitleK   { width: 170px; text-align: left; font-size: 14px; }
#ArticlesBox .MvListsUnits li.STitleE   { width: 170px; text-align: left; font-size: 13px; }