/*------------------------------------------*/
/* Basics */
@font-face{ font-family: 'Valerie Hand'; src: url('font/valerie_hand-webfont.eot'); src: url('font/valerie_hand-webfont.eot?iefix') format('eot'), url('font/valerie_hand-webfont.woff') format('woff'), url('font/valerie_hand-webfont.ttf') format('truetype'), url('font/valerie_hand-webfont.svg#webfont') format('svg'); }

body {
	color: #666;
	font-family: Helvetica, Helv, Arial, "MS Sans Serif", sans-serif;
	font-size: 12px;
	line-height: 1em;
}

a {
  color: #7ac143;
  text-decoration: none;
  border-bottom: 1px solid #7ac143;
}
a:hover {
  color: #666;
  text-decoration: none;
  border-bottom: 1px solid #666;
}

/* Updated by M.Qiu -  CSS update - Stage 2 No.#1 task - it #4958	
	- 2/09/2011: hmm, break down to update certain selector's style
*/
.main a {
  text-decoration: none;
  border-bottom: 1px dotted;
  color: #666;
}
.main a:hover {
  color: #5b9131;
  text-decoration: none;
  border-bottom: 1px dotted #5b9131;
}

.main p {
  margin-bottom: 8px;
  margin-top: 5px;
}

.main a img, .main a:hover img { /* hmm, not working */
  text-decoration: none;
  border-bottom: 0px;
}

.main h2 + p { /* P element immediately follows a h2 element */
  margin-top: 12px;
}

.main h3 + p, #content .main h4 +p {
  margin-top: 8px; 
}
/*---  End of update by M.Qiu ------------- */

p {
  margin-bottom: 4px;
  margin-top: 4px;
}

p, ol, ul, blockquote {
  font-size: 12px;
}

em {
	/*
	font-weight: bold;
	font-style: normal;
	*/
	font-style: italic;
}

.content ul, .content ol {
	margin-top: 10px;
	margin-bottom: 10px;
}
.content li, .content ul ul, .content ol ol, .content ul ol, .content ol ul, .content ul ul ul, .content ul ol ul, .content ul ol ol, .content ol ul ul, .content ol ol ul, .content ol ol ol
{
	margin-left: 18px;
	margin-top: 6px;
	margin-bottom: 8px;
}
.content li {
	margin-bottom: 6px;
	line-height: 17px;
}
.content ul {
	list-style: disc;
}
.content ol {
	list-style: decimal;
}
.content ol ol {
	list-style: lower-alpha;
}
.content ol ol ol {
	list-style:: upper-roman;
}
.content p img {
	float: left;
	border: 1px solid #595959;
	margin: 3px 8px 0px 0px;
}

.content p img.right {
	float: right;
	margin: 3px 0px 0px 8px;
}

h1, h2, h3, h4, h5, h6
{
  color: #7ac143;
  clear: both;
}
h1
{
  font-size: 25px;
  font-weight: normal;
  line-height: 25px;
  margin-top: 0px;
  margin-bottom: 5px;
}
h2
{
  font-size: 15px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-top: 10px;
  margin-bottom: 20px;
}
h3
{
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
}
h4
{
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}
h5
{
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* Updated by M.Qiu -  CSS update - Stage 2 No.#1 task - it #4958	
	- 2/09/2011: hmm, break down to update certain selector's style
*/
.main h3, .main h4, .main h5 {
  clear: both;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
  letter-spacing: -0.03em;
  line-height: 100%;
}

.main h3, .main h5 {
  color: #666;
} 

.main h2 {
  clear: both;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: -0.03em;
  /*line-height: 13px;*/ line-height:110%;
  margin-bottom: 7px;
  margin-top: 25px;
  color: #7AC143;
}

.main h3 {
  font-size: 15px;
  line-height: 13px;
}

.main h4 {
  font-size: 13px;
  line-height: 12px;
  color: #7AC143;
}

.main h5 {
  font-size: 12px;
  line-height: 12px;
}

.main h2 a {
    color: #7AC143;
}

/*---  End of update by M.Qiu ------------- */

.hidden {
  display: none;
}

.clear, .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#album-mosaic-hold{
	width: 909px;
	height: 90px;
	margin: 25px auto;
	position: relative;
	overflow: hidden;
}

.album-mosaic{
	list-style: none !important;
	position: absolute;
	margin: 0;
	width: 99999px;
}

.next, .prev{
	font-size:26px;
	line-height: 16px;
	font-family: "Valerie Hand", Mistral, "Freestyle Script", Tekton Pro, sans-serif;
	letter-spacing: 1px;
}

.next{
	margin-left:830px;
}

/* Updated by M.Qiu -  CSS update - Stage 2 No.#1 task - it #4958	
	- 17/11/2011:  break down to update certain selector's style - events area
*/
.events .list-wrapper a
{
	/*color:inherit;
	border-bottom: 1px solid #BFBFBF;*/
	color: #bebebe;
	border-bottom: 1px dotted #bebebe;
}

.events .list-wrapper a:hover
{
	color: #7AC143;
	/*border-bottom: 1px solid #7AC143;*/
	border-bottom: 1px dotted #5b9131;
}

/*---  End of update by M.Qiu ------------- */


/*.content table tr td {
	border: 1px solid #595959;
}*/







































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */