/* General styles */
body {
				margin: 0;
				padding: 0;
				border: 0;
/* This removes the border around the viewport in old versions of IE */				width: 100%;
				background: #fff;
				min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */;
				font-size: 100%;
}
a {
				color: #005bc3;
				text-decoration: none;
}
a:hover {
				color: #fff;
				background: #005bc3;
				text-decoration: none;
}
h3 {
				margin: .8em 0 .2em 0;
				padding: 0;
				color: #005BC3;
}
h2 {
				margin: .2em 0 .2em 0;
				padding: 0;
				color: #005BC3;
}
h1 {
				margin: .8em 0 .2em 0;
				padding: 0;
				color: #005BC3;
}
#navcontainer {
				width: 200px;
}
#navcontainer ul {
				margin-left: 0;
				padding-left: 0;
				list-style-type: none;
				color: #005bc3;
				font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a {
				display: block;
				padding: 3px;
				width: 160px;
				background-color: #80a8cf;
				border-bottom: 1px solid #ccc;
}
#navcontainer a:link, #navlist a:visited {
				color: #005bc3;
				text-decoration: none;
}
#navcontainer a:hover {
				background-color: #005bc3;
				color: #fff;
}

p {
				margin: 0em 0 0em 0;
				padding: 0;
}
img {
				margin: 10px 0 0px 5px;
}
/* Header styles */
#header {
				clear: both;
				float: left;
				width: 100%;
				background-color: #fff;
}
#header {
				border-bottom: 1px solid #808080;
}
#header h2 {
				padding: .4em 15px 0 15px;
				margin: 0;
}
#header h1 {
				padding: .4em 15px 0 15px;
				margin: 0;
}
#header p {
				padding: .4em 15px 0 15px;
				margin: 0;
}
#header ul {
				clear: left;
				float: left;
				width: 100%;
				list-style: none;
				margin: 10px 0 0 0;
				padding: 0;
}
#header ul li {
				display: inline;
				list-style: none;
				margin: 0;
				padding: 0;
}
#header ul li a {
				display: block;
				float: left;
				margin: 0 0 0 0px;
				padding: 3px 10px;
				text-align: center;
				background-color: #80a8cf;
				color: #005BC3;
				text-decoration: none;
				position: relative;
				left: 0px;
				line-height: 1.3em;
				border-right: 1.0px solid #ccc;
}
#header ul li a:hover {
				background: #005bc3;
				color: #fff;
}
#header ul li a.active:hover {
				color: #fff;
				background: #000;
				font-weight: bold;
}
#header ul li a.active {
				color: #fff;
				background: #000;
				font-weight: bold;
}
#header ul li a span {
				display: block;
}
/* 'widths' sub menu */
#layoutdims {
				clear: both;
				background-color: #f4f4f4;
				border-top: 2px solid #005bc3;
				margin: 0;
				padding: 1px 1px !important;
				text-align: right;
				TEXT-DECORATION: none;
}
#layoutdims2 {
				clear: both;
				background: #eee;
				border-top: 4px solid #005bc3;
				margin: 0;
				padding: 6px 15px !important;
				text-align: center;
				TEXT-DECORATION: none;
}
/* column container */
.colmask {
				position: relative; /* This fixes the IE7 overflow hidden bug */;
				clear: both;
				float: left;
				width: 100%; /* width of whole page */;
				overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colleft {
				float: left;
				width: 100%; /* width of page */;
				position: relative;
}
.colmid {
				float: left;
				width: 100%; /* width of page */;
				position: relative;
}
.colright {
				float: left;
				width: 100%; /* width of page */;
				position: relative;
}
.col3 {
				float: left;
				position: relative;
				padding: 0 0 1em 0;
/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */				overflow: hidden;
}
.col2 {
				float: left;
				position: relative;
				padding: 0 0 1em 0;
/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */				overflow: hidden;
}
.col2.h2 {
				color: #0099CC;
				font-size: 1.2em;
}
.col1 {
				float: left;
				position: relative;
				padding: 0 0 1em 0;
/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */				overflow: hidden;
}
/* 3 Column settings */
.threecol {
				background: #eee;		/* right column background colour */
}
.threecol .colmid {
				right: 25%; /* width of the right column */;
				background: #fff;		/* center column background colour */
}
.threecol .colleft {
				right: 50%; /* width of the middle column */;
				background: #f4f4f4;	/* left column background colour */
}
.threecol .col1 {
				width: 46%; /* width of center column content (column width minus padding on either side) */;
				left: 102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
				width: 21%; /* Width of left column content (column width minus padding on either side) */;
				left: 31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
				width: 21%; /* Width of right column content (column width minus padding on either side) */;
				left: 85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
				clear: both;
				float: left;
				width: 100%;
				border-top: 1px solid #000;
}
#footer p {
				padding: 10px;
				margin: 0;
}
/* --> */
.style1 {
				color: #005bc3;
				padding-left: 15px;
				padding-right: 15px;
}
.style2 {
				border-width: 0;
}
.style4 {
				vertical-align: middle;
}
.style5 {
				text-align: center;
}
.style3 {
				color: #808080;
}
.style6 {
				font-family: "Times New Roman";
}
</style>