/* CSS Document */

body,td,th {
	font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}
body {
	background-color: #FFFFFF;
}
/*main layout*/
div#container {
	width: 900px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
	div#header {
		width: 900px;
		padding: 0px;
	}
	div#login {
		padding: 10px 0px 10px 0px;
		float: right;
	}
	.loginLINK {
		padding: 3px 0px 0px 0px;
		color: #000000;
		font-size: 12px;
		font-weight: bolder;
		text-decoration: none;
	}	
	div#logo {
		width: 300px;
		padding: 0px;
		float:left;
	}
	div#headerImage {
		width: 600px;
		padding: 0px;
		float:right;
	}
	div#nav {
		width: 900px;
		clear: both;
		padding: 10px 0px 0px 0px;
		text-align: center;
		vertical-align: middle;
	}
	.dropdown{
		position:absolute;
		visibility: hidden;
		border:1px solid black;
		border-bottom-width: 0;
		line-height: 18px;
		z-index: 100;
		background-color: #FFF;
		width: 100px;
		text-align: left
		}
		.dropdown a{
			width: 100%;
			display: block;
			text-indent: 3px;
			border-bottom: 1px solid black;
			padding: 1px 0;
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			text-indent: 5px;
		}
		.dropdown a:hover{ /*hover background color*/
			background-color: #3772b6;
			color: #FFF;
		}
	.navLINK {
		padding: 5px 0px 0px 0px;
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		vertical-align: middle;
	}	
	.navImg {
		vertical-align: middle;
		padding: 0px;
	}
	div#content {
		width: 900px;
		padding: 10px 0px 0px 0px;
		vertical-align: middle;
	}
	div#footer {
		width: 900px;
		padding: 10px 0px 0px 0px;
		text-align: center;
		font-size: 10px;
	}
	.footerLINK {
		color: #000000;
		font-size: 10px;
		text-decoration: none;
	}
	h1 {
		color: #FF6600;
		font-size: 16px;
	}
	h2 {
	color: #3772b6;
	font-size: 12px;
	}
	.content {
		vertical-align: top;
		text-align: left;
	}	
		
/* home layout*/
#homeImg1 {
	float:right;
	padding: 0px 0px 10px 5px;
}
#homeImg2 {
	float: left;
	padding: 0px 5px 0px 0px;
}
/* sub layout*/	
#subimg3 {
	float: left;
	padding: 10px;
	vertical-align: middle;	
}	
#subimg4 {
	float: left;
	padding: 0px 10px 0px 0px;
	vertical-align: middle;	
}	
div#sub_left {
	width: 150px;
	padding: 0px 10px 0px 0px;
	float: left;
}
div#sub_right {
	width: 700px;
	text-align: left;
	padding: 0px 0px 5px 10px;
	border-left: 1px solid #FF9900;
	float: right;
}
.center	{
	text-align: center;
} 
#subimg5 {
	margin-left: 20px;
	float: left;
	padding: 10px 10px 10px 10px;
	text-align: center;	
}	
#subimg6 {
	margin-right: 20px;
	float: right;
	padding: 10px 10px 10px 10px;
	text-align: center;	
}