/*---------------GLOBAL STYLES START------------------------*/
html {
	width: 100%;
	height: 100%;
}
	* html {
		border:none;
	}
body {
	margin: 0px;
	width:100%;
	height:100%;
	background: #F3F3F3 url(images/ui/insul-body-BG-vertStripes.gif) repeat-y 0px 0px;
}
img {
	display: block;
}
a img, img a, img {
	border: none;
}
.clearer{
	clear: both;
	line-height: 0px;
}
div.container {
	border-bottom: 1px solid #FFFFFF;
	background: #EBEBEB url(images/ui/contentTopStripe-BG.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
label {
	color: #31546F;
	font-size: 11px;
	margin-top: 4px;
	display: block;
}
a.more {
	display: block;
	margin-bottom: 32px;
	background: #F3F3F3;
}
a.more img {
	border-right: solid 1px #FFFFFF;
}
a.more:hover {
	background: #EBEBEB;
}
a {
	color: #31546F;
}
a:hover {
	text-decoration: none;
}

/*---------------global styles end------------------------*/
/*---------------HEADER STYLES START------------------------*/
div.header {
	background: #31556F;
	border-bottom: 1px solid #FFFFFF;
}
/*---------------header styles end------------------------*/
/*---------------LEFT COLUMN STYLES START------------------------*/
div.leftColumn {
	width: 120px;
	padding-top: 68px;
	float: left;
}
div.nav {
	border-top: 1px solid #FFFFFF;
}
div.nav a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background: url(images/ui/nav-BG.gif) no-repeat left bottom;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	padding: 3px 15px 4px;
}
div.nav a:hover{
	background: url(images/ui/nav-BG.gif) no-repeat left top;
}
/*---------------left column styles end------------------------*/
/*---------------MAIN CONTENT STYLES START------------------------*/

div.mainContent {
	font: 11px/17px Geneva, Arial, Helvetica, sans-serif;
	float: left;
	width: 540px;
	color: #31546F;
	background: #FFFFFF;
	min-height: 600px;
}
div.mainContent h2 {
	font: bold 14px/14px Geneva, Arial, Helvetica, sans-serif;
	color: #B00000;
	margin-top: 0px;
	margin-bottom: 8px;
}
div.oneColumn {
	padding: 30px;
}
div.twoColumns {
	padding: 30px 4px 30px 30px;
	width: 222px;
	float: left;
}
	* html div.twoColumns {
		width: 255px;
		widt\h: 222px;
	}
div.twoColumns a {
	color: #31546F;
}
div.twoColumns a:hover {
	text-decoration: none;
}
div.container div.mainContent p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #31546F;
	margin-top: 0px;
	margin-bottom: 11px;
}
div.mainHeadingImage {
	background-color: #999999;
	margin-right: 1px;
}
a.TopArrow {
	display: block;
	background-color: #F3F3F3;
	width: 18px;
	height: 14px;
	padding-left: 10px;
	padding-top: 8px;
	margin-top: -13px;
	margin-bottom: 29px;
	margin-left: 1px;
}
a.TopArrow:hover {
	background-color: #EBEBEB;
}
img.top {
	margin-left: 19px;
	margin-top: -13px;
	float: left;
}
	* html img.top {
		margin-left: 9px;
	}
div.mainContent h3 {
	font: bold 11px/11px Geneva, Arial, Helvetica, sans-serif;
	color: #31546F;
	margin-bottom: 3px;
	margin-top: 0px;
}
div.mainContent h4 {
	font: 16px/16px Geneva, Arial, Helvetica, sans-serif;
	color: #9B2E1E;
	margin-top: 30px;
	margin-bottom: 32px;
	margin-left: 30px;
}
div.mainContent h5 {
	font: bold 11px/11px Geneva, Arial, Helvetica, sans-serif;
	color: #31546F;
	margin-bottom: 3px;
	margin-top: 0px;
}
div.mainContent h6 {
	font: bold 14px/14px Geneva, Arial, Helvetica, sans-serif;
	color: #B00000;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}

/*---------------main content styles end------------------------*/
/*---------------RIGHT COLUMN STYLES START------------------------*/
div.rightColumn {
	float: left;
	width: 130px;
	padding-top: 72px;
	padding-left: 26px;
}
div.rightColumn h2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #31546F;
	margin-top: 0px;
	margin-bottom: 8px;
}
div.rightColumn p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #9B2E1E;
	margin-top: 0px;
}
div.rightColumn form p {
	color: #31546F;
	margin-top: 0px;
	margin-bottom: 6px;
}
div.rightColumn blockquote {
	margin: 20px 0px;
	color: #9B2E1E;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
}
div.rightColumn input {
	width: 126px;
	border: 1px solid #CCCCCC;
}
div.rightColumn input#submit {
	background: #6EA8B6;
	margin-top: 14px;
	width: 130px;
	border-style: none;
}
div.rightColumn p.rightColumnAltText {
	font: 12px/12px Geneva, Arial, Helvetica, sans-serif;
	color: #31546F;
	margin-top: -8px;
}
div.rightColumn a {
	color: #9B2E1E;
}
div.rightColumn a:hover {
	text-decoration: none;
}
div.rightColumn a.go {
	color: #31546F;
	font-weight: bold;
	text-decoration: none;
}
div.rightColumn a.go:hover {
	text-decoration: underline;
}

/*---------------right column styles end------------------------*/
/*---------------About Page STYLES START------------------------*/

div.twoColumnsAbout {
	padding: 0px 4px 0px 30px;
	/*width: 292px;*/
	width: 489px;
	float: left;
}
/** html div.twoColumnsAbout {
	width: 489px;
}*/
div.twoColumnsAbout p {
	width: 292px;
}
img.aboutImg {
	border-color: #C2E3EB;
	border-style: solid;
	border-width: 3px;
	/*margin-left: 39px;*/
	margin-top: 2px;
	float: right;
}

/*---------------About Page styles end------------------------*/
/*---------------Example Page STYLES START------------------------*/

div.twoColumnsExample {
	padding: 0px 0px 0px 0px;
	width: 480px;
	float: left;
	border-bottom-color: #C2E3EB;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin-left: 30px;
	margin-bottom: 26px;
	background-image: url(images/ui/bg-example-img.gif);
	background-repeat: repeat-y;
	background-position: right;
}
	* html div.twoColumnsExample {
		margin-left: 15px;
	}
div.twoColumnsExample p {
	width: 292px;
	
}
a.enlargeGraph {
	font: 11px/11px Geneva, Arial, Helvetica, sans-serif;
	color: #9B2E1E;
	text-decoration: none;
}
a.enlargeGraph:hover {
	text-decoration: underline;
}
div.exampleImg {
	border-top-color: #C2E3EB;
	border-top-style: solid;
	border-top-width: 3px;
	margin-top: 0px;
	padding: 8px 10px 9px 7px;
	float: right;
}

/*---------------Example Page styles end------------------------*/
/*---------------Contact page STYLES START------------------------*/

div.twoColumnsContact {
	padding: 0px 4px 0px 30px;
	width: 220px;
	float: left;
	margin-top: 13px;
}
/** html div.twoColumnsContact {
	width: 255px;
}*/
div.twoColumnsContact h3 {
	font: bold 11px/11px Geneva, Arial, Helvetica, sans-serif;
	color: #31546F;
	margin-bottom: 3px;
	margin-top: 31px;
}
div.twoColumnsContact a {
	color: #31546F;
}
div.twoColumnsContact a:hover {
	text-decoration: none;
}
img.hr {
	margin-left: 30px;
}

/*---------------contact page styles end------------------------*/
/*---------------FOOTER STYLES START------------------------*/
div.footer {
	clear: both;
	height: 100px;
}
/*---------------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: #31546F;
	/*border-color: #53DEEE;*/
}

/*---hidden div above---*/

/*---Pop up styles end---*/