body {
	padding: 0px; font-size: 65%; background: #fff; margin: 10px 0px 0px 0px; font-family: verdana; text-decoration: none; 
	_text-align /**/: center;
}
body.larger {
	font-size:85%;
}
body.largest {
	font-size:100%;
}

.bodyContainer {
	padding: 0px; text-align: center; margin-right: auto; margin-left: auto; width: 745px;
}

.skip {
	display: none
}

.clear-both { 
	clear: both; 
}

a {
	color: #44757c;
}

.bannercontainer {
	width: 745px; padding: 0px; margin: 0px; float: left;
}

.logo {
	float: left; width: 238px; padding: 0px; margin: 0px;
}

.banner {
	float: left; width: 506px; padding: 0px; margin: 0px;
}

.bannerText {
	float: left; width: 506px; height: 44px;
}

/* Search Items */

.searchBox {
	float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 130px;
}

/*
   This is a CSS comment where the end-of-comment marker is escaped. The following styles are not read by Mac Internet Explorer because it thinks they are still part of this comment.
\*/

.searchBox {
	float: left; margin: 8px 0px 0px 0px; padding: 0px; width: 130px;
}

/*
   Another comment, now with a normal end-of-comment marker. Explorer sees the end of this comment as the end of the previous one.
*/

.searchButton {
	float: left; margin: 0px; padding: 12px 0px 0px 4px; width: 13px;	
}

.textInput {
	font-size: 11px; width: 120px; 
}

.submitArrow {
	cursor: hand;
}

/* Search Items Ends */

/* Atomz Customisation */

.searchBanner {
	float: left; margin: 0px 0px 10px 0px; padding: 0px;
}

.searchLogo {
	float: right; margin: 0px; padding: 0px 0px 0px 340px;
}

/*
   This is a CSS comment where the end-of-comment marker is escaped. The following styles are not read by Mac Internet Explorer because it thinks they are still part of this comment.
\*/

.searchLogo {
	float: right; margin: 0px; padding: 0px; 0px 0px 0px;
}

/*
   Another comment, now with a normal end-of-comment marker. Explorer sees the end of this comment as the end of the previous one.
*/

.searchItems {
	float: left; margin: 0px; padding: 0px 0px 10px 0px; width: 582px;
}

.searchResults {
	float: left; margin: 0px 0px 10px 0px; padding: 0px; width: 582px;
}

.searchFooter {
	float: right; margin: 0px; padding: 0px; width: 582px; text-align: right;
}

/* Atomz Ends */

div#bannerNavigation {
	float: right; display: block; padding: 13px 5px 0px 0px; margin: 0px; width: 30em;
	_width /**/: 355px;
}

div#bannerNavigation ul {
	float: right; display: inline; margin: 0px; padding: 0px;
}

div#bannerNavigation li {
	display: inline; margin: 0px 1px 0px 0px;
}

div#bannerNavigation a {
	text-decoration: none; color: #7b7b7b; font-weight: bold; font-size: 1.1em;
}

.mainNavigationContainer {
	float: left; width: 745px; margin: 0px; padding: 0px; text-align: left;
}

.hr {
	margin: 0px; padding: 0px; height: 1px; background:	#ffffff url(/images/generic/dashed-hr.gif) repeat-x bottom left; clear: both;
}

div#mainNavigation {
	float: left; display: block; padding: 0px; margin: 6px 0px 6px 0px; width: 745px;
}

div#mainNavigation ul {
	display: inline; margin: 0px 0px 0px 22px; padding: 0px;
}

div#mainNavigation li { 
	display: inline; margin: 0px; font-size: 1.1em;
}

div#mainNavigation a {
	text-decoration: none; color: #050505;
}

div.mainContentContainer {
	float: left; padding: 0px; background: #fff; margin: 0px; width: 745px;
}

.leftContent {
	float: left; padding: 0px; margin: 11px 0px 0px 0px; width: 163px;
}

.centerContentHome {
	font-size: 1.0em; float: left; margin: 0px; width: 412px; color: #3484c3; line-height: 2.0; font-weight: bold;
}


/* Mac IE Hack */

.centerContent {
	font-size: 1.0em; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 200px; color: #44757c; line-height: 1.5; height: auto;
} 

/*
   This is a CSS comment where the end-of-comment marker is escaped. The following styles are not read by Explorer because it thinks they are still part of this comment.
\*/

.centerContent {
	font-size: 1.0em; float: left; margin: 0px; width: 412px; color: #44757c; line-height: 1.5;
}

/*
   Another comment, now with a normal end-of-comment marker. Explorer sees the end of this comment as the end of the previous one.
*/

.centerContentSearch {
	font-size: 1.0em; float: left; margin: 0px; width: 582px; color: #44757c; line-height: 1.5;
}

.mainContent {
	float: left; margin: 0px; padding: 0px; background: #fff; text-align: left; clear: both; height: auto; width: 412px;
}

.mainContentHome {
	float: left; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; background: #fff; text-align: left; clear: both; width: 412px;
}

.mainContentSearch {
	float: left; margin: 0px; padding: 0px; background: #fff; text-align: left; clear: both; height: auto; width: 582px;
}

.mainContentImage {
	 margin: 0px; padding: 0px; background: #e9f5c5;
}


.mainContentTextHome {
	float: left; margin: 0px 0px 0px 0px; padding: 7px 12px 5px 12px; background: #e9f5c5; text-align: justify; min-height: 110px; height: 120px; font-size: 1.1em; line-height: 1.6; width: 388px;	
	_width /**/: 412px;
	_height /**/: 132px;
}

.mainContentText {
	margin: 0px; padding: 12px 0px 0px 0px; background: #fff; font-size: 1.1em; width: 412px; text-align: justify;
}

.mainContentTextSearch {
	margin: 0px; padding: 12px 0px 0px 0px; background: #fff; font-size: 1.1em; width: 582px; text-align: justify;
}

.mainContentText b {
	text-decoration: none;
}

.mainContentText h3 {	
	font-size: 1.1em; color: #3484c3; margin: 0px 0px 10px 0px; padding: 0px; 
}

.mainContentText h4 {	
	font-size: 1.0em; color: #3484c3; margin: 0px 0px 10px 0px; padding: 0px; 
}

.mainContentText li {	
	margin: 0px 0px 10px 0px; padding: 0px; 
}

.column1 {
	float: left; width: 210px; padding: 0px 6px 0px 0px; margin: 0px;
}

.column2 {
	float: left; width: 184px; padding: 0px; margin: 0px;
}

.mainContentTextMenu ul {
	padding: 0px; margin: 10px 0px 0px 0px;
}

.mainContentTextMenu li {
	font-size: 1.0em; margin: 0px; padding: 0px; list-style-type: none; font-weight: bold;		
}

.contentArrow {
	float: left; margin: 0px; padding: 3px 5px 0px 0px; width: 13px;
}

.mainContentTextMenu a {
	text-decoration: none; color: #3484c3;
}

div#mainContentMenu {
	float: left; display: block; margin: 0px; background: #e9f5c5; width: 412px; padding: 0px;
}

.mainContentMenuItem {
	float: left; margin: 0px; 
	/*padding: 0px 10px 0px 18px;*/
	padding: 0px 7px 0px 13px;
}

.mainContentMenuDivide {
	float: left; background: #b3d73f; height: 22px; width: 1px; padding: 0px; margin: 0px -5px 0px 3px;	
}

div#mainContentMenu ul {
	display: inline; margin: 0px; padding: 0px; text-align: left;
}

div#mainContentMenu li {
	display: inline; margin: 0px 20px 0px 0px;  text-align: left;
}

div#mainContentMenu a {
	text-decoration: none; color: #335187; font-weight: bold; font-size: 1.1em;
}

.centerContentBottom {
	float: left; background: #3484c3; color: #fff; margin: 0px; padding: 0px 0px 0px 14px; width: 398px; text-align: left; line-height: 1.5em;
	_width /**/: 412px;
}

.bottomText {
	float: left; font-weight: bold; margin: 0px; padding: 8px 0px 8px 0px; width: 360px;
}

.bottomText a {
	text-decoration: none; color: #fff;
}

.bottomArrow {
	float: right; margin: 0px; padding: 0px; height: 31px;
}

.rightContent {
	padding: 0px; background: #fff; float: left; width: 170px; text-align: left;
}

.rightBox1 {
	float: right; margin: 0px 0px 14px 0px;
}

.rightBox1Bottom {
	float: right; width: 141px; margin-bottom: 5px; padding-top: 17px; padding-left: 7px; background: #e8e8e8; height: auto;
	_width /**/: 148px;
}

.frankBox {
	float: right; width: 141px; margin: 0px; padding: 5px 0px 0px 7px; background: #e8e8e8; height: auto;
	_width /**/: 148px;
}

.rightBox1Content {
	float: left; margin: 0px; padding: 0px; 
}

.blueArrow {
	float: right; margin: -3px 0px 0px 0px; padding: 0px;	
}

.blueArrow1 {
	float: right; margin: -16px 0px 0px 0px; padding: 0px;	
}

.rightBox1Bottom A {
	color: #676f82; text-decoration: none; font-weight: bold;
}

.rightBox2 {
	float: right; margin: 0px; padding: 0px; width: 148px;
}

.rightBox2Text {
	padding: 0px; color: #676767; line-height: 1.2; font-size: 1.0em; 
}

.rightBox2Text a {
	text-decoration: none;
}

.rightBox2Title {
	color: #3484c3; font-weight: bold; font-size: 1.1em; border-top: 1px solid #bddc43; padding: 10px 0px 8px 0px;
}

.rightBox2SubTitle {
	color: #646b73; margin-top: 8px; margin-bottom: 8px;
}

.rightAreaMap {
	float: right; margin: 0px; padding: 0px;
}

#mainMenu {
	width: 163px; text-align: left; padding: 0px; margin: 0px;
}

#menuList {
	padding: 0px; margin: 14px 0px 0px 0px;
}

.menu {
	padding: 0px 0px 6px 0px; display: none; margin: 0px 0px 0px 0px;
}

li.menubar {
	font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; 
}

li.menubar2 {
	font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none;	
}

/*
   This is a CSS comment where the end-of-comment marker is escaped. The following styles are not read by Explorer because it thinks they are still part of this comment.
\*/

.menu {
	padding: 0px 0px 6px 0px; display: none; margin: -4px 0px 0px 0px;
}

li.menubar {
	font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; 
}

li.menubar2 {
	font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none;	
}

/*
   Another comment, now with a normal end-of-comment marker. Explorer sees the end of this comment as the end of the previous one.
*/

.menuArrow {
	margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; width: 13px; float: left;
}

.menuText {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 130px;
}

.menu li {
	list-style-image: none; list-style-type: none; font-size: 0.9em; margin: 0px 0px 0px 19px; padding: 0px 0px 6px 0px;
}

A.actuator {
	color: #48727e; background-color: transparent; text-decoration: none; font-family: verdana;	font-weight: bold;	
}

A.actuator2 {
	color: #48727e; background-color: transparent; text-decoration: none; font-family: verdana;
}

.menu LI A {
	font-size: 1.0em; color: #44757c; background-color: transparent; text-decoration: none; font-family: verdana; font-weight: regular;
}

.menu LI A:hover {
	color: #919f54;
	/*color: #bee355;*/
}

/* Footer */

.footer {
	width: 745px; margin: 0px; padding: 0px; float: left; text-align: left;
}

.copyright {
	float: left; font-size: 1.1em; color: #9a9a9a; margin: 7px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left;
}

/* Footer Ends */

.lineDivide {
	height: 1px; background: #BDDC43; padding: 0px; margin: 8px 0px 8px 0px;
}

.smallText {
	font-size: 0.9em;
}

.smallText a {
	text-decoration: none;
}

#yourCommentsForm {
	width: 100%;
	font-family: verdana;
}

#yourCommentsForm td {
	padding: 2px 5px 2px 2px;
	text-align: left;
}

#yourCommentsForm .question {
	font-weight: bold;
	padding-top: 10px;
	text-align: left;
}

/* text resizer */
#resizer {
	display:block;
	float:left;
	margin:-5px 0 0;
	padding:0;
	vertical-align:middle;
}
#resizer dt {
	display:inline;
	margin:0;
	padding:0 3px;
}
#resizer dd {
	display:inline;
	margin:0;
	padding:0 3px;
}
#resizer dd.normal {
	line-height:100%;
}
#resizer dd.larger {
	font-size:120%;
	line-height:120%;
}
#resizer dd.largest {
	font-size:150%;
	line-height:150%;
}
#resizer dd a {
	padding:0 2px;
	border:1px solid;
	color:#335187;
	outline:none;
}
#resizer dd a.selected {
	background-color:#DCEFA0;
}
/* end text resizer */


/* print styles */
@media print {
	.leftContent {
		display:none;
	}
	.rightContent {
		display:none;
	}
	.mainContentContainer, .mainContent {
		float:none;
		clear:both;
	}
	* html .mainContentContainer, * html .mainContent {
		height:1px;
	}
}