/* c o m m o n */ body, p, table, td, tr, img, h1, h2, h3, a, div, ul, li, br, input, textarea { margin: 0; padding: 0; border: none; border-collapse: collapse; vertical-align: top; font-family: Verdana, Tahoma, Arial, sans-serif; text-decoration: none; } p, table, td, tr, img, h1, h2, h3, a, div, ul, li, br, input, textarea { text-align: left; } body { background-color: #000000; text-align: center; } .center { text-align: center; } .nowrap { white-space: nowrap; } a { font-size: 10px; text-decoration: underline; color: #000000; } a:hover { text-decoration: underline; color: #2A3A45; } /* h e a d e r */ div.header { margin: 0 auto 0 auto; width: 749px; background-image: url("images/top.jpg"); height: 185px; background-color: #263741; position: relative; } a.CoCHeader { height: 55px; width: 490px; position: absolute; top: 100px; left: 120px; text-decoration: none; } a.CoCHeader:hover { text-decoration: none; } div.menu { margin: 0 auto 0 auto; width: 749px; background-image: url("images/menu.jpg"); background-color: #263741; font-size: 11px; color: #CFCFCF; font-weight: bold; line-height: 9px; height: 2.8em; } div.menu_links { text-align: center; padding-top: 5.5px; } div.menu_links a { font-size: 13px; font-weight: bold; color: #CFCFCF; text-decoration: none; font-family: Times New Roman, Georgia, Tahoma, serif; letter-spacing: 1px; line-height: 11px; } div.menu a:hover { color: #FFFFFF; text-decoration: none; } div.menu a.CoCMenuActive { color: #FFFFFF; } div.menu1 { padding-bottom: 5px; } div.menu1 a { font-size: 14px; } div.menu2 a { color: #CFCFCF; font-size: 11px; line-height: 16px; margin-top: 2px; } form { display: inline; margin-bottom: 0; padding: 0; } div.menu_search { margin: 0 auto 0 auto; width: 749px; text-align: center; clear: both; background-image: url("images/menu_qsbg.jpg"); height: 27px; background-color: #263741; } div.menu_search input { vertical-align: top; margin-top: 1px; } input.CoCQuickSearchButton { height: 13px; cursor: pointer; font-size: 8px; font-weight: bold; line-height: 12px; letter-spacing: 1px; text-align: center; color: #3A4B5F; background-color: #CFCFCF; } .CoCQuickSearchBox { font-size: 10px; width: 95px; background-color: #3A4B5F; border-left: 1px solid #CFCFCF; color: #CFCFCF; height: 13px; } * html input.CoCQuickSearchBox { margin-top: 0px; } * html input.CoCQuickSearchButton { padding: 0px 3px 3px 3px; } /* m a i n */ div.main { margin: 0 auto 0 auto; width: 749px; background-image: url("images/coc_bg_middle.gif"); padding-top: 20px; background-color: #A9A9A9; text-align: center; overflow: hidden; } div.clear { clear: both; background-image: url("images/bottom.jpg"); height: 24px; width: 749px; margin: 0 auto 0 auto; } div.bottom { font-size: 10px; margin: 0 auto 0 auto; text-align: center; color: #CFCFCF; background-color: #2A3A45; width: 749px; background-image: url("images/coc_bg_bottom.gif"); } div.bottom a { color: #CFCFCF; text-decoration: underline; } div.bottom a:hover { color: #FFFFFF; } input { vertical-align: middle; font-weight: normal; } table.CoCDataGrid { border: 1px solid #222222; } table.CoCDataGrid td { padding: 3px 8px 3px 8px; font-size: 10px; } tr.CoCDataGridItem { background-color: #AAAAAA; } tr.CoCDataGridAltItem { background-color: #999999; } .CoCNegativeText { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; color: #CFCFCF; background-color: #2A3A45; } /* f r o n t p a g e */ div.left { float: left; clear: left; padding-left: 22px; } div.left table.CoCDataGrid { width: 340px; margin-bottom: 20px; } div.left div { width: 340px; } div.right { float: right; clear: right; padding-right: 22px; } div.right table.CoCDataGrid { width: 340px; margin-bottom: 20px; } div.right div { width: 340px; } .tbl_header { background-color: #2A3A45; text-align: center; padding-top: 4px; height: 18px; } .tbl_header a { font-size: 11px; font-weight: bold; letter-spacing: 2px; color: #CCCCCC; text-decoration: none; font-family: Times New Roman, Georgia, Tahoma, serif; } .tbl_header a:hover { color: #FFFFFF; text-decoration: none; } .tbl_header_classic { width: 700px; background-color: #2A3A45; text-align: center; padding-top: 4px; height: 22px; font-size: 11px; font-weight: bold; letter-spacing: 2px; color: #CCCCCC; text-decoration: none; font-family: Times New Roman, Georgia, Tahoma, serif; margin: 10px auto 0 auto; } .tbl_stats { font-size: 10px; color: #222222; text-align: center; height: 15px; padding-top: 4px; padding-bottom: 5px; } .tbl_stats a { font-size: 10px; } .tbl_link { height: 22px; border: 1px solid #222222; text-align: center; padding-top: 4px; } .tbl_link a { font-size: 11px; } .tbl_highlight_pic { padding: 12px 5px 5px 10px; display: block; float: left; } .tbl_highlight_pic img { width: 100px; height: 100px; } .tbl_highlight_text { padding: 9px 10px 5px 5px; font-size: 10px; text-align: justify; line-height: 14px; float: right; display: block; width: 210px; } .tbl_highlight_text a { font-size: 11px; line-height: 14px; display: block; margin-bottom: -9px; } .tbl_clear { display: block; clear: both; height: 5px; font-size: 5px; width: 300px; } /* announcement */ .tbl_header.highlight a { color: #FFFFFF; } div.full div { width: 705px; } div.full table.CoCDataGrid { width: 705px; } .tbl_highlight_text.announcement_text { padding: 9px 5px 9px 5px; float: inherit; width: inherit; } .tbl_highlight_text a { display:inline } /* m a i n */ div.main_single { width: 440px; margin: 0 auto 10px auto; } div.main_single span.tbl_highlight_text { width: 300px; font-size: 11px; line-height: 120%; } div.main_single a { font-size: 11px; margin-bottom: -2px; } div.main_clear { clear: both; } div.main_table { margin: 0 auto 0 auto; width: 600px; } div.main_table table { margin: 10px auto 0 auto; width: 600px; } div.main_table td { font-size: 11px; padding: 5px 6px 5px 6px; } tr.CoCDataGridHeader td { background-color: #2A3A45; text-align: center; vertical-align: middle; border: 2px solid #2A3A45; color: #CFCFCF; font-weight: bold; font-size: 12px; } div.main_table a { font-size: 11px; } a.CoCPager { color: #CFCFCF; text-decoration: underline; } a.CoCPager:hover { color: #FFFFFF; } div.MainFooter p { margin: 15px auto 15px auto; text-align: center; font-size: 10px; } div.MainFooter { text-align: center; } select.CoCDropDownList { font-size: 11px; background-color: #E0E0E0; color: #111111; vertical-align: top; } input.CoCButton { height: 19px; font-size: 10px; line-height: 10px; color: #000000; background-color: #E0E0E0; border-width: 1px 2px 2px 1px; border-color: #777777; border-style: solid; text-align: center; vertical-align: top; border-collapse: collapse; cursor: pointer; } div.alphabet { border: 1px solid #222222; margin: 20px auto 20px auto; width: 600px; text-align: center; padding-top: 4px; } div.alphabet a { font-size: 11px; } div.TourDates { border: 1px solid #222222; margin: 0 auto 10px auto; width: 600px; text-align: center; padding-top: 4px; height: 22px; } div.TourDates a { font-size: 11px; } /* a r t i c l e s */ div.CoCArticleTop { width: 650px; margin: auto; text-align: center; } div.CoCArticleTop span { letter-spacing: 1px; color: #000000; line-height: 150%; } span.CoCArticleHeader { font-weight: bold; font-family: Georgia, Tahoma, Times New Roman, sans-serif; font-size: 14px; } span.CoCArticleSubHeader { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; } span.CoCLink { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; display: block; } span.CoCLink a { font-size: 12px; font-family: Verdana, sans-serif; } * html span.CoCLink a { vertical-align: middle; } div.CoCAbstract { width: 650px; margin: auto; text-align: center; } div.CoCAbstract span { color: #000000; font-family: Verdana, Tahoma, sans-serif; font-size: 10px; } div.CoCArticle { width: 500px; margin: auto; font-family: Verdana, sans-serif; font-size: 12px; line-height: 150%; text-align: justify; margin-top: 20px; } div.CoCArticle p { margin-top: 14px; text-align: justify; } div.CoCArticle a { font-size: 12px; } div.CoCArticleEnd { margin: 10px auto 10px auto; text-align: center; } div.CoCArticleEnd span { margin-bottom: -18px; } div.CoCArticleEnd input { text-align: center; height: 18px; background-color: #CFCFCF; border: 1px solid black; width: 220px; cursor: pointer; } span.CoCSmallText { font-size: 10px; margin-bottom: 10px; } div.CoCArticleGrid { width: 600px; margin: 0 auto 0 auto; } div.CoCArticleGrid table { width: 600px; margin-bottom: 20px; } td.GridTitle { background-color: #2A3A45; text-align: center; vertical-align: middle; border: 2px solid #2A3A45; } span.GridTitle { font-size: 11px; font-weight: bold; letter-spacing: 2px; font-family: Verdana, sans-serif; color: #CFCFCF; } p#ArticleCenter { margin-bottom: 14px; text-align: center; } p#ArticleCenter a { font-weight: bold; text-decoration: underline; } div.CoCArticle table { margin: 10px 0 10px 0; } div.CoCArticle td { font-size: 10px; padding: 2px 8px 2px 4px; } span.TourBand { font-weight: bold; font-size: 11px; letter-spacing: 1px; } span.TourArea { font-weight: bold; font-size: 12px; text-decoration: underline; } /* a d v a n c e d s e a r c h */ div.AdvSearch { text-align: center; font-size: 14px; } div.AdvSearch input { border: 1px solid black; line-height: 13px; font-size: 11px; height: 13px; } div.AdvSearch textarea { border: 1px solid black; line-height: 13px; font-size: 11px; } div.AdvSearch div { font-size: 12px; } div.AdvSearch select { background-color: #E0E0E0; color: #111111; line-height: 10px; height: 17px; font-size: 10px; vertical-align: top; } div.LSearch { float: left; width: 330px; text-align: right; line-height: 17px; } div.RSearch { float: right; width: 410px; } div.RSearch select { width: 200px; margin-bottom: 3px; } div.RSearch input { width: 143px; vertical-align: top; background-color: #E0E0E0; height: 15px; } div.RSearch textarea { vertical-align: top; background-color: #E0E0E0; } div.RSelect { float: right; width: 410px; } div.RSelect select { width: 100px; } div.RSelect span { font-size: 11px; padding-left: 5px; color: #333333; line-height: 15px; } div.RSelect input { height: 15px; width: 35px; vertical-align: top; background-color: #E0E0E0; } div.CSearch { clear: both; font-size: 4px; text-align: center; line-height: 4px; color: #333333; width: 500px; margin: 0 auto 0 auto; } div.CSearch span { line-height: 20px; display: block; } div.CSearch input { width: 200px; height: 16px; margin: 15px 0 30px 0; background-color: #E0E0E0; text-align: center; } /* m o r e C o C */ div.MoreMenu { background-color: #2A3A45; text-align: center; color: #CFCFCF; font-weight: bold; font-size: 12px; line-height: 19px; width: 550px; margin: 10px auto 30px auto; } div.MoreMenu a { font-family: Times New Roman, Tahoma, serif; color: #CFCFCF; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 22px; letter-spacing: 1px; } div.MoreMenu a:hover { color: #FFFFFF; text-decoration: none; } div.MoreMenu a.CoCMenuActive { color: #FFFFFF; } div.ContactHeader { background-color: #2A3A45; text-align: center; color: #CFCFCF; font-weight: bold; font-size: 12px; line-height: 19px; margin: 10px auto 20px auto; width: 400px; } div.ContactDetail { margin: 0 auto 0px auto; width: 450px; font-size: 10px; font-style: italic; text-align: center; } div.Contact { margin: 0 auto 30px auto; width: 380px; font-size: 12px; text-align: center; } div.Contact a { font-size: 12px; } div#Map { background-image: url("images/staff/CoCworld.gif"); height: 165px; width: 315px; margin: 0 auto 20px auto; } div.Staff { width: 666px; margin: 0 auto 0 auto; } div.Staff img { } div.StaffInfo { float: left; clear: left; width: 150px; line-height: 150%; margin: 0 10px 20px 0; font-size: 10px; text-align: center; } div.StaffInfo a { font-size: 12px; } div.StaffInfo a.Staff { font-size: 14px; font-weight: bold; } span.StaffName { font-size: 14px; font-weight: bold; } div.StaffBio { float: right; clear: right; width: 480px; text-align: justify; line-height: 140%; font-size: 12px; margin: 0 20px 20px 0; } div.StaffBio span { display: block; font-weight: bold; margin: 14px 0 0 35px; } div.StaffBioNarrow { float: right; clear: right; width: 355px; text-align: justify; line-height: 140%; font-size: 12px; margin: 0 20px 10px 0; } div.StaffNarrow { padding-top: 20px; background-color: #A9A9A9; text-align: center; } div.StaffClear { clear: both; width: 550px; border-top: 1px solid #333333; margin: 0 0 0 50px; } ol { margin: 10px 0 0 60px; padding: 0; } div.More { width: 450px; margin: 20px auto 20px auto; font-size: 12px; text-align: justify; line-height: 150%; } div.More p { text-align: justify; line-height: 150%; margin: 20px 0 5px 0; } div.More a { font-size: 12px } div.subscribe input.CoCButton { height: 17px; margin: 10px 0 20px 10px; } div.subscribe input.CoCTextBox { height: 14px; background-color: #E0E0E0; } div.subscribe { text-align: center; font-size: 12px; line-height: 150%; } /* r e m a i n i n g */ div.error { text-align: center; font-size: 12px; margin: 60px 0 120px 0; } div.gallery { text-align: center; font-size: 11px; line-height: 12px; } div.gallery img { margin: 0 auto 0 auto; } span.current { font-weight: bold; } span.plain { font-weight: normal; } body.social { overflow: hidden; background-color: #A9A9A9; border: none } div.social { width: 500px; text-align: center; margin: auto; } div.social ul { width: 140px; float: left; height: 20px; list-style: none; padding: 0px 10px 10px 0px; margin: 0px 0px 0px 15px; } div.social ul.left { text-align: right; } div.social ul.right { text-align: left; } div.social ul.center { text-align: center; } div.social ul li { display: inline; } .twitter-share-button { margin-left: 15px}