@charset "ISO-8859-1";

/* Template Style - inner page */

body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #000040; margin: 0; padding: 0; }

h1 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #00b0e3; text-transform: capitalize; margin: 0 0 20px 0; } /* 	text-transform: uppercase; */

h2 { font: bold 1.1em  Verdana, Arial, Helvetica, sans-serif; color: #00b0e3; text-transform: capitalize; margin: 2px 0 8px 0; }

h3 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 20px 0; } /* 	text-transform: uppercase; */

h4 { font: bold 1.1em  Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 2px 0 8px 0; }

a { text-decoration: none; color: #00b0e3; }

a:hover { text-decoration: underline; }

a img {	border: none; }

p {	margin: 0 0 16px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.5pt; }

/* Crumb Trail & Print page Icon */

#crumbTrail {
	width: 664px;
	float: left;
	overflow: auto;
}

#globalPrintIconRight {
	width: 100px;
	margin: 6px 0 0 0;
	float: right;
	text-align: right;
}	/*margin: 4px 0 0 0; */


#globalPrintIconRight img {
	vertical-align: top;
}

#MainContainer {
	width: 939px;
	background: #006eae;
	border-top: 2px solid #00b0e3;
	border-left: 1px solid #00b0e3;
	border-right: 1px solid #00b0e3;
	margin: 0 auto;
}

.float-right {
	float: right;
	margin: 0 0.5em 1em 1em;
}

/* Main Middle content styles */

#ContentContainer {
	width: 911px;
	margin: 0 auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #123a5d;
	overflow: hidden;
}

/* Left navigation styles */

#LeftContentContainer {
	width: 199px;
	float: left;
	overflow: hidden;
}

/* Left navigation - Blue Button styles */

.LeftNavBlueBtnContainer {
	width: 185px;
	overflow: hidden;
	white-space: nowrap;
	list-style-type:none;

}

a.LeftNavBlueBtn {
	width: 185px;
	height: 16px;
	background: url(blue_btn_base_default.gif) no-repeat top right;
	margin-bottom: 3px;
	padding: 2px 0 0 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 5px;
	text-decoration: none;
	white-space: nowrap;
	display: block;
}	/* text-transform: uppercase;
	display: inline; */

a.LeftNavBlueBtn:hover {
	background: url(blue_btn_base_hover.gif) no-repeat top right;
	color: #FFFFFF;
	white-space: nowrap;
}

.LeftNavBlueBtn ul {
	margin: 0px;
	padding: 0px;
	width: 185px;
	list-style: none;
	white-space: nowrap;
}

.LeftNavBlueBtn  ul li {
	width: 185px;
	height: 16px;
	background: url(blue_btn_base_default.gif) no-repeat top right;
	margin-bottom: 3px;
	padding: 2px 0 0 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 5px;
	text-decoration: none;
	white-space: nowrap;
	display: block;
}	/*	text-transform: uppercase;
	display: inline; */

.LeftNavBlueBtn ul li a {
	width: 185px; 
	height: 16px;
	background: url(blue_btn_base_default.gif) no-repeat top right;
	margin-bottom: 3px;
	padding: 2px 0 0 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 5px;
	text-decoration: none;
	white-space: nowrap;

	display: block;
}	/*	text-transform: uppercase;
	display: inline; */

.LeftNavBlueBtn ul li a:hover, a:active, .panelbar .hover {
	background: url(blue_btn_base_hover.gif) no-repeat top right;
	color: #FFFFFF;
	white-space: nowrap;

}/*	display: inline; */

.LeftNavBlueBtn-current ul li span a:hover, a:active, .panelbar .hover {
	background: url(blue_btn_base_hover.gif) no-repeat top right;
	color: #FFFFFF;
	white-space: nowrap;

}/*	display: inline; */

/* Left navigation - Yellow Button styles */

.LeftNavYellowBtnContainer {
	width: 192px;
	margin-top: 20px;
	overflow: hidden
}

a.LeftNavYellowBtn {
	width: 192px;
	height: 34px;
	background: url(yellow_btn_base.gif) no-repeat top;
	margin-bottom: 5px;
	padding: 12px 0 0 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #123a5d;
	text-align: center;
	text-decoration: none;
	display: block;
}	/*	text-transform: uppercase;
	display: inline; */


/* Mid content container styles  */

.orangeBorderBoxTop {
	background: url(content_corner_tr.gif) no-repeat top right;
	height: 4px;
}

.orangeBorderBoxBottom {
	background: url(content_corner_br.gif) no-repeat top right;
	height: 7px;
}

.BoxCorners {
	float: left;
}

.orangeBorderBoxContentBg {
	border-left: 2px solid #ffc400;
	border-right: 2px solid #ffc400;
	background-color: #FFFFFF;
}

.orangeBorderBoxContentBody {
	padding: 8px;
}

.orangeSolidDivider {
	height: 20px;
	border-top: 1px solid #ffc400;
}

a.pageNavLink {
	text-decoration: underline !important;
	color: #123a5d !important;
}

a.pageNavOtherLink {
	color: #123a5d !important;
}

a.pageNavLink:hover {
	text-decoration: none !important;
}

/* Index header styles */

#IndexMainHeaderContainer {
	width: 916px;
	margin: 0 auto;
	padding: 14px 0 14px 0;
	overflow: hidden;
}

#IndexHeaderContainer {
	width: 100%;
	overflow: hidden;
}

.IndexHeaderLeft {
	width: 204px;
	float: left;
	display: block;
	overflow: hidden;
}

.IndexHeaderCenter {
	width: 514px;
	float: left;
	display: block;
	overflow: hidden;
}

.IndexHeaderRight {
	width: 198px;
	float: left;
	display: block;
	text-align: center;
	overflow: hidden;
}

/* Index Mid Content style */

#IndexMiddleContentContainer {
	width: 514px;
	float: left;
	overflow: hidden;
}

#IndexMiddleContentContainer a {
	text-decoration: none;
	color: #00b0e3;
}

#IndexMiddleContentContainer a:hover {
	text-decoration: underline;
}

#IndexMiddleContentContainer p {
	margin: 0 0 16px 0;
}

.indexMiddleContentBody {
	width: 100%;
	overflow: hidden;
}

.indexMiddleContentBodyCol01 {
	width: 237px;
	float: left;
	overflow: hidden;
}

.indexMiddleContentBodyCol02 {
	width: 237px;
	float: right;
	overflow: hidden;
}

/* Index Right Content style */

#IndexRightContentContainer {
	width: 198px;
	float: left;
	overflow: hidden;
}

.registerDetailsFormContainer {
	width: 184px;
	float: right;
	overflow: hidden;
}

.registerDetailsFormTitle {
	height: 16px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 5px;
	padding: 2px 0 0 0;
	margin-bottom: 3px;
	text-transform: uppercase;
	background: url(register_title_base.gif) no-repeat;
}

.registerDetailFormBody {
	padding: 0px;
}

.registerDetailFormBody ul { margin: 0; padding: 0; list-style: none;  }

.registerDetailFormBody ul li { margin: 0; padding: 5px; border-bottom: 2px solid #ffc400; }

.registerDetailFormBody ul li.last { border: none; }

/* Index - Register your details form styles */

div.registerDetail {
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

div.registerDetail fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

div.registerDetail legend {
	display: none;
}

div.registerDetail input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
}

div.registerDetail input.txtField {
	width: 164px;
}

div.registerDetail .checkboxRegister input {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

div.registerDetail label.checkboxField {
	clear: none;
	display: block;
	margin: 0 0 0 23px;
	padding: 0 0 5px 0;
}

div.registerDetail select {
	width: 170px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
}

div.registerDetail p {
	margin: 0 0 2px 0;
}

div.registerDetail input.registerBtn {
	float: right;
}

/* Internal Main Middle content styles */

#MainInternalContentContainer {
	width: 916px;
	margin: 14px 0 0 11px;
	overflow: hidden;
}

#InternalLeftContentContainer {
	width: 204px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#InternalRightContentContainer {
	width: 712px;
	float: left;
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #123a5d;
	overflow: hidden;
}

/* Crumb styles */

#globalCrumbContainer {
	width: 104px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #00b0e3;
	height: 20px;
	margin: 0 auto;
	overflow: hidden;
}

.globalCrumbLeft {
	width: 620px;
	margin: 0 0 .5em 0;
	float: left;
	text-align: left;
}

/* .globalCrumbLeft a {
	color: #123a5d;
} */

.globalCrumbCenter {
	width: 120px;
	margin: 8px 0 0 0;
	float: left;
	text-align: center;
}

.globalCrumbRight {
	width: 70px;
	margin: 0 0 .5em 0;

	float: right;
	vertical-align: top;
}	/*margin: 4px 0 0 0;
	text-align: right; */

.globalCrumbRight img {
	vertical-align: middle;
}

/* Internal Left Content Styles */

.internalLeftContentLogo {
	width: 100%;
	margin: 0 0 14px 0;
}

/* Internal Left navigation - Blue Button container */

.internalLeftNavBlueBtnContainer {
	width: 185px;
	margin: 0 0 0 3px;
	overflow: hidden
}

/* Internal Left navigation - Yellow Button container */

.internalLeftNavYellowBtnContainer {
	width: 192px;
	margin: 20px 0 0 3px;
	overflow: hidden;
}

/* Internal Right Content Styles */

.internalBannerPanel {
	width: 100%;
	margin: 0 0 10px 0;
}

.internalMiddleContentContainer {
	width: 100%;
	overflow: hidden;
}

/* Meet the leaders styles */

.leaderProfiles {
	width: 100%;
	text-align: left;
	overflow: hidden;
}

.leaderProfiles .Photograph {
	float: left;
	padding: 0 10px 0 0;
}

.leaderProfiles p {
	margin: 0 0 16px 200px !important;
}

/* Photo Gallery styles */

#thumbPhoto {
	width: 100%;
	overflow: hidden;
}

#thumbPhoto ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 10;
}

#thumbPhoto ul li {
	width: 110px;
	height: 73px;
	margin: 0 25px 25px 0;
	float: left;
	display: block;
}

/* News style */

.newstitle {
	color: #123A5D;
}

/* Contact Us styles */

.ContactUsFormBody {
	width: 100%;
	overflow: hidden;
}

/* Contact us form styles */

div.ContactUs {
	width: 510px;
	text-align: left;
	overflow: hidden;
}

div.ContactUs fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

div.ContactUs legend {
	display: none;
}

div.ContactUs label {
	width: 117px;
	float: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	display: block;
	!important;
}

div.ContactUs label.FullRow {
	width: 100%;
	float: left;
	display: block;
}

div.ContactUs input {
	width: 135px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
}

div.ContactUs input.submitBtn {
	width: 101px;
	height: 30px;
	float: left;
	margin-top: 10px;
	clear: both;
}

div.ContactUs select {
	width: 141px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
}

div.ContactUs textarea {
	width: 254px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	overflow: auto;
}

div.ContactUs p {
	margin: 0 0 10px 0;
	width: 400px;
}

/*Have Your Say styles*/

#MainContainer .pagingtop {
	padding: 15px 0px 8px 0px;
}

#MainContainer .pagingbottom {
	padding: 0px 0px 5px 0px;
}

/* Pop up page styles */

#popupHeaderContainer {
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.popupHeaderLeft {
	width: 204px;
	float: left;
	text-align: center;
	overflow: hidden;
}

.popupHeaderRight {
	width: 712px;
	float: left;
	text-align: center;
	overflow: hidden;
}

#popupMiddleContentContainer {
	width: 100%;
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #123a5d;
	overflow: hidden;
}

/* Footer styles */

#footerSlogan {
	width: 82.85em; margin: 0 auto; color: #ffffff; padding: 2.36em 1.3em 0 1.3em; background: url(Footer_BG.png) repeat-x top left;
/*	width: 100%; */
	margin: 14px 0 0 0;
}

#globalFooterContainer {
	width: 939px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
}

.globalFooterLeft {
	width: 699px;
	margin: 5px 0 0 0;
	float: left;
	text-align: left;
}

.globalFooterLeft a {
	color: #FFFFFF;
}

.globalFooterCenter {
	width: 120px;
	margin: 8px 0 0 0;
	float: left;
	text-align: center;
}

.globalFooterRight {
	width: 120px;
	margin: 6px 0 0 0;
	/*margin: 4px 0 0 0; */
	float: left;
	text-align: right;
}

.globalFooterRight img {
	vertical-align: middle;
}

/*AJAX Toolkit CSS*/

.unwatermarked {
	/

*height:18px;*/
	width: 164px;
}

.watermarked {
	/

*height:18px;
border:1px solid #BEBEBE;
	background-color:#F0F8FF;
*/
	width: 164px;
	padding: 2px 0 0 2px;
	color: gray;
}

/* start from panelbar.css */

.panelbar {
	width: 250px;
}

.panelbar .rootGroup, .panelbar .group, .panelbar .item {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	white-space: nowrap;
	margin: 0pt 0pt 4pt;
	padding: 0pt;
}

.panelbar .item {
	display: block;
	float: none;
	position: static;
}

.panelbar .item a {
	text-decoration: none;
	white-space: nowrap;
}

.panelbar .slide {
	float: none;
	height: auto;
	position: static;
}

.panelbar .text:after, .panelbar .template:after, .panelbar .item:after {
	clear: both;
	content: "";
	display: block;
	height: 0pt;
	visibility: hidden;
	white-space: nowrap;
}

.panelbar .link, .panelbar .text {
	display: block;
	text-decoration: none;
}

.panelbar .image {
	border: 0pt none;
	float: left;
	vertical-align: middle;
}

.panelbar .level1 {
	overflow-x: hidden;
	overflow-y: auto;
}

.panelbar .link {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	width: 100%;
}

.panelbar .text {
	cursor: pointer;
}

.panelbar .slide {
	display: none;
	overflow: hidden;
}

.panelbar .group {
	display: none;
}

.rtl .image {
	border: 0pt none;
	float: right;
}

.rtl {
	text-align: right;
}

/* end of panelbar.css */