html, body {

	width: 100%;
	margin:0; 
	padding:0;
	background: #ffffff;	
	
	}

div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select {

	margin: 0;  
	padding: 0;  

	}	
	
img {border: 0;}	

a {outline: none;}
	
#wrapper-1 {

	float: left;
	width: 100%;
	background: url("../images/bg-01.jpg") no-repeat center top;
		
	}	
	
#wrapper-2 {

	float: left;
	width: 100%;
	background: url("../images/bg-02.jpg") no-repeat center bottom;
	
	}	
	
.center-fix {

	width: 885px; 
	margin: 0 auto;

	}
	
#main { 

	float: left;
	width: 885px;
	padding: 20px 0px 20px 0px;
	
	}

#header {

	float: left;
	width: 885px;
	height: 170px;
	position: relative;
	margin: 0px 0px 0px 0px;
				
	}	
	
.logo {

	left: 0px; top: 0px;
	position: absolute;
	
	}	
	
.logo img {width: 362px; height: 149px;}

	
.header-text {
	
	position: absolute;
	top: 0px; right: 0px;
	font: normal 12px 'Trebuchet MS';
	text-align: right;
	color: #ffffff;
			
	}	
	
.header-text span {display: block; margin: 0px 0px 12px 0px;}
.header-text img {margin: 0px 0px 0px 5px;}
	
.frame-1 {

	float: left;
	width: 885px;
	background: #ffffff url("../images/bg-03.png") repeat-y 0 0;
					
	}
	
.frame-2 {

	float: left;
	width: 885px;
	background: url("../images/bg-05.png") no-repeat 0 100%;
		
	}
	
#content {
	
	float: left;
	width: 855px;
	height: expression(this.offsetHeight < 850?"850":"this.offsetHeight");
	min-height: 850px;
	padding: 12px 15px 12px 15px;
	background: url("../images/bg-04.png") no-repeat 0 0;
	font: normal 12px 'Trebuchet MS';	
	color: #333333;

	}	

#content h1 {	

	margin: 0px 0px 10px 0px;
	font: bold 30px 'Times New Roman';	
	color: #005491;
	
	}
	
#content h2 {	

	margin: 0px 0px 10px 0px;
	font: bold 26px 'Times New Roman';	
	color: #005491;
	
	}
	
#content h3 {	

	margin: 0px 0px 10px 0px;
	font: normal 26px 'Times New Roman';	
	color: #333333;
	
	}
	
.left-column {

	float: left;
	width: 250px;

	}
	
.right-column {

	float: right;
	width: 590px;

	}
	
.menu {

	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;

	}	
	
.menu ul {

	float: left;
	width: 100%;
	list-style: none;
	
	}	
	
.menu ul li {

	padding: 6px 3px 6px 3px; 
	border-bottom: 1px solid #77addb;

	}
	
.menu ul li a, .menu ul li a:hover {font: italic 18px Arial; color: #005299; text-decoration: none;}
	
.online-gift {

	float: left;
	width: 100%;
	margin: 35px 0px 0px 0px;

	}
	
.online-gift table {width: 100%;}
.online-gift table td {padding: 14px 0px 14px 0px;}
.online-gift table td a {font: bold 16px 'Trebuchet MS'; line-height: 16px; color: #216ca5; text-decoration: none;}
.online-gift table td a:hover {text-decoration: underline;}
.online-gift table td span {display: block; margin: 5px 0px 0px 0px; font: bold 11px 'Trebuchet MS'; line-height: 11px;}
	
.banner {

	float: left;
	width: 100%;
	text-align: center;
	margin: 35px 0px 0px 0px;

	}
	
.address {

	float: left;
	width: 100%;
	margin: 70px 0px 0px 0px;
	font: normal 12px 'Trebuchet MS'; 
	color: #787878;
		
	}	
	
.address .title {display: block; margin: 0px 0px 10px 0px; font:  24px 'Times New Roman'; color: #989898;}

.address a {font: normal 12px 'Trebuchet MS'; color: #005491; text-decoration: underline;}
.address a:hover {text-decoration: none;}
	
.img-preview {

	float: left;
	width: 570px;
	height: 320px;
	padding: 10px 10px 10px 10px;
	background: #b2d0eb url("../images/loading.gif") no-repeat center center;
	
	}	
	
.img-wrapper {	

	width: 570px;
	height: 320px;
	overflow: hidden;
	
	}
	
.img-preview table td {	

	width: 570px;
	height: 320px;
	text-align: center;
	vertical-align: middle;
	
	}
	
.thumbs {

	float: left;
	width: 100%;
	margin: 15px 0px 0px 0px;
	overflow: hidden;

	}
	
.thumbs ul {

	float: left;
	width: 110%;
	list-style: none;
		
	}	
	
.thumbs ul li {

	float: left;
	width: 185px;
	list-style: none;
	margin: 0px 16px 18px 0px;
	filter:alpha(opacity=30); 
	opacity: 0.3;
				
	}	
	
.thumbs ul .active {

	filter:alpha(opacity=100) !important; 
	opacity: 1 !important; 
		
	}	
	
.thumbs ul .active img {border: 3px solid #f1472d;}
	
	
.thumbs ul li span {float: left; display: block; width: 100%; margin: 7px 0px 0px 0px; padding: 1px 0px 1px 0px; text-align: center;}
.thumbs ul li img {float: left; width: 180px; height: 95px; border: 3px solid #b2d0eb;}
.thumbs ul li a {font: bold 16px 'Trebuchet MS'; color: #216ca5; text-decoration: none; line-height: 16px;}
.thumbs ul li a:hover {text-decoration: underline !important;}

.page-nav-cont {

	float: left;
	width: 100%;
	margin: 12px 0px 0px 0px;
	text-align: center;
	
	}

.page-nav {

	font: normal 12px 'Trebuchet MS'; 
	color: #797979;
			
	}
	
.page-nav a {font: normal 12px 'Trebuchet MS'; color: #1769b1; text-decoration: underline;}
.page-nav a:hover {text-decoration: none;}

.page-nav span {
	
	width: 6px;
	height: 9px;
	position: relative;
	top: 0px;
	overflow: hidden;
	display: inline-block;
		
	}
	
.page-nav span img {position: relative; left: -10px;}
.page-nav .disabled img {left: 0;}
.page-nav .disabled a, .page-nav .disabled a:hover  {cursor: default;}

.text-block {

	float: left;
	width: 100%;

	}
	
.services-list {
	
	float: left; 
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background: url("../images/bg-06.png") repeat-y 0 0;

	}	
	
.services-list ul {	

	float: left;
	width: 147px;
	list-style: none;

	}
	
.services-list ul li {

	margin: 5px 0px 5px 0px;
	padding: 0px 10px 0px 15px;
	background: url("../images/bg-07.png") no-repeat 4px 4px;

	}
	
.services-list ul li a {font: normal 14px 'Trebuchet MS'; color: #ffffff; text-decoration: none; line-height: 16px; }
.services-list ul li a:hover {text-decoration: underline !important;}

.services-list ul .active {background-position: 4px -39px;}	
.services-list ul .active a, .services-list ul .active a:hover  {color: #005491; text-decoration: none !important; line-height: 16px; cursor: default;}
	
.styled-table-1 {width: 415px;}
.styled-table-1 td {padding: 8px 0px 8px 0px; vertical-align: top;}
.styled-table-1 p {padding: 0px 40px 0px 0px;}
.styled-table-1 span {display: block; color: #265e86;}

.styled-table-2 {width: 510px;}
.styled-table-2 td {vertical-align: top;}
.styled-table-2 .img {width: 175px; height: 185px; overflow: hidden; border: 3px solid #71aaaf;}
.styled-table-2 .img img {width: 175px; height: 185px;}

.styled-table-3 {width: 100%; background: #f2f8f6;}
.styled-table-3 td {width: 33%; height: 75px; text-align: center; font: normal 24px 'Times New Roman'; color: #005491;}
.styled-table-3 .textfield {width: 185px; border: 1px solid #77addb; font: normal 14px 'Trebuchet MS'; color: #393939;}

#footer {

	float: left;
	width: 855px;
	text-align: center;
	padding: 0px 15px 0px 15px;
		
	}	

.footer {

	float: left;
	width: 855px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #005491;
	font: normal 12px 'Trebuchet MS';
	color: #333333;
		
	}	

	

	
.thumbsIndex {

	float: left;
	width: 100%;
	margin: 15px 0px 0px 0px;
	overflow: hidden;

	}
	
.thumbsIndex ul {

	float: left;
	width: 110%;
	list-style: none;
		
	}	
	
.thumbsIndex ul li {

	float: left;
	width: 185px;
	list-style: none;
	margin: 0px 16px 18px 0px;
				
	}	
	
.thumbsIndex ul li span {float: left; display: block; width: 100%; margin: 7px 0px 0px 0px; padding: 1px 0px 1px 0px; text-align: center;}
.thumbsIndex ul li img {float: left; width: 180px; height: 95px; border: 3px solid #b2d0eb;}
.thumbsIndex ul li a {font: bold 16px 'Trebuchet MS'; color: #216ca5; text-decoration: none; line-height: 16px;}
.thumbsIndex ul li a:hover {text-decoration: underline !important;}
