@charset "utf-8";
/* *******************************************************
J  a  v  a  c  a  t  z
Filename:   [project].css
Purpose:    This file is created to hold CSS styles of
            the project.
            Please do not put other styles in this file.
Created by: KY 2011.07.18
******************************************************* */

html,
body {
	color: #1B1B1B;
	background-color: #FEFCED;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: inherit;
	font-weight: normal;
	line-height: 1.33em;
	text-align: center;
	padding: 0;
	margin: 0;
}
body.webfonts {
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

a {
	color: #03336A;
	text-decoration: none;
}
u a,
a.underline,
u a:link {
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
}
a.pointer {
	cursor: pointer !important;
}
a img {
	border: 0;
}

.linkMask {
	display: block;
	cursor: default;
}
a .linkMask {
	cursor: pointer;
}

p {
	margin: 0 0 1.5em 0;
}

.noscript {
	display: block;
	color: #f00;
	background-color: #fff;
	font-weight: bold;
	text-decoration: blink;
	text-align: center;
	padding: 5px 10px;
	margin: 5px 20px 0 20px;
	border: 1px solid #f00;
	z-index: 99;
}



/* *** H1...H6 *** */
h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}
body.webfonts h1,
body.webfonts h2,
body.webfonts h3,
body.webfonts h4,
body.webfonts h5,
body.webfonts h6 {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
h1 {
	font-size: 200%;
	font-weight: normal;
	line-height: 1.33em;
	margin-bottom: 0;
}
h2 {
	font-size: 200%;
	font-weight: bold;
	line-height: 1.33em;
}
h3 {
	color: #03336A;
	/*font-size: 134%;*/
	font-size: 16px;
	font-weight: bold;
	line-height: 1.33em;
	text-transform: none;
	margin-bottom: 1.5em;
}
body.homepage h3 {
	color: #085990;
	font-size: 22px;
}
h4 {
	font-size: 117%;
	font-weight: normal;
	line-height: 1.33em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
h5 {
	color: #494949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.33em;
	margin-bottom: 0.5em;
}
body.webfonts h5 {
	font-family: "Arimo", Arial, Helvetica, sans-serif;
}
h6 {
	color: #03336A;
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
}



/* *** IMG *** */
img {
	vertical-align: middle;
}
img.float_left {
	margin: 0 7px 2px 0;
}
img.float_right {
	margin: 0 0 2px 7px;
}



/* *** Buttons *** */
.buttons {
	margin: 10px 0 0 0;
}
.buttons2 {
	margin: 5px 0 0 0;
}
.buttons a {
	text-decoration: none;
}
.buttons a:hover {
	text-decoration: underline;
}

.buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.buttons { display: inline-block; }
/* Hides from IE-mac \*/
* html .buttons { height: 1px; }
.buttons { display: block; }
/* End hide from IE-mac */

.buttons2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.buttons2 { display: inline-block; }
/* Hides from IE-mac \*/
* html .buttons2 { height: 1px; }
.buttons2 { display: block; }
/* End hide from IE-mac */

.button,
.button2,
.smallbutton,
.smallbutton2,
.bigbutton,
.bigbutton2 {
	color: #595959 !important;
	background-color: transparent;
	background-image: url(../img/button/button.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	display: block;
	float: left;
	position: relative;
	clear: none;
	font-size: 13px;
	text-decoration: none !important;
	line-height: 20px;
	height: 20px;
	margin: 0 15px 0 0px;
	vertical-align: middle;
	padding: 0;
	white-space: nowrap;
	cursor: pointer;
}
.button2 {
	color: #333 !important;
	background-image: url(../img/button/button2.gif);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 19px;
	height: 19px;
}
.smallbutton,
.smallbutton2 {
	color: #fff !important;
	background-image: url(../img/button/smallbutton.png);
	font-size: 11px;
	line-height: 18px;
	height: 18px;
	margin: 0 15px 0 0;
}
.smallbutton2 {
	color: #333 !important;
	background-image: url(../img/button/smallbutton2.gif);
	line-height: 21px;
	height: 21px;
}
.bigbutton,
.bigbutton2 {
	color: #595959 !important;
	background-image: url(../img/button/bigbutton.gif);
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	margin: 0 17px 0 3px;
}
.bigbutton2 {
	height: 19px;
}
.button span,
.button2 span,
.smallbutton span,
.smallbutton2 span,
.bigbutton span,
.bigbutton2 span {
	background-color: transparent;
	background-image: url(../img/button/button.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% 0%;
	display: block;
	position: relative;
	text-align: center;
	line-height: 20px;
	margin: 0 -10px 0 10px;
	height: 20px;
	min-width: 20px;
	padding: 0 10px 0 0;
	white-space: nowrap;
	cursor: pointer;
}
.button2 span {
	background-image: url(../img/button/button2.gif);
	line-height: 18px;
	height: 18px;
	padding: 1px 10px 0 0;
}
.smallbutton span,
.smallbutton2 span {
	background-image: url(../img/button/smallbutton.png);
	line-height: 18px;
	height: 18px;
	min-width: 10px;
	margin: 0 -10px 0 10px;
	padding: 0 10px 0 0;
}
.smallbutton2 span {
	background-image: url(../img/button/smallbutton2.gif);
	line-height: 21px;
	height: 21px;
}
.bigbutton span,
.bigbutton2 span {
	background-image: url(../img/button/bigbutton.gif);
	line-height: 25px;
	height: 25px;
	margin: 0 -10px 0 10px;
	padding: 0 10px 0 0;
}
.bigbutton2,
.bigbutton2 span {
	color: #fff;
	line-height: 28px;
	height: 28px;
	background-image: url(../img/button/bigbutton2.gif);
}
.button:hover,
.button2:hover,
.smallbutton:hover,
.smallbutton2:hover,
.bigbutton:hover,
.bigbutton2:hover {
	color: #fff !important;
	background-color: transparent;
	background-position: 0% -30px;
}
.button2:hover {
	color: #333 !important;
}
.smallbutton:hover,
.smallbutton2:hover {
	color: #fff !important;
}
.smallbutton2:hover {
	color: #333 !important;
}
.bigbutton:hover,
.bigbutton2:hover {
	color: #333 !important;
	background-position: 0% -40px;
}
.button:hover span,
.button2:hover span,
.smallbutton:hover span,
.smallbutton2:hover span {
	background-position: 100% -30px;
}
.bigbutton:hover span,
.bigbutton2:hover span {
	background-position: 100% -40px;
}
* html .button,
* html .button2,
* html .smallbutton,
* html .smallbutton2,
* html .bigbutton,
* html .bigbutton2 {
	width: 20px;
}
* html .button span,
* html .button2 span,
* html .smallbutton span,
* html .smallbutton2 span,
* html .bigbutton span,
* html .bigbutton2 span {
	width: 20px;
}
.button img,
.button2 img,
.smallbutton img,
.smallbutton2 img,
.bigbutton img,
.bigbutton2 img {
	border: 0;
	vertical-align: baseline;
	cursor: pointer;
}
.button.float_right,
.button2.float_right,
.smallbutton.float_right,
.smallbutton2.float_right,
.bigbutton.float_right,
.bigbutton2.float_right {
	float: right;
}

.button.form,
.button2.form {
    margin: 10px 0 0 127px;
}



/* *** Forms *** */
* html body.hideSelect select {
	visibility: hidden;
}
input.text,
input.date,
textarea.text {
	color: #333;
	background-color: #fff;
	text-align: left;
	padding: 1px;
	width: 200px;
	border: 1px solid #BDBDBD;
}
input.text.short {
	width: 3em;
}
input.date {
	background-image: url(../img/icon/icon-calendar.gif);
	background-repeat: no-repeat;
	background-position: 8em 2px;
	width: 8em;
	padding-right: 17px;
	cursor: pointer;
}
input.date,
input.text {
	line-height: 1.33em;
}
input.date:focus,
input.text:focus {
	border: 1px solid #FDD24F;
}
input.inactive {
	color: #999;
}
textarea.text {
	width: 300px;
	height: 8em;
	overflow: auto;
}
textarea.tall {
	height: 16em;
}
textarea:focus {
	border: 1px solid #FDD24F;
}
select.text {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	line-height: 1.33em;
	font-weight: normal;
	width: 195px;
	border: 1px solid #639A9D;
}
select:focus {
	border: 1px solid #FDD24F;
}
input.short,
textarea.short,
select.short {
	width: 117px;
}
*+html input.short,
*+html textarea.short,
*+html select.short {
	width: 110px;
}
.error,
.error a {
	color: #f00;
}

.formBatch:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.formBatch { display: inline-block; }
/* Hides from IE-mac \*/
* html .formBatch { height: 1px; }
.formBatch { display: block; }
/* End hide from IE-mac */
.formBatch {
	position: relative;
	padding: 10px;
	margin: 0 0 15px 0;
}
.formBatch h5 {
	color: #000;
	font-size: 100%;
	line-height: 1.33em;
	text-transform: uppercase;
	margin: 0 -10px 10px -10px;
	padding: 0 10px;
	border-bottom: 1px solid #A6A6A6;
}

.hasLegend {
	background-image: url(../img/bg/bg-form-set.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding-bottom: 10px;
}
.hasLegend .legend {
	display: block;
	color: #fff;
	background-image: url(../img/bg/bg-form-heading.png);
	background-repeat: repeat-y;
	background-position: 0% 0%;
	font-size: 93%;
	line-height: 1.33em;
	font-weight: bold;
	padding: 7px 11px 3px 11px;
}
.formSet {
	position: relative;
	margin: 0 0 7px 0;
}
.formSet:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.formSet {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .formSet {
	height: 1px;
}
.formSet {
	display: block;
}
/* End hide from IE-mac */
.hasLegend .formContent {
	background-color: #337175;
	background-image: url(../img/bg/bg-form-content.png);
	background-repeat: repeat;
	background-position: 0% 100%;
	padding: 10px 0 0 0;
}
.shortFields .formSet {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 360px;
}
label.label {
	display: block;
	float: left;
	position: relative;
	clear: none;
	text-align: right;
	width: 85px;
	padding: 2px 8px 2px 0;
}
.longLabels label.label {
	width: 15em;
}
div.field div.text {
	padding: 2px 0;
}
div.field:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
div.field { display: inline-block; }
/* Hides from IE-mac \*/
* html div.field { height: 1px; }
div.field { display: block; }
/* End hide from IE-mac */
div.field {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 385px;
}
.longLabels div.field {
	width: 320px;
}
.split2Col .leftCol .longLabels div.field {
	width: 300px;
}
.shortFields div.field {
	width: 265px;
}
div.field .radio:after,
div.field .checkbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
div.field .radio,
div.field .checkbox {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div.field .radio,
* html div.field .checkbox {
	height: 1px;
}
div.field .radio,
div.field .checkbox {
	display: block;
}
/* End hide from IE-mac */

div.field div.radio,
div.field div.checkbox {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 5px 0 0;
}
div.field .radio input,
div.field .checkbox input {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
* html div.field .radio input,
* html div.field .checkbox input {
	margin-top: 0;
}
.formSet .radio label,
.formSet .checkbox label,
.field .radio label,
.field .checkbox label {
	display: block;
	float: left;
	position: relative;
	clear: none;
	padding: 0 10px 0 0;
}
div.field .radio input.short,
div.field .checkbox input.short {
	margin: 0 10px 0 0;
}
.formSet .error {
}
.formButtons {
	position: relative;
	padding: 5px 0 0 93px;
}
.formButtons2 {
	position: relative;
}
.longLabels .formButtons {
	padding-left: 15em;
	margin-left: 8px;
}
.formButtons:after,
.formButtons2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.formButtons,
.formButtons2 {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .formButtons,
* html .formButtons2 {
	height: 1px;
}
.formButtons,
.formButtons2 {
	display: block;
}
/* End hide from IE-mac */
.shortFields .formButtons {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 265px;
}
.formButtons .error {
	margin: 0 0 5px 0;
}

div.radio {
	padding: 0;
}
div.radio input {
	line-height: 1.33em;
	vertical-align: middle;
	margin: 0;
	height: 1.15em;
	width: 1.7em;
}
div.radio label {
	display: block;
	line-height: 1.33em;
	margin: 0 0 5px 0;
}

.specialBatch {
	background-color: #fffeee;
	font-size: 12px;
	font-weight: bold;
	border-color: #aaa;
}
.specialBatch .legend {
	color: #3A6174;
}
.specialBatch label.label,
.specialBatch input,
.specialBatch textarea,
.specialBatch select,
.specialSet label.label,
.specialSet input,
.specialSet textarea,
.specialSet select {
	font-size: 12px;
	font-weight: bold;
}

.required input,
.required textarea,
.required select {
}
.required label.label {
	/*
	background-image: url(../img/bg/bg-required.gif);
	background-repeat: no-repeat;
	background-position: 0% 3px;
	margin-left: -8px;
	padding-left: 8px;
	*/
}



/* *** Lists *** */
ul {
	margin: 0 0px 1em 18px;
	padding: 0;
	list-style-type: disc;
}
ol {
	margin: 0 0px 20px 30px;
	padding: 0;
	list-style-type: decimal;
}
dl {
	margin: 0 0 20px 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 20px;
}
li {
	line-height: 1.33em;
	padding: 0;
}

ul.bullet,
ol {
	margin: 0 0 1em 0;
	padding: 0;
}
ul.bullet li {
	background-color: transparent;
	background-image: url(../img/bullet/bullet7.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0.5em;
	list-style-type: none;
	padding-left: 8px;
	margin-bottom: 0.3em;
}
ul.bullet2 li {
	background-image: url(../img/bullet/bullet9.gif);
	background-position: 0% 0.5em;
	padding-left: 10px;
}
ul.bullet3 li {
	background-image: url(../img/bullet/bullet10.gif);
	background-position: 0% 0.33em;
	padding-left: 18px;
	margin-bottom: 0.67em;
}
ul ul.bullet,
ul ol,
ol ul.bullet,
ol ol {
	margin-top: 0.3em;
	margin-bottom: 0;
}
ol li {
	list-style-type: decimal;
	margin-left: 2.5em;
	margin-bottom: 0.3em;
}
ol li ul.bullet li {
	list-style-type: none;
	margin-left: 0;
}
ol ol {
}
ol ol li {
	list-style-type: lower-alpha;
}
ol ol li ul.bullet li {
	list-style-type: none;
	margin-left: 0;
}
ol ol ol li {
	list-style-type: lower-roman;
}
ol ol ol li ul.bullet li {
	list-style-type: none;
	margin-left: 0;
}



/* *** Table *** */
table.fullwidth { width: 100%; }
table.normal {
	margin: 0;
}
table th {
	font-weight: bold;
}
table th a {
	text-decoration: none;
}
table th a:hover {
	text-decoration: underline;
}
table.normal th {
	color: #fff;
	background-color: #608CAE;
	font-weight: bold;
	vertical-align: top;
	padding: 5px 8px !important;
	border: 2px solid #608CAE;
	border-bottom-width: 0;
}
table.normal td {
	text-align: left;
	vertical-align: top;
	padding: 5px 8px !important;
	border: 2px solid #fff;
	/*border-top-width: 0;*/
	border-color: transparent;
}
body.homepage table.noborder {
	width: 737px;
	margin-left: -15px;
	margin-right: -20px;
}
table.noborder td,
table.noborder th {
	padding: 0 10px 3px 0 !important;
	border: 0 none;
}
table.normal tbody {
}
table.border {
	border-collapse: collapse;
	border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: #E2DDD2;
}
table.border th {
}
table.border td {
	background-color: #fff;
}
table.border th,
table.border td {
	text-align: left;
}
table.border td {
	border-color: #E2DDD2;
}
table.tableAltRow {
}
table tr.tr_odd th {
	padding: 3px 7px !important;
}
table tr.tr_odd td {
	background-color: #F0EDE4;
	padding: 3px 7px !important;
}
table tr.tr_even td {
	background-color: #fff;
	padding: 3px 7px !important;
}
table tr td.td_even {
	background-color: #F6F6F3;
}
table tr th.td_even {
	background-color: #608CAE;
}
table tr.tr_even td.td_even {
	background-color: #e9e9e9;
}

table.bigpadding tr th,
table.bigpadding tr td {
	padding: 8px 12px !important;
}
table.nopadding tr th,
table.nopadding tr td {
	padding: 0 !important;
}



/* *** Caption Image *** */
.caption_image_full {
	display: block;
	clear: none;
	text-align: center;
	background-color: #B9D3A3;
	padding: 0;
	margin: 0 0 10px 0;
}
.caption_image_left {
	display: block;
	float: left;
	clear: none;
	background-color: #B9D3A3;
	padding: 0;
	margin: 0 20px 10px 0;
	border: 1px solid #B4A68F;
}
.caption_image_right {
	display: block;
	float: right;
	clear: none;
	background-color: #B9D3A3;
	padding: 0;
	margin: 0 0 10px 20px;
	border: 1px solid #B4A68F;
}
.caption_image_full img,
.caption_image_left img,
.caption_image_right img {
	display: block;
	background-color: #f9f8f9;
	margin: 0;
	padding: 0;
	border: 0;
}
.caption_image_full .caption,
.caption_image_left .caption,
.caption_image_right .caption {
	display: block;
	background-color: #EEFDE1;
	text-align: center;
	padding: 8px;
	margin: 3px;
	border: 1px solid #419640;
}
table.fullwidth.normal td .caption_image_full,
table.fullwidth.normal td .caption_image_left,
table.fullwidth.normal td .caption_image_right {
	margin: 0 0 10px 0;
}



/* *** Misc *** */
.highlight {
	color: #717171;
	font-size: 117%;
	font-weight: bold;
	line-height: 1.33em;
}
.highlight a,
.highlight a:hover {
	color: #002A5C;
}
.highlight2 {
	color: #2E2E2E;
	font-size: 117%;
	font-weight: bold;
	line-height: 1.33em;
}
.redout {
	color: #BA1C00;
}
.redout2 {
	color: #970000;
}
.grayout {
	color: #999;
}
.fineprint {
	font-size: 92%;
	line-height: 1.33em;
}
.fineprint2 {
	font-size: 85%;
	line-height: 1.33em;
}
.smallfineprint {
	font-size: 77%;
	line-height: 1.33em;
}

a.rss {
	background-image: url(../img/icon/icon-rss.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}



/* *** backTop *** */
.backTop {
	display: block;
	position: absolute;
	bottom: 3px;
	right: 8px;
	color: #aaa;
	font-size: 11px;
	line-height: 15px;
	text-align: right;
	padding: 0;
	margin: -15px 0 0 0;
}
.backTop a {
	color: #aaa;
	background-image: url(../img/icon/icon_backTop.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
	padding-left: 12px;
}
.backTop a:hover {
	color: #999;
	text-decoration: underline;
}



/* *** bodywrap *** */
.bodywrap {
	position: relative;
	background-color: #FEFCED;
}



/* *** Page *** */
#page {
	position: relative;
	text-align: center;
	width: 990px;
	padding: 0;
	margin: 0 auto;
}
#page .pageInner {
	position: relative;
	background-color: #FEFCED;
	text-align: left;
	margin: 0 auto;
	padding: 0 20px;
}



/* *** Header *** */
#header {
	position: relative;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 118px;
	overflow: visible;
	z-index: 0;
}
#header .headerInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#header .headerInner { display: inline-block; }
/* Hides from IE-mac \*/
* html #header .headerInner { height: 1px; }
#header .headerInner { display: block; }
/* End hide from IE-mac */
#header .headerInner {
	position: relative;
	padding: 0;
	height: 0;
	overflow: visible;
}

#header h1 {
	display: block;
	float: left;
	position: relative;
	clear: none;
	font-size: 150%;
	text-align: center;
	padding: 7px 0 0 0;
	margin: 0;
}

#header .header-links {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	font-size: 12px;
	line-height: 18px;
}
#header .header-links a {
	/*
	margin: 0 0 0 3px;
	*/
	padding: 0 3px;
}
#header .header-links select {
	vertical-align: middle;
	margin: 0 0 0 3px;
}



/* *** Nav *** */
#navDisableLayer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 58;
}
body.onNav #navDisableLayer {
	display: block;
}
.navDiv-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.navDiv-wrap { display: inline-block; }
/* Hides from IE-mac \*/
* html .navDiv-wrap { height: 1px; }
.navDiv-wrap { display: block; }
/* End hide from IE-mac */
.navDiv-wrap {
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 0 0 143px;
}
.navDiv {
	display: block;
	position: relative;
	font-size: 100%;
	line-height: 32px;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 59;
}
body.onNav .navDiv {
}

.navDiv .navInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.navDiv .navInner { display: inline-block; }
/* Hides from IE-mac \*/
* html .navDiv .navInner { height: 1px; }
.navDiv .navInner { display: block; }
/* End hide from IE-mac */
.navDiv .navInner {
	position: relative;
	padding: 0;
}

.navDiv ul,
.navDiv ul li {
	display: block;
	background-image: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.navDiv ul.nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.navDiv ul.nav { display: inline-block; }
/* Hides from IE-mac \*/
* html .navDiv ul.nav { height: 1px; }
.navDiv ul.nav { display: block; }
/* End hide from IE-mac */
.navDiv ul.nav {
	position: relative;
}
body.onNav .navDiv ul.nav {
}

.navDiv ul li {
	display: block;
	float: left;
	position: relative;
	clear: none;
	padding: 0;
	margin: 0;
}
.zh-hk .navDiv ul li,
.zh-cn .navDiv ul li  
{
    min-width: 55px;
    letter-spacing: 2px;
    padding: 0 3px;
}
body.onNav .navDiv ul li {
}
* html ul li {
	height: 0;
}
.navDiv ul.nav li a {
	display: block;
	position: relative;
	color: #fff;
	background-image: url(../img/bg/bg-topnav-li.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	line-height: 32px;
	vertical-align: middle;
	height: 32px;
	padding: 0;
	margin: 0 10px 0 0;
	white-space: nowrap;
}
body.webfonts .navDiv ul.nav li a {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
.navDiv ul.nav li a span {
	display: block;
	position: relative;
	background-image: url(../img/bg/bg-topnav-li.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	text-align: center;
	height: 32px;
	padding: 0 8px 0 0;
	margin: 0 -8px 0 8px;
	cursor: pointer;
}
.zh-hk .navDiv ul.nav li > a span,
.zh-cn .navDiv ul.nav li > a span {
	font-size: 16px;
}
.navDiv ul.nav li a.active,
.navDiv ul.nav li a:hover {
	background-position: 0% -40px;
}
.navDiv ul.nav li a.current {
	background-position: 0% -80px;
}
.navDiv ul.nav li a.current:hover {
	background-position: 0% -120px;
}
.navDiv ul.nav li a.active span,
.navDiv ul.nav li a:hover span {
	background-position: 100% -40px;
}
.navDiv ul.nav li a.current span {
	background-position: 100% -80px;
}
.navDiv ul.nav li a.current:hover span {
	background-position: 100% -120px;
}
.navDiv ul.nav li a span span,
.navDiv ul.nav li a:hover span span,
.navDiv ul.nav li a.active span span,
.navDiv ul.nav li a.current span span,
.navDiv ul.nav li a.current:hover span span {
	display: block;
	background-image: none;
	text-transform: none;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer !important;
	width: auto;
}
.navDiv ul.nav li img {
	display: block;
}

.navDiv ul.nav div.ul {
	position: absolute;
	top: 32px;
	color: #1b1b1b;
	background-color: transparent;
	background-image: url(../img/bg/bg-topnav-li.png);
	background-repeat: no-repeat;
	background-position: 20px -160px;
	text-align: left;
	width: 190px;
	padding: 10px 0 0 0;
	margin: 0;
	z-index: 80;
}
.navDiv ul.nav div.ul.right {
	background-position: 160px -160px;
}
.navDiv ul.nav li.current div.ul {
	background-position: -968px -160px;
}
.navDiv ul.nav li.current div.ul.right {
	background-position: -828px -160px;
}
.navDiv ul.nav div.ul.navColumns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.navDiv ul.nav div.ul.navColumns { display: inline-block; }
/* Hides from IE-mac \*/
* html .navDiv ul.nav div.ul.navColumns { height: 1px; }
.navDiv ul.nav div.ul.navColumns { display: block; }
/* End hide from IE-mac */
.navDiv ul.nav div.ul.navColumns {
	width: 400px;
	padding: 0 2px;
}
.navDiv ul.nav div.ul.navColumns div.navColumn {
	display: block;
	float: left;
	position: relative;
	clear: none;
	background-image: url(../img/bg/pixel.gif);
	background-repeat: repeat;
	background-position: 0% 0%;
	width: 190px;
	padding: 7px 5px;
}

.navDiv ul.nav div.ul div.ul {
	position: relative;
	top: auto;
	width: auto;
	padding: 0 0 10px 15px;
}
.navDiv ul.nav div.ul .ulInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.navDiv ul.nav div.ul .ulInner { display: inline-block; }
/* Hides from IE-mac \*/
* html .navDiv ul.nav div.ul .ulInner { height: 1px; }
.navDiv ul.nav div.ul .ulInner { display: block; }
/* End hide from IE-mac */
.navDiv ul.nav div.ul .ulInner {
	background-color: #5D9A29;
	padding: 5px 5px 7px 5px;
}
.navDiv ul.nav li.current div.ul .ulInner {
	background-color: #1B79B9;
}
.navDiv ul.nav div.ul div.li {
	display: block;
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	text-transform: none;
	padding: 0 0 1px 0;
	z-index: 81;
}
.navDiv ul.nav div.ul div.li.last {
	background-image: none;
	padding: 0;
}
.navDiv ul.nav div.ul div.navColumn div.li div.ul div.li {
	background-image: none;
	text-transform: none;
}
.navDiv ul.nav div.ul div.li a {
	color: #fff;
	background-color: transparent;
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-transform: none;
	white-space: normal;
	padding: 0;
	margin: 0;
	height: auto;
}
body.webfonts .navDiv ul.nav div.ul div.li a {
	font-family: "Arimo", Arial, Helvetica, sans-serif;
}
.navDiv ul.nav div.ul div.navColumn div.li a {
	/*
	font-size: 13px;
	*/
	font-weight: bold;
	text-transform: uppercase;
}
.navDiv ul.nav div.ul div.navColumn div.li div.ul div.li a {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
.navDiv ul.nav div.ul div.li a span {
	background-image: none;
	text-align: left;
	height: auto;
	padding: 5px 10px;
	margin: 0;
	font-size: 14px;
}
.navDiv ul.nav div.ul div.li.last a span {
	background-image: none;
}
.navDiv ul.nav div.ul div.li div.ul div.li a span {
	padding: 0;
	margin: 0;
}
.navDiv ul.nav div.ul div.li a:hover,
.navDiv ul.nav div.ul div.li a.current,
.navDiv ul.nav div.ul div.li a.active {
	background-color: transparent;
	background-image: none;
	text-decoration: underline;
}
.navDiv ul.nav div.ul div.li a.current,
.navDiv ul.nav div.ul div.li a.current:hover {
	font-weight: bold;
	text-decoration: underline;
}
.navDiv ul.nav div.ul div.li a:hover span,
.navDiv ul.nav div.ul div.li a.current span,
.navDiv ul.nav div.ul div.li a.active span {
}
.navDiv ul.nav div.ul div.li a.moreNav {
}
.navDiv ul.nav div.ul div.li {
	margin-left: 0;
}

.navDiv ul.nav div.ul div.navColumn div.li div.ul div.li div.ul {
	padding-left: 5px;
}
.navDiv ul.nav div.ul div.navColumn div.li div.ul div.li div.ul div.li {
	background-image: url(../img/bullet/bullet3.gif);
	background-repeat: no-repeat;
	background-position: 0% 8px;
	text-transform: none;
	padding-left: 10px;
}



.searchbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.searchbox { display: inline-block; }
/* Hides from IE-mac \*/
* html .searchbox { height: 1px; }
.searchbox { display: block; }
/* End hide from IE-mac */
.searchbox {
	display: block;
	position: absolute;
	top: 50px;
	right: 12px;
	font-size: 13px;
	line-height: 16px;
	padding: 7px 0;
	margin: 0;
}
.searchbox input.text {
	float: left;
	position: relative;
	clear: none;
	width: 190px;
	line-height: 15px;
	height: 15px;
	margin: 0 3px 0 0;
}



/* *** Body *** */
#body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#body { display: inline-block; }
/* Hides from IE-mac \*/
* html #body { height: 1px; }
#body { display: block; }
/* End hide from IE-mac */
#body {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 5;
}
#body .bodyInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#body .bodyInner { display: inline-block; }
/* Hides from IE-mac \*/
* html #body .bodyInner { height: 1px; }
#body .bodyInner { display: block; }
/* End hide from IE-mac */
#body .bodyInner {
	position: relative;
	padding: 0;
	margin: 0;
}



/* *** Footer *** */
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#footer { display: inline-block; }
/* Hides from IE-mac \*/
* html #footer { height: 1px; }
#footer { display: block; }
/* End hide from IE-mac */
#footer {
	position: relative;
	color: #7a7a7a;
	font-size: 11px;
	line-height: 1.5em;
	text-align: center;
	width: 990px;
	padding: 0;
	margin: 4px auto 0 auto;
}
#footer .footerInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#footer .footerInner { display: inline-block; }
/* Hides from IE-mac \*/
* html #footer .footerInner { height: 1px; }
#footer .footerInner { display: block; }
/* End hide from IE-mac */
#footer .footerInner {
	position: relative;
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	text-align: left;
	margin: 0 20px;
	padding: 5px 0 10px 0;
}

#footer a {
	color: #7a7a7a;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer .footerRow
{
    width: 100%;
    display: block;
}

#footer .info {
	display: block;
	float: left;
	position: relative;
	clear: left;
	text-align: left;
	width: 80%;
	margin: 0 5px 0 0;
}

#footer .links:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#footer .links { display: inline-block; }
/* Hides from IE-mac \*/
* html #footer .links { height: 1px; }
#footer .links { display: block; }
/* End hide from IE-mac */

#footer .links {
	display: block;
	float: left;
	position: relative;
	clear: left;
	text-align: left;
	margin: 0 5px 0 0;
}
#footer .linksinner 
{
    float: none;
}

#footer .copyright {
	display: block;
	float: left;
	position: relative;
	clear: none;
	text-align: left;
	white-space: nowrap;
	margin: 0;
}
#footer .last-updated,
#footer .javacatz {
	display: block;
	float: right;
	position: relative;
	clear: right;
	text-align: right;
	width: 200px;
	margin: 0;
}



/* *** Side *** */
.side {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 180px;
	padding: 0;
	margin: 0;
	overflow: visible;
}
.side .sideInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.side .sideInner { display: inline-block; }
/* Hides from IE-mac \*/
* html .side .sideInner { height: 1px; }
.side .sideInner { display: block; }
/* End hide from IE-mac */
.side .sideInner {
	position: relative;
	margin: 10px 0 15px 0;
}

.side h2 {
	color: #fff;
	background-color: #2686C7;
	background-image: url(../img/bg/bg-side-h2.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 134%;
	line-height: 1.33em;
	padding: 12px 40px 3px 8px;
	margin: 0;
}
.side h2 span {
}

.side ul,
.side ul li {
	position: relative;
	list-style-image: none;
	list-style-type: none;
	vertical-align: bottom;
}
*+html .side ul,
*+html .side ul li {
	zoom: 1;
}
.side ul#sidenav {
	background-color: #F5F1D8;
	padding: 0;
	margin: 0 0 10px 0;
}
.side ul#sidenav li {
	background-image: url(../img/bg/bg-dot-green.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	list-style-image: none;
	list-style-type: none;
	font-size: 14px;
	line-height: 1.33em;
	padding: 2px 10px 0 25px;
	margin: 0;
}
.side ul#sidenav li .toggle {
	display: none;
	float: left;
	position: relative;
	clear: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 21px;
	height: 1.33em;
	margin-left: -21px;
	padding: 4px 1px;
	cursor: pointer;
}
.side ul#sidenav li .toggle:hover {
	padding: 3px 0;
	border: 1px solid #eee;
}
.side ul#sidenav li.close > .toggle,
.side ul#sidenav li.open > .toggle {
	display: block;
}
.side ul#sidenav li.close > .toggle {
	background-image: url(../img/icon/close.gif);
}
.side ul#sidenav li.open > .toggle {
	background-image: url(../img/icon/open.gif);
}
.side ul#sidenav li a {
	display: block;
	color: #03336A;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0;
}
.zh-hk .side ul#sidenav li a,
.zh-cn .side ul#sidenav li a {
	font-size: 14px;
}
body.webfonts .side ul#sidenav li a {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
/*
.side ul#sidenav li a.moreNav,
.side ul#sidenav li.close a {
	background-image: url(../img/bg/bg-side-li.gif);
}
.side ul#sidenav li.open a {
	background-image: url(../img/bg/bg-side-li-open.gif);
}
.side ul#sidenav li.close ul li a,
.side ul#sidenav li.open ul li a {
	background-image: none;
}
*/
.side ul#sidenav li a span {
	display: block;
	padding: 0;
}
.side ul#sidenav li a:hover,
.side ul#sidenav li a.current,
.side ul#sidenav li a.active {
	text-decoration: none;
}
.side ul#sidenav li a:hover {
	text-decoration: underline;
}
.side ul#sidenav li a.current {
	text-decoration: underline;
}

.side ul#sidenav li ul {
	padding: 1px 0 10px 0;
	margin: 0;
}
.side ul#sidenav li ul li {
	background-image: url(../img/bullet/bullet8.gif);
	background-repeat: no-repeat;
	background-position: 0% 0.5em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.33em;
	padding: 0 0 1px 8px;
}
.side ul#sidenav li ul li ul li {
}
.side ul#sidenav li ul li .toggle {
	padding: 2px 1px;
	cursor: pointer;
}
.side ul#sidenav li ul li .toggle:hover {
	padding: 1px 0;
}
.side ul#sidenav li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
body.webfonts .side ul#sidenav li ul li a {
	font-family: "Arimo", Arial, Helvetica, sans-serif;
}
.side ul#sidenav li ul li a,
.side ul#sidenav li:hover ul li a {
	color: #032D5F;
	background-color: transparent;
	font-size: 14px;
	line-height: 1.33em;
	font-weight: normal;
	padding: 2px 0;
}
.side ul#sidenav li:hover ul li a,
.side ul#sidenav li ul.currentUl li a {
	color: #032D5F;
}
.side ul#sidenav li ul li a span {
	padding: 0;
}
.side ul#sidenav li ul li a.current,
.side ul#sidenav li ul li a.current span {
	background-image: none;
}
.side ul#sidenav li ul li a:hover,
.side ul#sidenav li ul li a.current,
.side ul#sidenav li ul li a.active {
	color: #032D5F;
	background-color: transparent;
}
.side ul#sidenav li ul li a.current {
	color: #032D5F;
	background-color: transparent;
	/*font-size: 100%;*/
}
.side ul#sidenav li ul li ul li a,
.side ul#sidenav li ul li ul li a.current,
.side ul#sidenav li:hover ul li ul li a {
	font-size: 12px;
}



/* *** Main *** */
.main {
	display: block;
	float: right;
	position: relative;
	clear: none;
	font-size: 100%;
	line-height: 1.33em;
	text-align: left;
	width: 750px;
	min-height: 620px;
	padding: 0;
	margin: 0;
}
* html .main {
	height: 620px;
}
body.template-calendar-month .main {
	float: none;
	width: auto;
}

.main .mainInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.main .mainInner { display: inline-block; }
/* Hides from IE-mac \*/
* html .main .mainInner { height: 1px; }
.main .mainInner { display: block; }
/* End hide from IE-mac */
.main .mainInner {
	padding: 10px 0 10px 0;
}

.main h2 {
	color: #fff;
	background-image: url(../img/bg/bg-main-h2.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	font-size: 159%;
	line-height: 1.33em;
	font-weight: normal;
	padding: 0 0 22px 0;
	margin: 0 0 8px 0;
}
.main h2 span {
	display: block;
	background-color: #2686C7;
	background-image: url(../img/bg/bg-main-h2.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 10px 15px 0 15px;
}
.main h2.smaller {
	font-size: 125%;
	padding: 0 0 17px 0;
}
.main h2.smaller span {
	padding: 5px 150px 0 15px;
}
body.template-calendar-month .main h2,
body.template-calendar-month .main h2 span {
	background-image: url(../img/bg/bg-main-h2-fullwidth.gif);
}
.main h2 span span {
	display: inline;
	padding: 0;
}



.content {
	position: relative;
	padding: 0;
	margin: 0;
}
body.homepage .content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
body.homepage .content { display: inline-block; }
/* Hides from IE-mac \*/
* html body.homepage .content { height: 1px; }
body.homepage .content { display: block; }
/* End hide from IE-mac */
body.homepage .content {
	padding: 13px 0 0 0;
}



.topBar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.topBar { display: inline-block; }
/* Hides from IE-mac \*/
* html .topBar { height: 1px; }
.topBar { display: block; }
/* End hide from IE-mac */
.topBar {
	display: block;
	color: #9F9B80;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	line-height: 2em;
	padding: 0;
	margin: 0 0 5px 0;
}
body.webfonts .topBar {
	font-family: "Arimo", Arial, Helvetica, sans-serif;
}

.printBar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.printBar { display: inline-block; }
/* Hides from IE-mac \*/
* html .printBar { height: 1px; }
.printBar { display: block; }
/* End hide from IE-mac */
.printBar {
	display: block;
	float: right;
	position: relative;
	clear: none;
	text-align: right;
	padding: 0;
	margin: 0;
}

.printBar2 {
	display: block;
	float: right;
	position: relative;
	clear: none;
	text-align: left;
	padding: 12px 5px;
	margin: 0;
	border: 0;
}
.printBar .text,
.printBar a {
	display: block;
	float: left;
	position: relative;
	clear: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	margin: 0 0 0 3px;
}
.printBar a img {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: baseline;
}
.printBar2 a {
	color: #808080;
	font-weight: normal;
}
.printBar2 .text {
	margin-left: 5px;
}
.standalone-printBar {
	margin-top: -15px;
}
.standalone-printBar .printBar2 {
	background-color: #fff;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
}
.printBar a:hover {
	text-decoration: underline;
}
.printBar img {
	vertical-align: baseline;
}
.printBar .social a,
.printBar .social iframe,
.printBar .social img {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 15px 0 0;
}
.printBar .social iframe {
	margin: 0;
}
.printBar a.smallerIcon,
.printBar a.biggerIcon {
	margin-left: 0;
}
.printBar a.shareIcon {
	background-image: url(../img/ico_share.gif);
	padding-left: 15px;
}
.printBar a.emailIcon {
	background-image: url(../img/ico_email.gif);
	padding-left: 17px;
}
.printBar a.printIcon {
	background-image: url(../img/ico_print.gif);
	padding-left: 17px;
}
.printBar .social {
	display: block;
	float: left;
	position: relative;
	clear: none;
}
.printBar a.discussion {
	background-image: url(../img/ico_discuss.gif);
	padding-left: 42px;
}
.printBar a.recommend {
	background-image: url(../img/ico_recommend.gif);
	padding-left: 17px;
}

.content .printBar2 {
	margin-top: 0;
	margin-bottom: 15px;
}
.printBar2 iframe {
}

.pageTitle {
	margin-top: 10px;
}



.breadcrumb {
	display: block;
	float: left;
	position: relative;
	clear: none;
	font-size: 100%;
	line-height: 2em;
	padding: 0;
}
.breadcrumb a {
	color: #113968;
	background-image: url(../img/bg/bg-breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-decoration: underline;
	padding: 0 10px 0 0;
	margin: 0 3px 0 0;
}
.breadcrumb a:hover {
	color: #113968;
	text-decoration: underline;
}
.breadcrumb .current {
	color: #9F9B80;
}



#pageBannerDiv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#pageBannerDiv { display: inline-block; }
/* Hides from IE-mac \*/
* html #pageBannerDiv { height: 1px; }
#pageBannerDiv { display: block; }
/* End hide from IE-mac */
#pageBannerDiv {
	background-color: #ccc;
	width: 100%;
	height: 300px;
	padding: 0;
	margin: 0 0 18px 0;
	overflow: hidden;
	z-index: 0;
}
.pageBanner {
	display: block;
	position: relative;
	background-color: #ccc;
	background-image: url(../img/icon/loading3.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	width: 647px;
	height: 300px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.pageBanner .banner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 647px;
	height: 300px;
}
.pageBanner .bannerInner {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 647px;
	height: 300px;
}
.pageBanner img {
	display: block;
	margin: 0 auto;
}
#pageBannerDiv .mask,
#pageBannerDiv .pageBannerTitles,
#pageBannerDiv .pageBannerTitles .bannerTitle,
#pageBannerDiv .pageBannerTitles .bannerTitle a,
#pageBannerDiv .pageBannerTitles .bannerTitle a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 647px;
	height: 300px;
	overflow: hidden;
	z-index: 9999;
}
#pageBannerDiv .pageBannerTitles .bannerTitle a span {
	visibility: hidden;
	cursor: pointer;
}



div.split2Col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
div.split2Col { display: inline-block; }
/* Hides from IE-mac \*/
* html div.split2Col { height: 1px; }
div.split2Col { display: block; }
/* End hide from IE-mac */
.split2Col {
	margin: 0 0 15px 0;
}
table.split2Col {
	width: 100%;
}
.split2Col .leftCol {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 510px;
	padding: 0 26px 0 0;
	margin: 0;
}
body.homepage .split2Col .leftCol {
	width: 647px;
	padding: 0 10px 20px 0;
	border-right: 1px solid #C1C0B3;
}
body.event .split2Col .leftCol,
body.template-event .split2Col .leftCol {
	width: 520px;
}
table.split2Col td.leftCol {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
	width: auto !important;
	border-right: 0;
}
.template-news-details table.split2Col td.leftCol,
.template-EventDetails table.split2Col td.leftCol
{
    width: 750px;
}
.split2Col .rightCol {
	display: block;
	float: right;
	position: relative;
	clear: none;
	width: 214px;
	padding: 0;
	margin: 0;
}
.template-news-details .split2Col .rightCol, 
.template-EventDetails .split2Col .rightCol
{
    width: auto;
}
body.homepage .split2Col .rightCol {
	width: 282px;
	padding: 0 0 0 10px;
	margin-left: -1px;
	border-left: 1px solid #C1C0B3;
}
body.event .split2Col .rightCol,
body.template-event .split2Col .rightCol {
	width: 204px;
}
table.split2Col td.rightCol {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
}
table.split2Col td.rightCol .caption_image_full,
table.split2Col td.rightCol .caption_image_left,
table.split2Col td.rightCol .caption_image_right {
	margin: 0 0 10px 0;
}



/* *** Homepage *** */
body.homepage h3.special {
	position: relative;
	background-color: #D8DD8D;
	background-image: url(../img/bg/bg-home-h3.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	line-height: 1.4em;
	padding: 0 1px;
	margin: 0;
	border-top: 2px solid #9DA61A;
}
body.homepage h3.special span {
	display: block;
	background-image: url(../img/icon/icon-leaf.png);
	background-repeat: no-repeat;
	background-position: 100% 1px;
	padding: 5px 45px 10px 5px;
	margin: 0;
	border-top: 1px solid #fff;
}
.items {
	margin: 0 0 1em 0;
}
.split2Col .rightCol .items {
	padding: 8px 0 15px 0;
	margin: 0;
	border-top: 3px solid #2686C7;
}
.items .item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.items .item { display: inline-block; }
/* Hides from IE-mac \*/
* html .items .item { height: 1px; }
.items .item { display: block; }
/* End hide from IE-mac */
.items .item {
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	padding: 10px 0 12px 0;
	margin: 0;
}
.split2Col .rightCol h3 {
	font-size: 125%;
	padding: 0 5px;
	margin-bottom: 5px;
}
.items .item .title {
	font-family: "Times New Roman", Times, serif;
	font-size: 117%;
	line-height: 1.33em;
	font-weight: bold;
	margin: 0;
}
.homepage .items .item .title 
{
    font-size: 134%;
}
.split2Col .rightCol .items .item .title {
	font-size: 108%;
}
body.webfonts .items .item .title {
	display: block;
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
.items .item .info {
	display: block;
	font-size: 92%;
	line-height: 1.33em;
}
.homepage .items .item .info {
	font-size: 12px;
}
.items .item .description {
	margin: 0.5em 0 0 0;
}
.items .item .thumbnail {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0.5em 10px 0 0;
}
.items .item .date {
	font-weight: bold;
	margin: 0 5px 0 0;
}
.calendar-icon {
	display: block;
	float: right;
	position: relative;
	clear: none;
	margin: 0 10px 0 0;
}
.calendar-icon a,
.calendar-icon a:hover {
	text-decoration: none;
}

.banners {
	padding: 0 0 10px 0;
}
.banners .banner {
	display: block;
	margin: 0 0 5px 0;
}

.videos {
	padding: 10px 0;
	border-top: 2px solid #2686C7;
}
.videos .video {
	display: block;
	margin: 0 0 5px 0;
}

.box-facebook {
	margin: 0 0 12px 0;
}
.box-facebook h5 {
	margin: 0 0 3px 0;
}

.box-social {
	margin: 0 0 12px 0;
}
.box-social a {
	margin: 0 0 0 3px;
}

.pledge {
	color: #fff;
	background-color: #6FA93C;
	background-image: url(../img/bg/bg-home-bottom.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 0;
	margin: 0 0 4px 0;
}
.pledge:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.pledge { display: inline-block; }
/* Hides from IE-mac \*/
* html .pledge { height: 1%; }
.pledge { display: block; }
/* End hide from IE-mac */

.pledge .padding {
	display: block;
	float: left;
	position: relative;
	clear: none;
	background-color: #5D9A29;
	background-image: url(../img/bg/bg-home-bottom-inner.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	padding: 4px 30px 4px 10px;
	margin: 0;
}
.pledge .number {
	color: #333;
	background-color: #fff;
	background-image: url(../img/bg/bg-gray.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 100%;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 3px;
	margin: 0 3px;
	border: 1px solid #949287;
}

.sponsors {
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	padding: 5px 0 0 0;
}
table.sponsor {
	margin: 0 0 0 auto;
	border-collapse: collapse;
}
table.sponsor td {
	vertical-align: middle;
	padding: 5px 15px;
	margin: 0;
}



/* *** smallcalendar *** */
.smallcalendar-box {
	position: absolute;
	background-color: #F5F1D8;
	font-size: 92%;
	line-height: 1.33em;
	padding: 6px;
	margin: 0;
	width: 217px;
	border: 2px solid #5EA3D4;
	z-index: 9;
}

.calendarview {
	margin: 0 0 12px 0;
}
.calendarview .title {
	font-weight: bold;
}
.calendarview a {
	color: #4D4D4D;
}
.calendarview a.selected {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: underline;
	cursor: auto;
}

.smallcalendar {
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}
.smallcalendar th,
.smallcalendar td {
	padding: 0;
	margin: 0;
}
.smallcalendar .smallcalendarnavPadding td {
	font-size: 109%;
	text-align: center;
}
.smallcalendar .smallcalendarnavPadding {
	color: #fff;
	background-color: #1A4575;
	background-image: url(../img/bg/bg-smallcalendarnav.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	text-transform: uppercase;
	line-height: 26px;
	height: 26px;
	padding: 0 5px;
}
.smallcalendar .smallcalendarnavPadding a {
	display: block;
	float: none;
	position: relative;
	clear: none;
	color: #fff;
	padding: 0 2px;
	margin: 0;
}
.smallcalendar .smallcalendardays {
	margin: 2px 0 0 0;
}
.smallcalendar {
	table-layout: fixed;
	font-size: 92%;
	width: 100%;
	border: 0;
}
.calendar-month table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
}
.calendar-month table.calendar-head {
	border-spacing: 0;
}
.smallcalendar tr {
}
.calendar-month tr th,
.smallcalendar tr th {
	background-color: transparent;
	font-weight: normal;
	text-align: center;
}
.calendar-month tr th {
	color: #03336A;
	font-family: "Times New Roman", Times, serif;
	font-size: 108%;
	line-height: 1.33em;
	font-weight: bold;
	text-align: left;
	padding: 0 10px;
}
body.webfonts .calendar-month tr th {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
.smallcalendar .divtablebody {
	background-image: url(../img/bg/bg-smallcalendar.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding: 0 1px;
}
.smallcalendar tr {
}
.smallcalendar tr td {
	line-height: 18px;
	text-align: right;
	vertical-align: top;
	padding: 0;
}
.smallcalendar .smallcalendarnavPadding tr td {
	vertical-align: middle;
}
.calendar-month .smallcalendar tr td {
	background-color: #fff;
	line-height: 1.33em;
	text-align: left;
	padding: 2px 5px;
	border: 1px solid #D3CEB2;
	border-top: 0;
}
.calendar-month .smallcalendar tr td.Daysty,
.calendar-month .smallcalendar tr td.weekendDay,
.calendar-month .smallcalendar tr td.OtherMonthDay,
.calendar-month .smallcalendar tr td.TodayDay {
	background-image: url(../img/bg/bg-calendar-month-daysty.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}
.calendar-month .smallcalendar tr td.OtherMonthDay {
	background-color: transparent;
	background-image: url(../img/bg/bg-calendar-month-othermonthday.gif);
	border-color: #E8E5CF;
	padding: 0;
}

.smallcalendar .scday {
}
.smallcalendar .scday.noevent {
    color: #666;
}
.smallcalendar .scday.currentdate {
	font-weight: bold;
}
.smallcalendar .scday.currentweek {
    color: #4D4D4D;
}
.calendar-month .smallcalendar .scday {
	font-family: "Times New Roman", Times, serif;
	line-height: 17px;
	font-weight: bold;
	padding: 0 1px 1px 1px;
}
body.webfonts .calendar-month .smallcalendar .scday {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
.calendar-month .smallcalendar .scday.noevent {
    color: #03336A;
    min-height: 96px;
}
.smallcalendar .scday a {
	color: #03336A;
	text-decoration: underline;
	/*cursor: default;*/
}
.smallcalendar .scday.todayevent a {
	color: #911B17;
	cursor: default;
}
.smallcalendar .scday a:hover {
	text-decoration: none;
}
.smallcalendar .hasEvent {
}
.smallcalendar .hasEvent a {
	cursor: pointer;
	text-decoration: underline;
}
.smallcalendar .hasEvent a:hover {
	text-decoration: underline;
}
.smallcalendar th.DayHeader {
    background-image: url(../img/bg/bg-calendar-header.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    text-align: center;
	line-height: 21px;
	height: 21px;
	padding: 0;
	margin: 0;
}
.smallcalendar th.DayHeader.first {
    background-image: url(../img/bg/bg-calendar-header-first.gif);
    background-position: 0% 100%;
}
.smallcalendar th.DayHeader.last {
    background-image: url(../img/bg/bg-calendar-header-last.gif);
    background-position: 0% 100%;
}
.smallcalendar .Daysty,
.smallcalendar .weekendDay,
.smallcalendar .TodayDay {
    background-image: url(../img/bg/bg-calendar-day.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: right;
	line-height: 27px;
	height: 27px;
	padding: 0 5px;
}
.smallcalendar .OtherMonthDay {
    background-image: none;
}
.smallcalendar .selectedDay {
    color: #4D4D4D;
    background-color: transparent;
}
.smallcalendar-box table.checkbox label {
    padding-left: 5px;
    vertical-align: middle;
}
.smallcalendar .events {
	min-height: 90px;
}
.smallcalendar .events .event {
	margin: 5px 0 0 0;
	padding-left: 15px;
}
.smallcalendar .important,
.smallcalendar .repeated,
.smallcalendar .download,
.smallcalendar .register {
	background-image: url(../img/icon/icon-important2.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 15px;
}
.smallcalendar .repeated {
	background-image: url(../img/icon/icon-repeat-2.png);
}
.smallcalendar .download {
	background-image: url(../img/icon/icon-download2.gif);
}
.smallcalendar .register {
	background-image: url(../img/icon/icon-register.gif);
}



.round-box {
	padding: 0;
	margin: 0;
}
.round-box .box-top:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.round-box .box-top { display: inline-block; }
/* Hides from IE-mac \*/
* html .round-box .box-top { height: 1px; }
.round-box .box-top { display: block; }
/* End hide from IE-mac */
.round-box .box-top {
	background-color: #fff;
	background-image: url(../img/bg/bg-round-box.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0 0 0 12px;
	margin: 0;
}
.round-box .box-top .box-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.round-box .box-top .box-inner { display: inline-block; }
/* Hides from IE-mac \*/
* html .round-box .box-top .box-inner { height: 1px; }
.round-box .box-top .box-inner { display: block; }
/* End hide from IE-mac */
.round-box .box-top .box-inner {
	background-image: url(../img/bg/bg-round-box.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding: 12px 12px 0 0;
	margin: 0;
}
.round-box .box-bottom {
	display: block;
	background-image: url(../img/bg/bg-round-box.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 12px;
	padding: 0 0 0 12px;
	margin: 0;
	overflow: hidden;
}
.round-box .box-bottom span {
	display: block;
	background-color: #fff;
	background-image: url(../img/bg/bg-round-box.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 100%;
	font-size: 1px;
	line-height: 12px;
	height: 12px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.round-box .box-top .box-inner h6 {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	margin-right: -5px;
}
.homepage .round-box .box-top .box-inner h6 
{
    font-size: 15px;
}
.round-box ul {
	margin-bottom: 0;
}

.special-box {
	background-color: #ECF2DF;
	padding: 12px 18px;
	border: 1px solid #D6E1C0;
}



.food-choice-image {
	display: block;
	background-image:url(../img/bg/bg-food-choice-image.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 173px;
	height: 148px;
	padding: 20px 22px 37px 19px;
	margin: 0;
}
.content-intro .food-choice-image {
	float: right;
	position: relative;
	clear: none;
	margin: 0 0 10px 30px;
}
.food-choice-image img {
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 171px;
	height: 146px;
	border: 1px solid #CBCFD3;
}



.content-intro:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.content-intro { display: inline-block; }
/* Hides from IE-mac \*/
* html .content-intro { height: 1px; }
.content-intro { display: block; }
/* End hide from IE-mac */
.content-intro {
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}



.accordion {
}
.accordion .accordion-item {
}
.accordion .accordion-item .accordion-heading {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 38px;
	height: 38px;
	margin: 0 0 3px 0;
	cursor: pointer;
}
body.webfonts .accordion .accordion-item .accordion-heading {
	font-family: "Arimo", Arial, Helvetica, sans-serif;
}
.accordion .accordion-item .accordion-heading .thumbnail {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.accordion .accordion-item .accordion-heading .thumbnail img {
	display: block;
	padding: 0
	margin: 0;
	border: 0;
}
.accordion .accordion-item .accordion-heading .title {
	position: relative;
	color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 18px;
	line-height: 38px;
	height: 38px;
	text-transform: uppercase;
	padding: 0 10px 0 0;
}
.accordion .accordion-item-1 .accordion-heading .title {
	background-image: url(../img/bg/bg-food-choice-title-1.png);
}
.accordion .accordion-item-2 .accordion-heading .title {
	background-image: url(../img/bg/bg-food-choice-title-2.png);
}
.accordion .accordion-item-3 .accordion-heading .title {
	background-image: url(../img/bg/bg-food-choice-title-3.png);
}
.accordion .accordion-item-4 .accordion-heading .title {
	background-image: url(../img/bg/bg-food-choice-title-4.png);
}
.accordion .accordion-item .accordion-heading .title span {
	display: block;
	background-image: url(../img/icon/close.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 15px 0 108px;
}
.accordion .accordion-item.open .accordion-heading .title span {
	background-image: url(../img/icon/open.png);
}
.accordion .accordion-item .accordion-content {
	padding: 17px 0 0 0;
}
.accordion .accordion-item .accordion-content .foods {
}
.other-food-choices table.foods,
.accordion .accordion-item .accordion-content table.foods {
	table-layout: fixed;
}
.other-food-choices table.foods td,
.accordion .accordion-item .accordion-content .foods td {
	padding: 0;
}
.other-food-choices table.foods a.food,
.accordion .accordion-item .accordion-content .foods a.food {
	display: block;
	float: left;
	position: relative;
	clear: none;
	padding: 0 15px 20px 5px;
}
.other-food-choices table.foods a.food .thumbnail,
.accordion .accordion-item .accordion-content .foods a.food .thumbnail {
	display: block;
}
.other-food-choices table.foods a.food .thumbnail img,
.accordion .accordion-item .accordion-content .foods a.food .thumbnail img {
	display: block;
	background-color: #fff;
	width: 83px;
	height: 80px;
	padding: 0;
	margin: 0;
	border: 1px solid #C5C5C5;
}
.other-food-choices table.foods a.food .title,
.accordion .accordion-item .accordion-content .foods a.food .title {
	display: block;
	text-align: center;
	padding: 3px 0 0 0;
}



.system-content {
	padding: 30px 0 0 0;
	margin-bottom: 10px;
}
.system-content .other-food-choices {
	padding: 20px 0 0 0;
	border-top: 1px dashed #B5B0A1;
	border-bottom: 1px dashed #B5B0A1;
}



body.news .intro-content,
body.template-news .intro-content {
	padding: 0 0 30px 0;
	margin: 0 0 15px 0;
	border-bottom: 2px solid #9C9C9C;
}
.grayout {
	color: #858373;
}
.info {
	color: #858373;
	margin: 0 0 1em 0;
}
body.homepage .info {
	margin: 0;
}


.itemList {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
table.itemList {
	table-layout: fixed;
}
.itemList .item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.itemList .item { display: inline-block; }
/* Hides from IE-mac \*/
* html .itemList .item { height: 1px; }
.itemList .item { display: block; }
/* End hide from IE-mac */
.itemList .item {
	width: 100%;
	padding: 0 0 2em 0;
	margin: 0;
}
.itemList .item .thumbnail {
	display: block;
	float: left;
	position: relative;
	clear: none;
	text-align: left;
	width: 100px;
	border: 1px solid #D0D0D0;
}
.itemList .item.big .thumbnail {
	width: 167px;
}
.itemList .item .thumbnail a,
.itemList .item .thumbnail img {
	display: block;
	position: relative;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 100px;
	height: auto;
}
.itemList .item.big .thumbnail a,
.itemList .item.big .thumbnail img {
	width: 167px;
}
.itemList .item .title,
.itemList .item .info,
.itemList .item .summary,
.itemList .item .more,
.itemList .item .duration {
	display: block;
	padding: 0;
	margin: 0 20px 5px 0;
}
.itemList .item .title {
	font-family: "Times New Roman", Times, serif;
}
body.webfonts .itemList .item .title {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}

.itemList .item.big .title,
.itemList .item.big .info,
.itemList .item.big .summary,
.itemList .item.big .more {
	margin-right: 0;
}
.itemList .item.big .title {
	font-size: 134%;
	line-height: 1.33em;
}
.itemList .item.withThumb .title,
.itemList .item.withThumb .info,
.itemList .item.withThumb .summary,
.itemList .item.withThumb .more {
	display: block;
	float: right;
	position: relative;
	clear: none;
	width: 240px;
}
.itemList .item.big.withThumb .title,
.itemList .item.big.withThumb .info,
.itemList .item.big.withThumb .summary,
.itemList .item.big.withThumb .more {
	width: 560px;
}

.itemList .item .more 
{
    text-decoration: underline;
}
.itemList .item .title {
	font-size: 118%;
	font-weight: bold;
}
.itemList .item .info {
	font-size: 92%;
	line-height: 1.33em;
}
.itemList .item.big .info {
	font-size: 100%;
}
.itemList .item .summary {
	margin-bottom: 10px;
}
.newsList .itemList td {
    vertical-align: top;
}


.filter {
	margin: 0 0 35px 0;
}

.paging {
	display: block;
	float: right;
	position: relative;
	clear: none;
	text-align: right;
	padding: 3px 0 0 0;
}
.paging a {
	padding: 0 1px;
	/*
	text-decoration: underline;
	*/
}
.paging .currentPage {
	font-weight: bold;
	text-decoration: underline;
}


.calendar-customize {
	margin: 0 0 20px 0;
	border: 1px solid #DCDCDC;
}
.calendar-customize-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.calendar-customize-inner { display: inline-block; }
/* Hides from IE-mac \*/
* html .calendar-customize-inner { height: 1px; }
.calendar-customize-inner { display: block; }
/* End hide from IE-mac */
.calendar-customize-inner {
	position: relative;
	background-color: #F5F1D8;
	line-height: 21px;
	padding: 5px 14em 5px 10px;
	border: 1px solid #fff;
}
.calendar-customize h3 {
	text-align: center;
	padding: 0 10px 5px 10px;
	margin: 0 -10em 5px -5px;
	border-bottom: 1px solid #DCDCDC;
}
.calendar-customize .text,
.calendar-customize .categories,
.calendar-customize .category-buttons .select-all {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 8px 0 0;
}
.calendar-customize .category-buttons {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.calendar-customize .category-buttons .category-buttons {
	margin: 0 10px 0 0;
}
.calendar-customize .categories .ckbox {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 8px 0 0;
}
*+html .calendar-customize .categories .ckbox {
	margin: 0 3px 0 0;
}
.calendar-customize .categories .ckbox input {
	vertical-align: middle;
}



.index-list {
}
.index-list.events {
}
.index-list .listItemGroup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.index-list .listItemGroup { display: inline-block; }
/* Hides from IE-mac \*/
* html .index-list .listItemGroup { height: 1px; }
.index-list .listItemGroup { display: block; }
/* End hide from IE-mac */
.index-list .listItemGroup {
	position: relative;
	padding: 0 0 10px 0;
}
.index-list .listItemGroup .date {
	display: block;
	float: left;
	position: relative;
	clear: none;
	font-family: "Times New Roman", Times, serif;
	width: 5.7em;
}
.zh-hk .index-list .listItemGroup .date,
.zh-cn .index-list .listItemGroup .date {
	width: 6.5em;
}
body.webfonts .index-list .listItemGroup .date {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
.index-list .listItemGroup .date .day {
	display: block;
	float: right;
	position: relative;
	clear: none;
	color: #6797B7;
	font-size: 284%;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -1px;
}
.index-list .listItemGroup .date .month {
	display: block;
	float: left;
	position: relative;
	clear: left;
	color: #A39F83;
	font-size: 92%;
	line-height: 1.2em;
	font-weight: bold;
	margin: 3px 0 0 0;
}
.index-list .listItemGroup .date .weekday {
	display: block;
	float: left;
	position: relative;
	clear: left;
	color: #A39F83;
	font-size: 92%;
	line-height: 1.2em;
	font-weight: bold;
}
.index-list .listItem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.index-list .listItem { display: inline-block; }
/* Hides from IE-mac \*/
* html .index-list .listItem { height: 1px; }
.index-list .listItem { display: block; }
/* End hide from IE-mac */
.index-list .listItem {
	display: block;
	float: right;
	position: relative;
	clear: none;
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	width: 665px;
	padding: 0 0 10px 0;
	margin: 0 0 8px 0;
}
.index-list .listItem.withThumb {
}
.index-list .listItem .title {
	font-family: "Times New Roman", Times, serif;
	font-size: 117%;
	line-height: 1.33em;
	font-weight: bold;
	margin: 0 0 5px 0;
}
body.webfonts .index-list .listItem .title {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
.index-list .listItem .thumb {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 10px 5px 0;
}
.index-list .listItem .thumb img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}
.index-list .listItem .title,
.index-list .listItem .info,
.index-list .listItem .summary {
	/*padding: 0 125px 0 0;*/
	width: 540px;
}
.index-list .listItem .info {
	margin: 0 0 5px 0;
}
.index-list .listItem .more {
	display: block;
	/*position: absolute;*/
	float: right;
	top: 0;
	right: 0;
	width: 115px;
}
.index-list .listItem .more .important,
.index-list .listItem .more .repeated,
.index-list .listItem .more .download,
.index-list .listItem .more .register {
	background-image: url(../img/icon/icon-important2.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-size: 92%;
	line-height: 1.33em;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}
.index-list .listItem .more .repeated {
	background-image: url(../img/icon/icon-repeat-2.png);
}
.index-list .listItem .more .download {
	background-image: url(../img/icon/icon-download2.gif);
}
.index-list .listItem .more .register {
	background-image: url(../img/icon/icon-register.gif);
}



.event-date {
	color: #03336A;
	font-family: "Times New Roman", Times, serif;
	font-size: 134%;
	line-height: 1.33em;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0 0 1em 0;
	border-bottom: 2px solid #9C9C9C;
}
body.webfonts .event-date {
	font-family: "Merriweather", "Times New Roman", Times, serif;
}
/*---- for display error msg and red box (by Jacky)------*/
input.redBorder, textarea.redBorder, select.redBorder, table.redBorder, div.redBorder, span.redBorder
{
    border: 1px solid #FF0000;
}
*+html select.redbox 
{
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=#FF0000);
}
/*---- for display error msg and red box ------*/

.template-Calendar-month .index-list .noevent
{
    display: block;
	position: relative;
	clear: none;
	background-image: url(../img/bg/bg-dot.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	text-align: center;
	padding: 30px 0 50px 0;
}
.template-Calendar-month .main
{
    min-height: 503px;
}

.template-EventDetails .longLabels label.label
{
    width: 115px;
}
.zh-hk.template-EventDetails .longLabels label.label,
.zh-cn.template-EventDetails .longLabels label.label
{
    width: 60px;
}
.template-EventDetails div.field .radio
{
    width: 265px;
}
.template-EventDetails .smallbutton2
{
    font-size: 15px;
}
.template-EventDetails .formBatch
{
    padding: 10px 0;
}
.template-EventDetails .formButtons
{
    padding-left: 115px;
}
.zh-hk.template-EventDetails .formButtons,
.zh-cn.template-EventDetails .formButtons
{
    padding-left: 60px;
}
.template-EventDetails div.field .radio
{
    display: inline-block;
    
}
.template-EventDetails div.field .radio:after
{
    content: "";
}
.template-onecolumn p
{
    letter-spacing: 1px;
    /*font-size: 13px;*/
}
.loadingDiv
{
    display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	background-image: url(../img/icon/loading3.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: 999;
}
.template-EventDetails .split2Col .rightCol .download {
	background-image: url(../img/icon/icon-download2.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	line-height: 1.33em;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}
.template-EventDetails .split2Col .rightCol .more 
{
    margin-top: 10px;
}
.template-EventDetails .image_right
{
    width: 100%;
}
.template-indexlist h3
{
    font-size: 170%;
    margin-bottom: 0.5em;
}
.template-indexlist #body .bodyInner
{
    margin: 0 0 10px 0;
}

.noSideMenu div.main
{
    width: 100%;
}
.template-calendar-month #body .bodyInner
{
    margin-bottom: 10px;
}
ul.sitemap
{
    float: left;
    width: 30%
}
.template-NewsletterSubscription h3
{
    margin-bottom: 0.5em;
}
.template-NewsletterSubscription label.label
{
    width: 40px;
}
.zh-hk.template-NewsletterSubscription label.label,
.zh-cn.template-NewsletterSubscription label.label
{
    width: 56px;
}
.template-NewsletterSubscription .formButtons
{
    padding-left: 45px;
}
.zh-hk.template-NewsletterSubscription .formButtons,
.zh-cn.template-NewsletterSubscription .formButtons
{
    padding-left: 60px;
}

/* For photo album */
.pageBannerArea {
}
.pageBannerArea .pageBannerThumbsControls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.pageBannerArea .pageBannerThumbsControls { display: inline-block; }
/* Hides from IE-mac \*/
* html .pageBannerArea .pageBannerThumbsControls { height: 1px; }
.pageBannerArea .pageBannerThumbsControls { display: block; }
/* End hide from IE-mac */
.pageBannerArea .pageBannerThumbsControls {
	text-align: right;
	padding: 0 10px 10px 0;
}
.pageBannerArea .pageInfo {
	display: block;
	float: left;
	position: relative;
	clear: none;
}
.pageBannerArea .pageInfo .pageBannerThumbs_currentFrom {
	font-weight: bold;
	padding: 0 4px 0 0;
}
.pageBannerArea .pageInfo .pageBannerThumbs_currentTo {
	font-weight: bold;
	padding: 0 4px 0 0;
}
.pageBannerArea .pageInfo .pageBannerThumbs_totalImages {
	padding: 0 4px 0 0;
}
.pageBannerArea .pageBannerThumbsControlsPrev {
	padding: 0 1px;
}
.pageBannerArea .pageBannerThumbsControlsNext {
	padding: 0 1px;
}
.pageBannerArea .pageBannerThumbsControlsPrev.disable {
	visibility: hidden;
}
.pageBannerArea .pageBannerThumbsControlsNext.disable {
	visibility: hidden;
}
.pageBannerArea .pageBannerThumbs_indices {
}
.pageBannerArea .pageBannerThumbs_indices a {
	text-decoration: none;
	padding: 0 1px;
	margin: 0 2px;
}
.pageBannerArea .pageBannerThumbs_indices a:hover {
	text-decoration: underline;
}
.pageBannerArea .pageBannerThumbs_indices a.current {
	font-weight: bold;
	text-decoration: underline;
}
.pageBannerArea .pageBannerThumbs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.pageBannerArea .pageBannerThumbs { display: inline-block; }
/* Hides from IE-mac \*/
* html .pageBannerArea .pageBannerThumbs { height: 1px; }
.pageBannerArea .pageBannerThumbs { display: block; }
/* End hide from IE-mac */
.pageBannerArea .pageBannerThumbs {
	margin: -10px 0 10px 0;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumbsPage:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumbsPage { display: inline-block; }
/* Hides from IE-mac \*/
* html .pageBannerArea .pageBannerThumbs .pageBannerThumbsPage { height: 1px; }
.pageBannerArea .pageBannerThumbs .pageBannerThumbsPage { display: block; }
/* End hide from IE-mac */
.pageBannerArea .pageBannerThumbs .pageBannerThumbsPage {
	margin: 0 0 0 -10px;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb {
	display: block;
	float: left;
	position: relative;
	clear: none;
	padding: 0;
	margin: 10px 0 0 10px;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb div.pageBannerThumbInner {
	display: block;
	background-color: #fff;
	text-align: center;
	width: 159px;
	height: 165px;
	padding: 5px;
	margin: 0;
	vertical-align: top;
	border: 1px solid #D4D2C9;
	overflow: hidden;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb td.pageBannerThumbInner {
	background-color: #fff;
	text-align: center;
	width: 168px;
	height: 150px;
	padding: 5px;
	margin: 0;
	vertical-align: middle;
	border: 1px solid #D4D2C9;
	overflow: hidden;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb a {
	display: block;
	padding: 0;
	margin: 0 auto;
	border: 0;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb .img {
	display: block;
	background-image: url(../img/icon/loading2.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	border: 0;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb img {
	display: block;
	padding: 0;
	margin: 0 auto;
	border: 0;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb .pageBannerThumbTitle {
	font-size: 92%;
	line-height: 1.33em;
	font-weight: bold;
	text-align: center;
	margin: 3px 0 0 0;
	height: 30px;
}
.pageBannerArea .pageBannerThumbs .pageBannerThumb .pageBannerThumbDescription {
	font-size: 92%;
	line-height: 1.33em;
	text-align: left;
	margin: 3px 0 0 0;
}

/* For Album List */
.template-indexlist .itemList .item .thumbnail {
	width: 171px;
}
.template-indexlist .itemList.big .item .thumbnail {
	width: 138px;
}
.template-indexlist .itemList .item .thumbnail a,
.template-indexlist .itemList .item .thumbnail img {
	text-align: center;
	width: 155px;
}
.template-indexlist .itemList .item .thumbnail img {
	padding: 8px;
	margin: auto;
	border: 1px solid #858585;
}
.template-indexlist .itemList.big .item .thumbnail a,
.template-indexlist .itemList.big .item .thumbnail img {
	width: 122px;
}
.template-indexlist .itemList .item .title,
.template-indexlist .itemList .item .info,
.template-indexlist .itemList .item .summary,
.template-indexlist .itemList .item .more,
.template-indexlist .itemList .item .duration {
	display: block;
	float: right;
	position: relative;
	clear: none;
	width: 170px;
}
.template-indexlist .itemList .item .more 
{
    text-decoration: underline;
}
.template-indexlist .itemList.big .item .title,
.template-indexlist .itemList.big .item .info,
.template-indexlist .itemList.big .item .summary,
.template-indexlist .itemList.big .item .more {
	line-height: 1.15em;
	width: 590px;
	margin-bottom: 10px;
}
.template-indexlist .itemList .item .title {
	/*
	font-family: "Times New Roman", Times, serif;
	*/
	font-size: 117%;
	font-weight: bold;
	margin-top: 1em;
}
body.webfonts .template-indexlist .itemList .item .title {
	/*
	font-family: "Tinos", "Times New Roman", Times, serif;
	*/
}
.template-indexlist .itemList.big .item .title {
	font-size: 150%;
}
.template-indexlist .itemList .item .info {
	color: #7D7D7D;
	font-size: 92%;
}
.template-indexlist .itemList .item .summary {
	margin-bottom: 10px;
}

.videoList td
{
    margin: 0 10px 10px 0;
}
.template-indexlist .videoList .item .thumbnail a img.playIcon
{
    position: absolute;
    right: -10px;
    top: 75px;
    width: 22px;
    height: 20px;
    border: 0;
    display: block;
}
.template-indexlist .videoList .item .thumbnail a img.playIcon
{
    
}

.template-album .main h3
{
    border-bottom: 1px solid #9C9C9C;
}

body.textonly img
{
    display: none;
}

.template-404 .content
{
    width: 300px;
    margin: 0 auto;
}