﻿body
{	
	background-color: #626246;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}

html, body{
height: 100%;
} 

LI.indent
{
	padding-left: 18px;
}

LI.addressEnd
{
	padding-bottom: 10px;
}

#shadow
{
	background-image: url(../images/shadow_bg.gif);
	margin: 0 auto; 
	text-align: center;
	width: 774px;
	vertical-align: top;
}

#center
{
	margin: 0 auto; 
	text-align: left;
	margin-top: 2px;
	width: 750px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	margin-bottom: 0;
}

#center:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#center {display: inline-table;}

/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */

#headerImg
{
	background-image: url(../images/hco_header_image.jpg);
	width: 750px;
	height: 240px;
}

DIV.center
{
	text-align: center;
}

.clearFloat
{
	clear: both;
	height: 0;
	overflow: hidden;
}

#menu
{
	display: inline;
	float: left;
	width: 168px;
	border-right: 1px solid #626246;
	overflow: hidden;
	background-color: #adae8c;
	font-size: 11px;
	_height: 480px;
	min-height: 480px;
}

#menu SPAN
{
	display: block;
	font-weight: bold;
	margin-left: 2px;
}

#menu A
{
	color: #626246;
	text-decoration: none;
}

#menu A:hover
{
	text-decoration: underline;
}

.collapsed
{
	cursor: hand;
	cursor: pointer;
}

#tcbMenu UL, #cocMenu UL, #edcMenu UL, #mainstMenu UL, #hccbaMenu UL
{
	margin: 0 0 10px 0;
	padding: 0;
}

#tcbMenu UL LI, #cocMenu UL LI, #edcMenu UL LI, #mainstMenu UL LI, #hccbaMenu UL LI
{
	margin: 0;
	padding: 1px 2px 1px 2px;
	font-size: 10px;
}

#tcbMenu UL LI UL.subMenu, #cocMenu UL LI UL.subMenu, #edcMenu UL LI UL.subMenu, #mainstMenu UL LI UL.subMenu, #hccbaMenu UL LI UL.subMenu
{
	margin: 2px 0 2px 12px;
	list-style-type: none;
}

#mainContent
{
	display: inline;
	float: left;
	width: 580px;
	border-right: 1px solid #adae8c;
	font-size: 11px;
}

#mainContent P
{
	margin: 6px 6px 12px 6px;
	line-height: 14px;
}

#mainContent H1
{
	font-size: 26px;
	margin: 6px 0 6px 6px;
}

#mainContent H2
{
	font-size: 18px;
	margin: 6px 0 6px 6px;
}

#mainContent H3
{
	font-size: 14px;
	margin: 6px 0 6px 6px;
}

#mainContent H4
{
	font-size: 12px;
	margin: 6px 0 6px 6px;
}

#singleContentColumn
{
	display: inline;
	float: left;
	width: 580px;
	background-color: #eeefe3;
}

#leftContentColumn
{
	display: inline;
	float: left;
	background-color: #eeefe3;
	width: 411px;
}

.lccSep /*leftContentColumnSeperator*/
{
	width: 170;
	height: 1px;
	overflow: hidden;
	margin: 10px 120px 10px 120px;
	border-top: dashed 1px #000;
}

.sccSep /*singleContentColumnSeperator*/
{
	width: 220;
	height: 1px;
	overflow: hidden;
	margin: 10px 180px 10px 180px;
	border-top: dashed 1px #000;
}

#rightContentColumn
{
	display: inline;
	float: left;
	background-color: #d8d79a;
	border-left: 1px solid #adae8c;
	width: 168px;
	_height: 480px;
	min-height: 480px;
}

#rightContentColumn img
{
	border: 0px;
	margin: 12px 0 8px 6px;
}

#rightColumnList
{
	font-size: 10px;
	list-style-type: none;
	margin: 6px 0 6px 4px;
	padding: 0;	
}

#rightColumnList LI
{
	margin: 2px 0 2px 0;
}
.leadIn
{
	font-weight: bold;
	font-size: 12px;
}

.noBulletList, .hccbaList UL, .hccbaSubList UL
{
	list-style-type: none;
	margin: 6px 6px 12px 6px;
	padding: 0;
}

.noBulletList LI
{
	margin: 0 0 2px 0;
}

.contentColWide
{
	width: 360px;
	float: left;
	display: inline;
	margin: 0 12px 2px 6px;
}

.contentColNarrow
{
	width: 180px;
	float: left;
	display: inline;
	margin: 2px 12px 2px 6px;
}

.contentColHalf
{
	width: 273px;
	float: left;
	display: inline;
	margin: 2px 11px 2px 6px;
}

.colImgStack
{
	margin: 22px 0 22px 0;
}

.announcement
{
	font-weight: bold;
	font-size: 14px;
}

/* TCB Section Styles */

#tcbMenu
{
	background-color: #b1b2fe;
	width: 160px;
	margin: 16px 3px 4px 3px;
	border: solid 1px #09096b;
}

#tcbMenu DIV.menuTitle
{
	height: 36px;
	padding-top: 4px;
	width: 160px;
	color:  #09096b;
	background-image: url(../images/tcb_menu_grad.gif);
}

.tcbContent H1, .tcbContent H2, .tcbContent H3, .tcbContent H4, .tcbContent .leadIn
{
	color: #09096b;
}

.tcbContent .lccSep, .tcbContent .sccSep
{
	border-top: dashed 1px #09096b;
}

.tcbImage, #rightContentColumn .tcbImage
{
	border: solid 1px #09096b;
	margin: 6px;
}

/* End TCB Section Styles */



/* EDC Section Styles */

#edcMenu
{
	background-color: #d0d899;
	width: 160px;
	margin: 16px 3px 4px 3px;
	border: solid 1px #70800b;
}

#edcMenu DIV.menuTitle
{
	height: 36px;
	padding-top: 4px;
	width: 160px;
	color: #70800b;
	background-image: url(../images/edc_menu_grad.gif);
}

.edcContent H1, .edcContent H2, .edcContent H3, .edcContent H4, .edcContent .leadIn
{
	color: #70800b;
}

.edcContent .lccSep, .edcContent .sccSep
{
	border-top: dashed 1px #70800b;
}

.edcImage, #rightContentColumn .edcImage
{
	border: solid 1px #70800b;
	margin: 6px;
}

.mapList
{
	list-style-type: none;
}

.mapList LI
{
	margin: 2px 0 2px 0;
}

.econDevGroup
{
	width: 560px;
	margin: 12px 0 24px 0;
}

.econDevGroup DIV.groupTitle
{
	margin: 2px 0 2px 6px;
	font-size: 14px;
	font-weight: bold;
	color: #70800b;
}

.econDevGroup DIV.groupDesc
{
	margin: 2px 0 2px 6px;
}

#demoLeftCol H3, #demoRightCol H3
{
	margin-top: 28px;
}

/* End EDC Section Styles */


/* COC Section Styles */

#cocMenu
{
	background-color: #e8d6db;
	width: 160px;
	margin: 16px 3px 4px 3px;
	border: solid 1px #78132f;
}

#cocMenu DIV.menuTitle
{
	height: 36px;
	padding-top: 4px;
	width: 160px;
	color: #78132f;
	background-image: url(../images/coc_menu_grad.gif);
}

.cocContent H1, .cocContent H2, .cocContent H3, .cocContent H4, .cocContent .leadIn
{
	color: #78132f;
}

.cocContent .lccSep, .cocContent .sccSep
{
	border-top: dashed 1px #78132f;
}

.cocImage
{
	border: solid 1px #78132f;
	margin: 4px;
}

.cocAbout DIV
{
	font-weight: bold;
	margin: 18px 0 4px 4px;
}

.cocAbout P
{
	margin: 8px 0 8px 24px;
}

#commTable, .commTable
{
	width: 560px;
	margin: 12px 6px 12px 9px;
}

#halfColTable
{
	width: 260px;
	margin: 0 0 0 6px;
}

#commTable TH, #halfColTable TH, .commTable TH
{
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border-top: solid 1px #c0c2ab;
	border-bottom: solid 1px #c0c2ab;
	border-right: solid 1px #c0c2ab;
	padding: 2px;
}

#commTable TD, #halfColTable TD, .commTable TD
{
	font-size: 9px;
	text-align: left;
	border-bottom: solid 1px #c0c2ab;
	border-right: solid 1px #c0c2ab;
	padding: 2px;
}

#commTable TD.ctFirst, #commTable TH.ctFirst, #halfColTable TD.ctFirst, #halfColTable TH.ctFirst, .commTable TD.ctFirst, .commTable TH.ctFirst
{
	border-left: solid 1px #c0c2ab;
}

#commTable TD.ctTop, #halfColTable TD.ctTop,  .commTable TD.ctTop
{
	border-top: solid 1px #c0c2ab;
}

#pastLocations
{
	width: 380px;
	font-size: 10px;
	list-style-type: none;
	margin: 12px 0 12px 18px;
	padding: 0;
}

#pastLocations LI
{
	margin: 4px 0 4px 0;
	font-style: italic;
}

#pastChairs
{
	font-size: 10px;
	list-style-type: none;
	margin: 6px 0 6px 4px;
	padding: 0;
}

#pastChairs LI
{
	margin: 2px 0 2px 0;
	font-style: italic;
}

#membershipLists UL
{
	margin: 2px 10px 28px 32px;
	_margin: 2px 10px 28px 32px;
}

#schoolList UL
{
	list-style-type: none;
	margin: 2px 0 22px 12px;
	padding: 0;
}

#schoolList UL.subList
{
	list-style-type: disc;
	margin: 0 0 0 22px;
	padding: 0;
}

#schoolList UL LI
{
	margin-bottom: 2px;
}

.ambassTable, #goldTable
{
	width: 560px;
	margin: 20px 0 20px 18px;
}

#goldTable
{
	font-size: 10px;
}

#goldTable TD
{
	padding: 8px 6px 8px 6px;
}

#goldTable SPAN
{
	display: block;
}

#goldTable SPAN.goldBusiness
{
	font-weight: bold;
	color: #78132f;
}

/* End COC Section Styles */



/* HCCBA Section Styles */

#hccbaMenu
{
	background-color: #f5beb1;
	width: 160px;
	margin: 16px 3px 4px 3px;
	border: solid 1px #c45137;
}

#hccbaMenu DIV.menuTitle
{
	height: 36px;
	padding-top: 4px;
	width: 160px;
	color:  #c45137;
	background-image: url(../images/hccba_menu_grad.gif);
}

.hccbaContent H1, .hccbaContent H2, .hccbaContent H3, .hccbaContent H4, .hccbaContent .leadIn
{
	color: #c45137;
}

.hccbaContent .lccSep, .hccbaContent .sccSep
{
	border-top: dashed 1px #c45137;
}

.hccbaImage, #rightContentColumn .hccbaImage
{
	border: solid 1px #c45137;
	margin: 6px;
}

.hccbaList
{
	margin: 18px 12px 6px 4px;
}

.hccbaSubList
{
	margin: 12px 12px 4px 34px;
}

.hccbaList H3, .hccbaSubList H3
{
	color: #c45137;
	font-size: 16px;
	margin: 6px 0 6px 6px;
	border-top: solid 1px #aaa;
}

.hccbaSubList H3
{
	border-top: none;
}

.hccbaList UL LI, .hccbaSubList UL LI
{
	font-size: 12px;
	margin: 1px 0 3px 6px;
}

.hccbaList UL LI SPAN, .hccbaSubList UL LI SPAN
{
	font-weight: bold;
	color: #333;
}

.membershipGroup
{
	width: 480px;
	margin: 12px 0 24px 0;
}

.membershipGroup DIV.groupName
{
	margin: 2px 0 2px 6px;
	font-size: 14px;
	font-weight: bold;
	color: #c45137;
}

.membershipGroup DIV.type
{
	margin: 2px 0 2px 6px;
}

.membershipGroup DIV.fee
{
	margin: 2px 0 2px 6px;
	font-weight: bold;
}

/* End HCCBA Section Styles */



/* Main St Section Styles */

#mainstMenu
{
	background-color: #f1f1c4;
	width: 160px;
	margin: 16px 3px 4px 3px;
	border: solid 1px #a2a400;
}

#mainstMenu DIV.menuTitle
{
	height: 36px;
	padding-top: 4px;
	width: 160px;
	color:  #a2a400;
	background-image: url(../images/mainst_menu_grad.gif);
}

.mainstContent H1, .mainstContent H2, .mainstContent H3, .mainstContent H4, .mainstContent .leadIn
{
	color: #a2a400;
}

.mainstContent .lccSep, .mainstContent .sccSep
{
	border-top: dashed 1px #a2a400;
}

.mainstImage
{
	border: solid 1px #a2a400;
	margin: 4px;
}

/* End Main St Section Styles */