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

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bkg_diag.gif);
	text-align: center;
	height: 100%;
	line-height: 20px;
}

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #2c5f8c;
	line-height: 26px;
	font: normal 22px Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #666666;
	line-height: 22px;
	font: normal 16px Arial, Helvetica, sans-serif;
}

h3 {
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #333333;
	line-height: 22px;
	font: bold 14px Arial, Helvetica, sans-serif;
}

p {
	margin: 0;
	padding: 0px 10px 0px 0px;
	line-height: 20px;
	font: normal 12px 'Lucida Grande',Arial,Helvetica,sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

form input {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	font: normal 14px 'Lucida Grande',Arial,Helvetica,sans-serif;
	color: #333333;
}

a {
	color: #2c5f8c;
	text-decoration: none;
}


a:hover {
	color: #0a3d7a;
	text-decoration: underline;
}

em {
	color: #666666;	
}

form input.moreTop { margin: 5px 0 0 0; }

#main {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	width: 920px;
	height: 100%;
	background-image: url(../images/bkg_container_bot.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	line-height: 20px;
}


#header {
	margin: 0;
	padding: 0;
	background-image: url(../images/bkg_header.gif);
	background-repeat: no-repeat;
	width: 920px;
	height: 96px;
	text-align: left;
}

#footer {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: solid 1px #cccccc;
	width: 900px;
	height: 50px;
}

#footerLeft {
	float: left;
	text-align: left;
	line-height: 20px;
	font: normal 10px 'Lucida Grande',Arial,Helvetica,sans-serif;
	color: #666666;
	line-height: 18px;
}

#footerRight {
	float: right;
	height: 40px;
	padding: 0px 0px 0px 10px;
	border-left: solid 1px #cccccc;
	text-align: left;
	line-height: 20px;
	font: normal 10px 'Lucida Grande',Arial,Helvetica,sans-serif;
	color: #666666;
	line-height: 20px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}

#logo {
	margin: 0px 12px 11px 10px;
	padding: 8px 0px 0px 0px;
	height: 42px;
}

#logoLeft {
	float: left;
}

#logoRight {
	margin: 15px 0px 0px 0px;
	float: right;
	font: normal 12px "Lucida Grande",Arial,Helvetica,sans-serif;
	color: #444444;
}

#logoRight a {
	color: #0a3d7a;
	text-decoration: none;
}

#logoRight a:hover {
	color: #000000;
	text-decoration: underline;
}

.titleBlueLeft {
	margin: 0;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/bkg_blue_title_left.gif);
	background-repeat: no-repeat;
	background-color: #2c5f8c;
	height: 35px;
	font: normal 14px "Tw Cen MT","Lucida Grande",Arial,Helvetica,sans-serif;
	color: #ffffff;
	line-height: 35px;
	text-align: left;
	position: relative;
}

.titleBlueRight {
	margin: 0;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/bkg_blue_title_right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-color: #2c5f8c;
	height: 35px;
	font: normal 14px "Tw Cen MT","Lucida Grande",Arial,Helvetica,sans-serif;
	color: #ffffff;
	line-height: 35px;
	text-align: left;
	position: relative;
}

.titleGrey {
	margin: 0;
	padding: 0px 0px 0px 10px;
	background-color: #666666;
	height: 35px;
	font: normal 14px "Tw Cen MT","Lucida Grande",Arial,Helvetica,sans-serif;
	color: #ffffff;
	line-height: 35px;
	text-align: left;
	position: relative;
}

.textArea {
	margin: 0;
	padding: 0;
	line-height: 20px;
	font: normal 12px "Lucida Grande",Arial,Helvetica,sans-serif;
	text-align: left;
	position: relative;
	display: table-cell; 
}

.specialInput {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: solid 1px #cccccc;
	background-color: #2c5f8c;
	font: normal 14px 'Lucida Grande',Arial,Helvetica,sans-serif;
	color: #ffffff;
}