
/** HTML Elements */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/BodyBackground.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F5B65;
}

form {
	margin: 0px;
	padding: 0px;
}
	
.input-text 
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #4F5B65;
}

h1, h2, h3 {
	margin-top: 0px;
}

h1 {
}

h2 {
}

h3 {
	margin-bottom: 10px;
	font-size: 11px;
	color: #005876;
}

h3.style1 {
	margin-bottom: 15px;
	font-size: 16px;
}

p, ol, ul {
	margin-top: 0px;
	margin-bottom: 18px;
	text-align: justify;
	line-height: 17px;
}

p {
}

ol {
}

ul.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

ul.list1 li.thumbalign 
{
	padding-left: 132px;
}
	
ul.list1 li a {
	padding-left: 15px;
	background: url(images/li-dot.gif) no-repeat left center;
}

ul.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	padding: 10px 0px;
	border-top: 1px solid #D0D4D8;
}

ul.list2 li.first {
	padding-top: 0px;
	border: none;
}

ul.list2 h3 {
	margin: 0px;
	font-size: 13px;
}

ul.list2 h3 a {
	text-decoration: none;
	color: #005876;
}

ul.list2 h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

ul.list2 p {
	margin: 0px;
}

ul.list3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.list3 li {
	padding: 20px 0px 5px 0px;
	border-top: 1px solid #D0D4D8;
}

ul.list3 li.first {
	padding-top: 0px;
	border: none;
}

ul.list3 h3 {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #005876;	
}

ul.list3 h3 a {
	text-decoration: none;
}

ul.list3 h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

ul.list4 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

ul.list4 li {
	padding-left: 15px;
	background: url(images/li-dot.gif) no-repeat left center;
}

ul.list4 li h3 {
	padding-left: 0px;
}
	
ul.list4 li h3 a {
	text-decoration: none;
	background: none;
}

ul.list4 h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

a {
	color: #0090BA;
}

a:hover {
	text-decoration: none;
}
	
a img {
	border: none;
}

.more {
	height: 22px;
	padding: 8px 0px 0px 15px;
	background: url(images/moreBackground.gif) repeat-x left top;
}

.more a {
	padding-left: 17px;
	background: url(images/moreIcon.gif) no-repeat left center;
	color: #56636F;
}

.add-favorites 
{
	text-decoration: none;
	font-weight: bold;
	color: #005876;
}

a.add-favorites:hover {
	text-decoration: underline;
	color: #0090BA;	
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0px auto;
}

.error {
	padding-left: 10px;
	font-weight: bold;
	color: #FF0000;
}	

img.border {
	padding: 3px;
	border: 1px solid #CBD0D4;
}

img.alignleft {
	margin-right: 15px;
}

img.alignright {
	margin-left: 15px;
}

img.aligncenter {
}

img.a {
	text-decoration: none;
}
		
hr {
	display: none;
}

/** BASIC STYLES */

.container {
	width: 1000px;
	margin: 0px auto;
}

/** WRAPPER */

#wrapper {
}


/** WEBSITE PAGE */

#page {
	width: 980px;
	padding: 10px;
	background: #FFFFFF;
}

/** HEADER */

#header {
	height: 106px;
}

/** TOPMENU */

#topmenu {
	height: 30px;	
	color: #3F6967;
}

#topmenu p {
	margin: 0px;
}

/** SEARCH */

#search {
	border: none;
	float: left;
	width: 210px;	
	padding: 6px 0px 0px 15px;
}

#search button.btn {
	width: 26px;
	height: 19px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(images/Search.gif) no-repeat top right;
	border-style: none;	
}

#search input.box {
	width: 165px;
	height: 16px;
	background: #FFFFFF;
	padding: 0px 0px 0px 5px;
	border-style: none;	
}

/** DATETIME */

#datetime {
	float: left;
	margin-top: 9px;
}

/** QUICKLINKS */

#quick-links {
	float: right;
}

#quick-links ul {
	margin: 0;
	padding: 7px 0px 0px 0px;
	list-style: none;
}

#quick-links li {
	display: inline;
}

#quick-links a {
	display: block;
	float: left;
	width: 41px;
	height: 17px;
}

#quick-links1 { background: url(images/Home.gif) no-repeat left bottom; }
#quick-links2 { background: url(images/ContactUs.gif) no-repeat left bottom; }
#quick-links3 { background: url(images/Sitemap.gif) no-repeat left bottom; }

#quick-links b { position: absolute; left: -10000px; }

/** MENU */

#menu {
	height: 38px;
}

#menu ul {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0px 20px 0px 20px;
	background: url(images/li-menu.gif) no-repeat left top;
}

#menu li.first {
	padding-left: 15px;
	background: none;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .eservice-login {
	float: right;
	padding-right: 30px;
	font-size: 10px;
}

/** 2-COLUMN LAYOUT */

.two-columns {
}

.two-columns .column1 {
	float: left;
	width: 480px;
	padding: 0px 0px 0px 0px;
}

.two-columns .column2 {
	float: right;
	width: 480px;
	padding: 0px 0px 0px 0px;
}

/** 3-COLUMN LAYOUT */

.three-columns {
}

.three-columns .column1 {
	float: left;
	width: 240px;
	padding: 0px 0px 0px 0px;
}

.three-columns .column2 {
	float: left;
	width: 520px;
	padding: 0px 10px;
}

.three-columns .column3 {
	float: left;
	width: 200px;
	padding: 0px;
}

/** 2-COLUMN LAYOUT WITH RIGHT CONTENT AREA */

.two-columns-right-content {
}

.two-columns-right-content #sidebar {
	float: left;
	width: 240px;
}

.two-columns-right-content #content {
	float: right;
	width: 730px;
}

/** Two columns within the content of the two-columns-right-content */

.two-columns-right-content #content .two-columns .column1 {
	float: left;
	width: 350px;
	padding: 0px;
	margin: 0px;
}

.two-columns-right-content #content .two-columns .column2 {
	float: left;
	width: 350px;
	padding: 0px;
	margin: 0px;
}

/** Three columns within the content of the two-columns-right-content */

.two-columns-right-content #content .three-columns .column1 {
	float: left;
	width: 225px;
	padding: 0px 0px 0px 0px;
}

.two-columns-right-content #content .three-columns .column2 {
	float: left;
	width: 230px;
	padding: 0px 10px;
}
	
.two-columns-right-content #content .three-columns .column3 {
	float: left;
	width: 225px;
	padding: 0px;
}
	
/** 2-COLUMN LAYOUT WITH LEFT CONTENT AREA */

.two-columns-left-content {
}

.two-columns-left-content #content {
	float: left;
	width: 770px;
}

.two-columns-left-content #sidebar {
	float: right;
	width: 200px;
}

/** 1-COLUMN LAYOUT */

.one-column-content {
}

/** FOOTER */

#footer {
	background: #D8E9EF;
}

#footer .container {
	width: 970px;
	padding: 20px;
	height: 70px;
}

#footer p {
	margin: 0px;
	padding: 0px;
	color: #5F8B9D;
}

#footer a {
	padding: 0px 10px;
	color: #5F8B9D;
}

#footer .links {
	text-align:center;
	padding-bottom: 10px;
}

#footer .phone {
	text-align:center;
	padding-bottom: 10px;
}

#footer .legal {
	text-align:center;
	padding-bottom: 10px;
}


/** BROCHURE */

#brochure 
{
	border: none;
	margin: 0;
	padding: 0;
}

#brochure .content {
	padding: 20px 15px 10px 15px;
}

#brochure .content h1 {
	margin-bottom: 10px;
	font-size: 15px;
	color: #174a7c;
}

#brochure .content h2 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #174a7c;
}
	
#brochure .content h2.tab 
{
	text-align: left;
	padding-left: 160px;
}	
		
#brochure .content h3 {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
	
#brochure .content p {
	font-size: 12px;	/** default is 11px */
}

#brochure .content .resourcelist .col1 {
	float: left;
	width: 150px;
	padding: 0px 0px 0px 200px;	

}

#brochure .content .resourcelist .col2 {
	float: right;
	width: 150px;
	padding: 0px 150px 0px 0px;
}
	
/** CONTACT */

.contact h1 {
	font-family: helvetica, arial, sans-serif;	
	text-align: left;	
	font-size: 17px;
	font-weight: bold;
	margin-top: 0px;	
	margin-bottom: 10px;
}	

.contact h2 
{
	font-family: helvetica, arial, sans-serif;	
	text-align: left;		
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;	
}	

.contact h2.last {
	margin-bottom: 10px;
}	

.contact h3 
{
	font-family: helvetica, Arial, Sans-Serif;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #174a7c;
}	

.contact .center {
	text-align: center;
}	

/** OUR TEAM */

#ourteam .center {
	text-align: center;
}

#ourteam h1 {
	margin-top: 10px;
	font-size: 13px;
	color: #174a7c;
}

#ourteam .table {
	padding: 3px;
	border: 1px solid #CBD0D4;
	width: 100%;
}

#ourteam .header {
	font-weight: bold;
}	

#ourteam .row {
	border: 1px solid #CBD0D4;
}

#ourteam .col1 {
	width: 17%
}

#ourteam .col2 {
	width: 35%
}

#ourteam .col3 {
	width: 23%
}

#ourteam .col4 {
	width: 21%
}
	
#ourteam .col5 {
	width: 4%
}
	
/** EMAIL */

.container-email {
	width: 800px;
	margin: 0px auto;
}	

#email {
	width: 800px;
	background: #FFFFFF url(images/EmailBackground.gif) repeat-x left top;
	border: none;
	margin: 0px auto;
	padding: 0px;
}

#email .content {
	padding: 20px 15px 10px 15px;
}

#email .content h1 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #174a7c;
}

#email .content h2 {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #174a7c;
}
		
#email .content h3 {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}
	
#email .content p {
	font-size: 12px;	
	font-weight: normal;
	text-align: left;
	color: #000000;
}
	
/** BOX STYLE 1 */

.box-style1 {
	margin-bottom: 10px;
}

.box-style1 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/box-style1-background.gif) no-repeat left top;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style1 h2 a {
	text-decoration: none;
	color: #FFFFFF;
}

.box-style1 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

.box-style1 li {
	height: 16px;
	margin-top: 1px;
	padding: 7px 0px 5px 15px;
	background: #E4E7E9;
}

.box-style1 li.alt {
	background: #DADEE1;
}

.box-style1 a {
	text-decoration: none;
	color: #4E5A64;
}

.box-style1 a:hover {
	text-decoration: underline;
}

/** BOX STYLE 2 (left nav ads) */

.box-style2 {
	margin-bottom: 0px;
}

.box-style2 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 15px 15px;
	background: url(images/box-style2-background.gif) no-repeat left top;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style2 .content {
	padding: 0px 15px 0px 15px;
}

.box-style2 .content h3 a {
	text-decoration: none;
	font-weight: bold;
	color: #005876;
}

.box-style2 .content h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

/** BOX STYLE 3 */

.box-style3 {
	margin-bottom: 10px;
}

.box-style3 .title {
	height: 28px;
	background: url(images/box-style3-title.jpg) no-repeat right top;
}

.box-style3 .title h2 {
	height: 28px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/box-style3-h2.jpg) no-repeat left top;
	font-size: 11px;
	color: #394149;
}

.box-style3 .content {
	padding: 20px 15px 10px 15px;
}

.box-style3 .content h3 a {
	text-decoration: none;
	font-weight: bold;
	color: #005876;
}

.box-style3 .content h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

.box-style3 .content .row 
{
	height: 45px;
}
	
.box-style3 .content .cell1 {
	width: 250px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;	
}

.box-style3 .content .cell2 
{
	padding-top: 13px;
}

.box-style3 .thumbspace 
{
	padding-top: 15px;
	height: 90px;
}
	
.box-style3 .seperate 
{
	padding-bottom: 20px;
	border-bottom: 1px solid #D0D4D8;
}
		
/** BOX STYLE 4 */

.box-style4 {
	margin-bottom: 10px;
}

.box-style4 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/box-style4-background.gif) no-repeat left top;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style4 .content {
	padding: 20px 15px 0px 15px;
	background: #E6E9EB;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.box-style4 .content h3 a {
	text-decoration: none;
	font-weight: bold;
	color: #005876;
}

.box-style4 .content h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

/** BOX STYLE 5 */

.box-style5 {
	margin-bottom: 10px;
}

.box-style5 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/box-style5-background.gif) no-repeat left top;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style5 h2.cme {
	padding: 8px 0px 0px 32px;
	background: url(images/box-style5-background-cme.gif) no-repeat left top;
}

.box-style5 .content {
	padding: 15px 13px 0px 13px;
	background: #E6E9EB;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
	

