@charset "utf-8";
/* CSS Document */


body {
	background-color: #D5DEE1;
}

form {
	background-color: #D5DEE1;
}

.small-form {
	background-color: transparent;
}

.small-form label {
	font-size: 10px;
	text-align: right;
	color: #1F486D;
}

a:link {text-decoration: none; color:#5191CD;}
a:visited {text-decoration: none; color:#5191CD;}
a:hover {text-decoration: underline; color:#5191CD;}
a:active {text-decoration: underline; color:#97BDE1;}

#container {
	position: relative;
	width: 800px;
	top: 5px;
	margin-left: auto;
	margin-right: auto;
}
#float {
	float: left;
	background-color: #FFFFFF;
	width: 800px;
}


#toplinks {
	float: right;
	width: 800px;
	height: 25px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	background-image:url(images/toplinks-bg-larger.gif);
	background-repeat:no-repeat;
	color:#5191CD;
}
#toplinks p {margin:5px 0 0 0;}

#toplinks a:link {text-decoration: none; color:#5191CD;}
#toplinks a:visited {text-decoration: none; color:#5191CD;}
#toplinks a:hover {text-decoration: underline; color:#5191CD;}
#toplinks a:active {text-decoration: underline; color: #97BDE1;}
#toplinks strong a {font-weight:bold; color:#FFFFFF;}

#logo {
	float: left;
	height: 65px;
	width: 800px;
	margin: 10px 0 40px 0;
}
#banner {
	position: absolute;
	left: 0px;
	top: 120px;
	width: 800px;
	overflow: hidden;
	text-align: left;
}
#banner p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0 0 0 22px; color:#5191CD;}
#banner-bottom {
	float: left;
	width: 800px;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
	background-image:url(images/blue-line.gif); 
	background-repeat: repeat-x; 
}
#banner-bottom p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 7px 0 0 22px; color:#5191CD; text-align:center;}

#banner-middle {
	position: absolute;
	left:0px;
	top:610px; 
	width: 800px; 
	overflow: hidden; 
	text-align: center; 
	background-image:url(images/blue-line.gif); 
	background-repeat: repeat-x;
}
#banner-middle p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 7px 0 0 22px; color:#5191CD; text-align:center;}


#menu {
	float: left;
/*	height: 40px;    */
	width: 800px;
	margin-top: 5px;
	background-image: url(images/menu-bg.gif); 
	background-repeat: repeat-x;
}


/* #index-box1 {
	float: left;
	width: 486px;
	margin-left: 10px;
	margin-top: 25px;
	border: 1px #5191CD solid;
	font-family: Arial, Helvetica, sans-serif;
}  */

#index-box1 {
	position: absolute;
	width: 486px;
	top:210px;
	left: 10px;
	border: 1px #5191CD solid;
	font-family: Arial, Helvetica, sans-serif;
}

#index-box1 p {margin: 5px 0 0 10px; font-size:12px;}
#index-box1 strong {font-weight:bold;}
#index-box1 em {font-style: italic; font-size:18px; font-weight:bold;}
#index-box1 h1 {font-size:28px; font-weight:bold; margin: 8px 0 0 10px; letter-spacing: 1px;}
#index-box1 h2 {font-size:20px; font-weight:normal; margin: 0 0 0 10px; letter-spacing: 1px;}

/*  #index-rhs {
	float: right;
	height: 390px;
	width: 280px;
	margin-top: 25px;
	margin-right: 10px;
	background-image: url(images/quote-bg.gif); 
	background-repeat: norepeat;
	color: #FFFFFF;
}  */

#index-rhs {
	position: absolute;
	height: 390px;
	width: 280px;
	top: 210px;
	right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000; 
	text-align:left;
}

#index-rhs p {margin: 5px 0 0 5px;	font-size:12px; line-height:17px;}
#index-rhs h1 {margin: 20px 0 0 5px; font-size:16px; font-weight:bold;}
#index-rhs a:link {text-decoration: none; color:#5191CD; font-weight:bold;}
#index-rhs a:visited {text-decoration: none; color:#5191CD; font-weight:bold;}
#index-rhs a:hover {text-decoration: underline; color:#5191CD; font-weight:bold;}
#index-rhs a:active {text-decoration: underline; color: #97BDE1; font-weight:bold;}


#quotation {color: #FFFFFF;}
#quotation p {font-family: Arial, Helvetica, sans-serif; margin: 10px 0 0 0; text-align:center;}
#quotation h1 {font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; text-align:center; font-size:24px; font-weight:bold; letter-spacing:1px;}
#quotation a:link {color: #FFFFFF;}



#index-box2 {
	float: left;
	height: 190px;
	width: 154px;
	margin-left: 10px;
	margin-top: 215px;
	border: 1px #5191CD solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

#main-lhs {
	float: left;
	width: 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 15px 0 0 10px;
}
#main-lhs h1 {margin: 20px 0 0 0; font-weight:bold; font-size:14px; letter-spacing: 1px; line-height:24px;}
#main-lhs h2 {margin: 20px 0 0 0; font-weight:bold; font-size:12px; letter-spacing: 1px;}
#main-lhs p {margin: 0 0 10px 0; line-height:16px;}

#main-rhs {
	float: right;
	width: 520px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 15px 10px 0 0;
}
#main-rhs h1 {margin: 20px 0 0 0; font-weight:bold; font-size:24px; letter-spacing: 1px;}
#main-rhs h2 {margin: 20px 0 0 0; font-weight:bold; font-size:20px; letter-spacing: 1px;}
#main-rhs p {margin: 0 0 10px 0; line-height:20px;}
#main-rhs ul {line-height:20px; padding: 0 0 0 16px; margin: 0;}
#main-rhs ul li {margin: 0 0 10px 0;}
#main-rhs ol {line-height:20px; padding: 0 0 0 16px; margin: 0;}
#main-rhs ol li {margin: 0 0 10px 0;}
#main-rhs a:link {text-decoration: none; color:#5191CD; font-weight:bold;}
#main-rhs a:visited {text-decoration: none; color:#5191CD; font-weight:bold;}
#main-rhs a:hover {text-decoration: underline; color:#5191CD; font-weight:bold;}
#main-rhs a:active {text-decoration: underline; color: #97BDE1; font-weight:bold;}




#pictures {
	float: right;
	width: 790px;
	margin: 10px 10px 0 0;
}

#picture-box {
	float: right;
	height: 190px;
	min-width: 50px;
	width: auto;   /*  Can style each box's width in the code to allow for different sizes   */
	height: auto;
	margin: 0 0 0 10px;
	border: 1px #5191CD solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#picture-box p {text-align:center;}

#footer {
	float: right;
	width: 790px;
	margin: 20px 10px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#clickbox-table p {
	font-size:11px;
	line-height:16px;
}
#clickbox-table a {
	font-size:14px;
}

.image-box {
	padding: 10px;
	border: 1px #5191CD solid;
	margin: 0 10px 0 0;
}






.container {
	position: relative;
	width: 800px;
	top: 5px;
	margin-left: auto;
	margin-right: auto;
}
.float {
	float: left;
	background-color: #FFFFFF;
	width: 800px;
}


.toplinks {
	float: right;
	width: 800px;
	height: 25px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	background-image:url(images/toplinks-bg-larger.gif);
	background-repeat:no-repeat;
	color:#5191CD;
}
.toplinks p {margin:5px 0 0 0;}

.toplinks a:link {text-decoration: none; color:#5191CD;}
.toplinks a:visited {text-decoration: none; color:#5191CD;}
.toplinks a:hover {text-decoration: underline; color:#5191CD;}
.toplinks a:active {text-decoration: underline; color: #97BDE1;}
.toplinks strong a {font-weight:bold; color:#FFFFFF;}

.logo {
	float: left;
	height: 65px;
	width: 800px;
	margin: 10px 0 40px 0;
}
.banner {
	position: absolute;
	left: 0px;
	top: 120px;
	width: 800px;
	overflow: hidden;
	text-align: left;
}
.banner p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0 0 0 22px; color:#5191CD;}
.banner-bottom {
	float: left;
	width: 800px;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
	background-image:url(images/blue-line.gif); 
	background-repeat: repeat-x; 
}
.banner-bottom p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 7px 0 0 22px; color:#5191CD; text-align:center;}

.banner-middle {
	position: absolute;
	left:0px;
	top:609px;
	width: 800px;
	overflow: hidden;
	text-align: center;
	background-image:url(images/blue-line.gif);
	background-repeat: repeat-x;
}
.banner-middle p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 7px 0 0 22px; color:#5191CD; text-align:center;}


.menu {
	float: left;
/*	height: 40px;    */
	width: 800px;
	margin-top: 5px;
	background-image: url(images/menu-bg.gif); 
	background-repeat: repeat-x;
}



.index-box1 {
	position: absolute;
	width: 486px;
	top:210px;
	left: 10px;
	border: 1px #5191CD solid;
	font-family: Arial, Helvetica, sans-serif;
}

.index-box1 p {margin: 5px 0 0 10px; font-size:12px;}
.index-box1 strong {font-weight:bold;}
.index-box1 em {font-style: italic; font-size:18px; font-weight:bold;}
.index-box1 h1 {font-size:28px; font-weight:bold; margin: 8px 0 0 10px; letter-spacing: 1px;}
.index-box1 h2 {font-size:20px; font-weight:normal; margin: 0 0 0 10px; letter-spacing: 1px;}



.index-rhs {
	position: absolute;
	height: 328px;
	width: 280px;
	top: 210px;
	right: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
}
.index-rhs p {margin: 5px 0 0 5px;	font-size:12px; line-height:17px;}
.index-rhs h1 {margin: 20px 0 0 5px; font-size:16px; font-weight:bold;}
.index-rhs a:link {text-decoration: none; color:#5191CD; font-weight:bold;}
.index-rhs a:visited {text-decoration: none; color:#5191CD; font-weight:bold;}
.index-rhs a:hover {text-decoration: underline; color:#5191CD; font-weight:bold;}
.index-rhs a:active {text-decoration: underline; color: #97BDE1; font-weight:bold;}


.quotation {color: #FFFFFF;}
.quotation p {font-family: Arial, Helvetica, sans-serif; margin: 10px 0 0 0; text-align:center;}
.quotation h1 {font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; text-align:center; font-size:24px; font-weight:bold; letter-spacing:1px;}
.quotation a:link {color: #FFFFFF;}



.index-box2 {
	float: left;
	height: 190px;
	width: 154px;
	margin-left: 10px;
	margin-top: 215px;
	border: 1px #5191CD solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

.main-lhs {
	float: left;
	width: 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 15px 0 0 10px;
}
.main-lhs h1 {margin: 20px 0 0 0; font-weight:bold; font-size:14px; letter-spacing: 1px; line-height:24px;}
.main-lhs h2 {margin: 20px 0 0 0; font-weight:bold; font-size:12px; letter-spacing: 1px;}
.main-lhs p {margin: 0 0 10px 0; line-height:16px;}

.main-rhs {
	float: right;
	width: 520px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 15px 10px 0 0;
}
.main-rhs h1 {margin: 20px 0 0 0; font-weight:bold; font-size:24px; letter-spacing: 1px;}
.main-rhs h2 {margin: 20px 0 0 0; font-weight:bold; font-size:20px; letter-spacing: 1px;}
.main-rhs p {margin: 0 0 10px 0; line-height:20px;}
.main-rhs ul {line-height:20px; padding: 0 0 0 16px; margin: 0;}
.main-rhs ul li {margin: 0 0 10px 0;}
.main-rhs ol {line-height:20px; padding: 0 0 0 16px; margin: 0;}
.main-rhs ol li {margin: 0 0 10px 0;}
.main-rhs a:link {text-decoration: none; color:#5191CD; font-weight:bold;}
.main-rhs a:visited {text-decoration: none; color:#5191CD; font-weight:bold;}
.main-rhs a:hover {text-decoration: underline; color:#5191CD; font-weight:bold;}
.main-rhs a:active {text-decoration: underline; color: #97BDE1; font-weight:bold;}




.pictures {
	float: right;
	width: 790px;
	margin: 10px 10px 0 0;
}

.picture-box {
	float: right;
	height: 190px;
	min-width: 50px;
	width: auto;   /*  Can style each box's width in the code to allow for different sizes   */
	height: auto;
	margin: 0 0 0 10px;
	border: 1px #5191CD solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.picture-box p {text-align:center;}

.footer {
	float: right;
	width: 790px;
	margin: 20px 10px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

.clickbox-table p {
	font-size:11px;
	line-height:16px;
}
.clickbox-table a {
	font-size:14px;
}


.picture-table {
	margin: 10px 0 10px 0;
}

.picture-table td {
	border: 1px #5191CD solid;
}

.picture-table img {
	padding: 10px;
/*	border: 1px #5191CD solid;  */
}

.picture-table p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	margin: 0 0 10px 0;
	line-height:normal;
}