/*~~~~~~~~~~~~~~~~~global styles startT~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
}
	* html {
		border: none;
	}
body {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background-image: url(images/UI/bg-body.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #EDF2F7;
}
img {
	display: block;
}
a img, img a, img {
	border: none;
}
.clearer{
	clear: both;
	line-height: 0px;
}
div.container {
	width: 606px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	color: #5C6A76;
}
/*~~~~~~~~~~~~~~~~~global styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~header styles start~~~~~~~~~~~~~~~~~*/
div.container div.logo {
	width: 606px;
	height: 65px;
	margin-top: 25px;
}
/*~~~~~~~~~~~~~~~~~header styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~topNav styles start~~~~~~~~~~~~~~~~~*/
div.container div.topNav {
	width: 516px;
	height: 65px;
	float: left;
}
div.container div.topNav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #375E7D;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	float: left;
	padding: 40px 8px 13px 8px;
}
div.container div.topNav a:hover {
	background-image: url(images/UI/bg-topNav-hover.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	color: #C41111;
}
/*~~~~~~~~~~~~~~~~topNav drop down styles start~~~~~~~~~~~~~~~~*/
div.container div.topNav div.submenu {
	position: absolute;
	z-index: 200;
	width: 141px;
	background-color: #EFF3F7;
}
div.container div.topNav div.submenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	width: 128px;
	text-decoration: none;
	padding: 6px 0px 5px 9px;
	display: block;
	position: relative;
}
div.container div.topNav div.submenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7C97B6;
	background-image: none;
	border-left: 4px solid #C41111;
}
/*~~~~~~~~~~~~~~~~topNav drop down styles end~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~topNav styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~login styles start~~~~~~~~~~~~~~~~~*/
div.container a.login {
	display: block;
	float: right;
	width: 68px;
	height: 19px;
	background-image: url(images/UI/login.jpg);
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 37px;
}
div.container a.login:hover {
	background-position: right;
}
/*~~~~~~~~~~~~~~~~~login styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~flash styles start~~~~~~~~~~~~~~~~~*/
div.container div#flashContent {
	width: 604px;
	height: 183px;
	margin-left: 2px;
	margin-bottom: 4px;
}
/*~~~~~~~~~~~~~~~~~flash styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~indexContent styles start~~~~~~~~~~~~~~~~~*/
div.container div.indexContent {
	background-color: #E4ECF2;
	width: 377px;
	padding-top: 19px;
	float: left;
}
div.container div.indexContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 339px;
	margin: 0px 0px 24px 19px;
	padding: 0px;
}
div.container div.indexContent h1 {
	margin: 0px 0px 7px 19px;
	padding: 0px;
}
	* html div.container div.indexContent h1 {
		margin-bottom: 12px;
		margin-botto\m: 7px;
	}
div.container div.indexContent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #437195;
	text-decoration: none;
	display: block;
	height: 17px;
	width: 338px;
	padding: 4px 0px 0px 39px;
	border-top: 2px solid #EAF0F5;
	background-image: url(images/UI/right-arrow.gif);
	background-position: 19px 4px;
	background-repeat: no-repeat;
}
	* html div.container div.indexContent a {
		height: 21px;
		width: 377px;
		heigh\t: 17px;
		widt\h: 338px;
	}
div.container div.indexContent a:hover {
	background-position: 19px -24px;
	background-color: #ECF2F6;
	color: #C41111;
}
/*~~~~~~~~~~~~~~~~~indexContent styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~newLinks styles start~~~~~~~~~~~~~~~~~*/
div.container div.newLinks {
	float: right;
}
div.container div.newLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	display: block;
	text-decoration: none;
	padding: 10px 30px 12px 20px;
	margin-top: 2px;
	width: 173px;
	background-image: url(images/UI/right-arrow-news.gif);
	background-position: 192px 17px;
	background-repeat: no-repeat;
}
	* html div.container div.newLinks a {
		width: 223px;
		widt\h: 173px;
	}
div.container div.newLinks a:hover {
	background-position: 192px -24px;
	color: #C41111;
}
div.container div.newLinks a.a1 {
	background-color: #BDD0E1;
}
div.container div.newLinks a.a2 {
	background-color: #D1DEEA;
}
div.container div.newLinks a.a3 {
	background-color: #DBE5EE;
}
/*~~~~~~~~~~~~~~~~~newLinks styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~level2Subnav styles start~~~~~~~~~~~~~~~~~*/
div.level2Subnav {
	width: 606px;
}
	* html div.level2Subnav {
		width: 607px;
	}
div.level2Subnav img {
	float: left;
	margin-left: 2px;
}
div.level2Subnav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #437195;
	text-decoration: none;
	display: block;
	float: left;
	width: 180px;
	height: 17px;
	background-color: #E4ECF2;
	margin: 0px 0px 2px 2px;
	padding: 4px 0px 0px 20px;
	background-image: url(images/UI/right-arrow-subNav.gif);
	background-position: 180px 6px;
	background-repeat: no-repeat;
}
	* html div.level2Subnav a {
		width: 199px;
		height: 21px;
		widt\h: 179px;
		heigh\t: 17px;
	}
div.level2Subnav a:hover {
	background-color: #ECF2F6;
	color: #C41111;
	background-position: 180px -17px;
}
div.level2Subnav a.blank {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #473195;
	text-decoration: none;
	display: block;
	float: left;
	width: 180px;
	height: 17px;
	background-color: #E4ECF2;
	margin: 0px 0px 2px 2px;
	padding: 4px 0px 0px 20px;
	background-image: none;
}
	* html div.level2Subnav a.blank {
		width: 199px;
		height: 21px;
		widt\h: 178px;
		heigh\t: 17px;
	}
div.level2Subnav a.blank:hover {
	background-color: #E4ECF2;
	color: #473195;
}
/*~~~~~~~~~~~~~~~~~level2Subnav styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~level2ContentBlock styles start~~~~~~~~~~~~~~~~~*/
div.level2ContentBlock {
	margin: 5px 0px 5px 2px;
	background-color: #E4ECF2;
	padding: 0px;
}
div.level2ContentBlock p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	margin: 0px;
	padding: 15px 0px 15px 21px;
	width: 567px;
}
/*~~~~~~~~~~~~~~~~~level2ContentBlock styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~staffBlock styles start~~~~~~~~~~~~~~~~~*/
div.staffBlock {
	margin: 0px 0px 0px 2px;
	width: 604px;
	height: 307px;
}
div.staffBlock h1 {
	width: 585px;
	height: 11px;
	background-color: #D3E0EA;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 19px;
}
	* html div.staffBlock h1 {
		width: 604px;
		height: 21px;
		widt\h: 585px;
		heigh\t: 11px;
	}
div.staffBlock img {
	float: left;
	margin-right: 15px;
}
div.staffBlock div.staffContent {
	float: left;
	width: 445px;
	margin-bottom: 10px;
}
div.staffBlock div.staffContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
div.staffBlock div.staffContent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C41111;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: block;
}
div.staffBlock div.staffContent a:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~staffBlock styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~contact styles start~~~~~~~~~~~~~~~~~*/
div.contact {
}
div.contact div.location {
	float: left;
}
div.contact div.location img {
	margin-bottom: 5px;
}
div.contact div.location div.locationDetails {
	width: 357px;
	height: 136px;
	background-color: #E4ECF2;
	padding: 14px 0px 0px 20px;
}
	* html div.contact div.location div.locationDetails {
		width: 377px;
		height: 150px;
		widt\h: 357px;
		heigh\t: 136px;
	}
div.contact div.location div.locationDetails h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	padding: 0px;
	margin: 0px 0px 11px 0px;
}
div.contact div.location div.locationDetails a img {
	margin: 0px 17px 0px 0px;
	float: left;
}
div.contact div.location div.locationDetails p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	width: 224px;
	float: left;
}
div.contact div.location div.locationDetails a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #48677F;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
}
div.contact div.location div.locationDetails a:hover {
	text-decoration: underline;
}
div.contact div.contactDetails {
	float: right;
}
div.contact div.contactDetails img {
	margin-bottom: 5px;
}
div.contact div.contactDetails table.contactInfo {
	width: 223px;
	background-color: #FF0000;
}
div.contact div.contactDetails table.contactInfo td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #345C7A;
	background-color: #E4ECF2;
	padding: 10px 0px 10px 10px;
}
div.contact div.contactDetails table.contactInfo td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #345C7A;
	padding: 0px;
	margin: -6px 0px 0px 0px;
}
div.contact div.contactDetails table.contactInfo td a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #345C7A;
	text-decoration: none;
	display: block;
	margin: -5px 0px 0px 0px;
}
div.contact div.contactDetails table.contactInfo td a:hover {
	text-decoration: underline;
}
div.contact div.contactDetails table.contactInfo td.topBorder {
	border-top: 2px solid #F0F4F8;
}
div.contact div.largeMap {
	display: block;
	margin: 10px 0px 0px 50px;
}
/*~~~~~~~~~~~~~~~~~contact styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~form styles start~~~~~~~~~~~~~~~~~*/
form {
	width: 379px;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #345C7A;
	font-weight: bold;
	width: 120px;
	height: 17px;
	display: block;
	float: left;
	background-color: #BFD2E2;
	margin: 0px 0px 2px 0px;
	padding: 5px 0px 0px 10px;
}
	* html label {
		width: 130px;
		height: 21px;
		margin: 0px 0px 2px 0px;
		widt\h: 120px;
		heigh\t: 17px;
	}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #345C7A;
	width: 240px;
	height: 17px;
	margin: 0px 0px 2px 2px;
	padding: 5px 0px 0px 3px;
	border: none;
	background-color: #FFFFFF;
}
	* html input {
		width: 243px;
		height: 21px;
		margin: 0px;
		widt\h: 240px;
		heigh\t: 17px;
		margi\n: 0px;
	}
/*~~~~~~~~~~~~~~~~~form styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~list styles start~~~~~~~~~~~~~~~~~*/
h1.listHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
	text-transform: uppercase;
	margin: 12px 0px 0px 0px;
	padding: 0px;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	margin: 18px 0px 17px 0px;
	padding: 0px;
}
ul li {
	list-style: none;
	line-height: 13px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(images/UI/bullet.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
/*~~~~~~~~~~~~~~~~~list styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~submit styles start~~~~~~~~~~~~~~~~~*/
a.submit {
	display: block;
	width: 95px;
	height: 21px;
	background-image: url(images/UI/submit.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 0px;
}
a.submit:hover {
	background-position: left bottom;
}
/*~~~~~~~~~~~~~~~~~submit styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~standardTable styles start~~~~~~~~~~~~~~~~~*/
table.standardTable {
	margin: 0px;
}
table.standardTable caption {
	background-color: #B8CDDF;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 2px 0px;
	text-align: left;
}
table.standardTable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	background-color: #FFFFFF;
	padding: 8px 0px 8px 17px;
	text-align: left;
}
table.standardTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	background-color: #FFFFFF;
	padding: 12px 0px 12px 17px;
	text-align: left;
}
/*~~~~~~~~~~~~~~~~~standardTable styles end~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~footer styles start~~~~~~~~~~~~~~~~~*/
div.footer {
	width: 692px;
	height: 183px;
	background-image: url(images/UI/bg-footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 152px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 38px;
}
div.footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #437195;
	padding: 0px;
	margin: 0px 0px 0px 8px;
}
div.footer p a {
	color: #437195;
	text-decoration: none;
}
div.footer p a:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~footer styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~Pop up styles~~~~~~~~~~~~~~~~~*/

div#popupPortrait, div#popupLandscape {
	background: #FFFFFF url(images/txt-clickToClose.jpg) no-repeat top right;
	display: none;
	position: absolute;
	padding: 18px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #437195;
	/*border-color: #53DEEE;*/
}

/*~~~~~~~~~~~~~~~~~hidden div above~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~Pop up styles end~~~~~~~~~~~~~~~~~*/