body	
{
	margin: 0;
	padding: 2em;
	background-color: #BBCCEE;
	color: #000000;
	font-family: Garamond, Georgia, serif;
	font-size: 11pt;
}

.2HKBlue { color: #BBCCEE; }
.2HKBrown { color: #543019; }

H1,H2,H3,H4,H5,H6
{
	color: #543019;
	font-family: Optima, Verdana, sans-serif;
}
a:link
{
	text-decoration: none;
	color: #BBCCEE;
}
a:visited
{
	text-decoration: none;
	color: #BBCCEE;
}
a:hover
{
	text-decoration: underline;
	color: #543019;
}
a:active
{
	text-decoration: underline;
	color: #804825;
}

#sideBar	
{
	text-align: center;
	vertical-align: top;
	padding: 1em 1em 0 0;
}
#logoContainer	
{
	padding: 1em .5em 1em .5em;
}
#sideBar .sectionLink	
{
	padding: .1em .5em .1em .5em;
	margin: .4em 0 .4em 0;
	border-color: #BBCCEE;
	border-width: 1px;
	border-style: solid;
	color: #FFFFFF;
	font-family: Optima, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14pt;
}
#sideBar .sectionLink:hover
{
	border-color: #C5D6F9 #AEBDDC #AEBDDC #C5D6F9;
	border-width: 1px;
	border-style: solid;
}
#sideBar .sectionLink:active
{
	border-color: #AEBDDC #C5D6F9 #C5D6F9 #AEBDDC;
	border-width: 1px;
	border-style: solid;
}
#sideBar a:link { color: #FFFFFF; }
#sideBar a:visited { color: #FFFFFF; }
#sideBar a:hover { color: #543019; }
#sideBar a:active { color: #804825; }
#pageContentContainer	
{
	width: 600px;
	max-width: 600px;
	background-color: #FFFFFF;
	border-collapse: collapse;
}
#bodyContent	
{
	width: 585px;
	min-height: 400px;
	margin: 0 1em 0 1em;
	font-size: 11pt;
	line-height: 1.3em;
	text-align: left;
}
#bodyHeader
{
	width: 540px;
	color: #543019;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	font-family: Optima, Tahoma, sans-serif;
	text-transform: uppercase;
}
#topLeftCorner	
{
	width: 30px;
	height: 30px;
	text-align: left;
	padding: 0;
	vertical-align: top;
}
#topRightCorner
{
	width: 30px;
	height: 30px;
	text-align: right;
	padding: 0;
	vertical-align: top;
}
#bottomLeftCorner
{
	width: 30px;
	height: 30px;
	text-align: left;
	padding: 0;
	vertical-align: bottom;
}
#bottomRightCorner
{
	width: 30px;
	height: 30px;
	text-align: right;
	padding: 0;
	vertical-align: bottom;
}
#pageFooter
{
	padding: .5em;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
	vertical-align: middle;
}


.dropCap
{
	color: #BBCCEE;
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
}
.sectionBreaker
{
	text-transform: uppercase;
	font-weight: bold;
	color: #543019;
}
.list
{
	text-indent: -1em;
	margin: 0 0 0 1em;
}


#contactForm .control
{
	clear: both;
	border-width: 1px;
	border-color: #D0D0D0;
	border-style: solid none none none;
	padding: .1em .1em .1em 20%;
}
#contactForm .field
{
	clear: both;
	border-width: 1px;
	border-color: #D0D0D0;
	border-style: dotted none none none;
	padding: .1em;
}
#contactForm .field .label
{
	float: left;
	width: 20%;
	font-weight: bold;
	text-align: right;
	margin: 0 .5em 0 0;
}
#contactForm .field.error
{
	color: #E00000;
	background-color: #FFF0FF;
}

.error
{
	color: #E00000;
}