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

body {
	background: #ebebeb;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.form {
	padding: 0px;
	margin: 0px;
	}
	
.centerWrap {
	width: 960px;
	overflow: hidden;
	margin: 0px auto;
	}
	
/* Header */
.header {
	width: 960px;
	height: 88px;
	}
	
.header .logo {
	float: left;
	border: 0px;
	}
	
.header .right {
	width: 550px;
	height: 88px;
	float: right;
	}
	
.header .rightTop {
	width: 550px;
	height: 62px;
	}
	
.header .rightBottom {
	width: 550px;
	height: 26px;
	}
	
.header .intro {
	font-size: 75%;
	color: #666666;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	}
	
.header .telephone {
	font-weight: bold;
	font-size: 225%;
	color: #21499c;
	padding: 0px;
	margin: 0px;
	text-align: right;	
	}
	
.header ul {
	width: 550px;
	height: 26px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.header ul li {
	width: 135px;
	height: 26px;
	margin: 0px 0px 0px 3px;
	float: right;
	background: url(../images/btn-header.png) no-repeat;
	text-align: center;
	line-height: 26px;
	font-size: 75%;
	}
	
.header ul li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	}
	
.header ul li a:hover {	
	color: #21499c;
	background: url(../images/btn-header-on.png) no-repeat;
	}
	
/* Main area */
.mainArea {
	width: 920px;
	overflow: hidden;
	background: #ffffff;
	padding: 20px;
	}
	
.mainArea .left {
	width: 227px;
	overflow: hidden;
	float: left;
	margin: 0px 25px 0px 0px;
	}
	
.mainArea .right {
	width: 668px;
	overflow: hidden;
	}
	
.mainArea .right .rightImage {
	float: right;
	margin: 0px 0px 10px 25px;
	border: 0px;
	}
	
.mainArea .right h1 {
	font-size: 112%;
	color: #333399;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	}
	
.mainArea .right p {
	font-size: 75%;
	color: #666666;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height: 150%;
	}
	
.mainArea .right ul {
	font-size: 75%;
	color: #666666;
	line-height: 150%;
	}
	
.mainArea .right a {
	color: #333399;
	}
	
.mainArea .right a:hover {
	color: #ff9900;
	text-decoration: none;
	}
	
.rightBox {
	width: 272px;
	overflow: hidden;
	border: 1px solid #f2f2f2;
	padding: 25px;
	float: left;
	}
	
.rightBox h2 {
	width: 242px;
	height: 36px;
	background: url(../images/right-box-background.png) repeat-x;
	line-height: 36px;
	color: #ffffff;
	font-size: 100%;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 18px 0px;
	}
	
.mainArea .right .rightBox p {
	font-size: 75%;
	color: #666666;
	line-height: 120%;
	padding: 0px;
	margin: 0px 0px 9px 0px;
	}
	
.mainArea .right .rightBox .intro {
	color: #333399;
	}
	
.rightBoxSpacer {
	width: 20px;
	height: 50px;
	float: left;
	}
	
/* Menu */
.menu {
	width: 195px;
	overflow: hidden;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 30px 0px;
	border: 6px solid #f2f2f2;
	background: url(../images/menu-background.png) repeat-y;
	}
	
.menu ul {
	width: 195px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
.menu ul li {
	width: 195px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	font-size: 75%;
	background: url(../images/menu-item.png) no-repeat;
	line-height: 27px;
	}
	
.menu ul li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 27px;
	}
	
.menu ul li a:hover {
	color: #FF9900;
	}
	
/* Latest news */
.latestNews {
	width: 227px;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
	}
	
.latestNews h1 {
	color: #21499c;
	font-size: 112%;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	}
	
.latestNews a {
	color: #666666;
	text-decoration: none;
	}
	
.latestNews a:hover {
	color: #21499c; 
	}
	
.latestNews p {
	font-size: 75%;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
.latestNews .date {
	color: #21499c;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}
	
.latestNews .archive a {
	color: #21499c; 
	text-decoration: none;
	}
	
.latestNews .archive a:hover {
	color: #FF9900;
	}
	
/* Newsletter signup */
.signup {
	width: 195px;
	overflow: hidden;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 30px 0px;
	border: 6px solid #f2f2f2;
	background: #21499c; 
	}
	
.signup h1 {
	color: #ffffff;
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
	
.signup table {
	width: 195px;
	border: 0px;
	padding: 0px;
	font-size: 68%;
	color: #ffffff;
	}
	
.signup .field {
	width: 133px;
	height: 14px;
	background: url(../images/newsletter-field.png) no-repeat;
	padding: 2px 5px 2px 5px;
	}
	
.signup .field input {
	width: 133px;
	height: 12px;
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
/* Footer */
.footer {
	width: 960px;
	overflow: hidden;
	background: #21499c;
	padding: 30px;
	}
	
.footer p {
	font-size: 68%;
	color: #ffffff;
	line-height: 150%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}
	
.footer a {
	color: #CCCCCC;
	}
	
.footer a:hover {
	color: #ff9900;
	}