/*   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}