body {
background: #D7D7D7;
font-family: arial;
font-size: 67.5%;
}

	body.green .col.wide h1 {
	background: #009D9E;
	color: white;
	margin: 0;
	padding: 4px;
	}
	
	body.green .col.wide p {
	color: black;
	}
	
	body.blue .col.wide h1 {
	background: #83B8EA;
	color: white;
	margin: 0;
	padding: 4px;
	}
	
	body.blue .col.wide p {
	color: black;
	}
	
	body.dark .col.wide h1 {
	background: #475B74;
	color: white;
	margin: 0;
	padding: 4px;
	}
	
	body.dark .col.wide p {
	color: black;
	}
	
	body.mold .col.first {
	background: #475B74;
	color: white;
	}
	
	body.mold .col.first p {
	color: white;
	}
	
	body.mold .col.wide h1 {
	background: #475B74;
	color: white;
	margin: 0;
	padding: 4px;
	}
	
	body.mold .col.wide p {
	color: black;
	}

	#banner {
	float: left;
	height: 105px;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
		#banner h1 {
		background: url(../images/logo.png) top left;
		float: left;
		height: 97px;
		margin: 0;
		padding: 0;
		text-indent: -5000px;
		width: 600px;
		}
		
			#banner h1 a {
			display: block;
			height: 97px;
			width: 600px;
			}
		
		#banner ul {
		border-top: 1px solid #ccc;
		float: right;
		font-family: "arial-black", arial, "sans-serif";
		list-style: none;
		margin: 30px 30px 0 0;
		padding: 0;
		width: 213px;
		}
		
			#banner ul li {
			border-bottom: 1px solid #ccc;
			font-size: 1.1em;
			font-weight: bold;
			margin: 1px 0 1px 0;
			padding: 0;
			}
			
				#banner ul li a {
				background: url(../images/arrow.png) 2px 5px no-repeat;
				color: #5E5E60;
				display: block;
				padding-bottom: 2px;
				padding-left: 18px;
				text-decoration: none;
				}
				
				#banner ul li a.on {
				color: black;
				}
	
	#corner {
	background: #647D77;
	bottom: 0px;
	float: left;
	position: absolute;
	width: 100%;
	}
	
		#corner p {
		color: #AEB8B7;
		font-family: "arial-black", arial, "sans-serif";
		font-size: 1.1em;
		font-weight: bold;
		margin: 5px 0 5px 10px;
		padding: 0;
		}
		
		#corner h4 {
		color: white;
		font-family: "arial-black", arial, "sans-serif";
		font-size: 1.9em;
		margin: 5px 0 5px 10px;
		padding: 0;
		}
	
	#footer {
	float: left;
	font-weight: bold;
	height: 30px;
	width: 100%;
	}		
	
		#footer p {
		color: #5E5E60;
		margin: 10px 10px 10px 30px;
		}	
		
			#footer p a {
			color: #647D77;
			}
			
			#footer p a:hover {
			color: black;
			}
	
	#frame {
	background: white;
	float: left;
	left: 50%;
	margin-bottom: 20px;
	margin-left: -498px;
	margin-top: 35px;
	padding-bottom: 10px;
	position: absolute;
	width: 996px;
	}
	
	#logos {
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	width: 620px;
	}
	
		#logos img {
		border: none;
		float: left;
		height: 60px;
		margin-right: 10px;
		}
		
	#ticker {
	background: white;
	color: #5E5E60;
	float: left;
	font-weight: bold;
	height: 18px;
	margin: 10px 0 0 32px;
	padding-top: 4px;
	width: 935px;
	}
	
		.col {
		display: inline;
		float: left;
		margin-right: 5px;
		position: relative;
		height: 400px;
		width: 230px;
		}
		
		.col p, .col ul {
		color: #99999B;
		font-size: 1.1em;
		line-height: 130%;
		margin-top: 0;
		padding-top: 0;
		margin-right: 10px;
		}
		
		.col ul {
		font-size: 1em;
		margin-left: 0px;
		padding-left: 0px;
		}
		
			.col ul li {
			margin-left: 15px;
			padding-left: 0px;
			}
		
			.col h2 {
			margin: 2px 0 5px 0;
			padding: 0;
			}
		
			.col h3 {
			background: #444;
			color: white;
			font-size: 1.5em;
			font-weight: bold;
			margin: 0 0 3px 0;
			padding: 15px 20px 5px 10px;
			width: 200px;
			}
			
			.col img {
			margin: 0;
			padding: 0;
			}
			
			.col ul.subnav {
			background: orange;
			border-top: 1px solid #ccc;
			bottom: 0px;
			float: right;
			height: 168px;
			list-style: none;
			margin: 0;
			position: absolute;
			overflow: hidden;
			padding: 0;
			width: 230px;
			}
			
				.col ul.subnav li {
				border-bottom: 1px solid #ccc;
				font-size: 1.1em;
				font-weight: bold;
				margin: 2px 2px 2px 0;
				padding: 0;
				}
				
				.col ul.subnav li.first {
				color: white;
				font-size: 1.3em;
				margin: 0;
				padding: 0 5px 10px 18px;
				}
				
					.col ul.subnav li a {
					background: url(../images/arrow.png) 2px 5px no-repeat;
					color: white;
					display: block;
					padding-bottom: 2px;
					padding-left: 18px;
					text-decoration: none;
					}
					
					.col ul.subnav li a.on {
					color: black;
					}
		
		.col.last {
		margin-right: 0;
		}
		
		.col.first {
		position: relative;
		margin-left: 32px;
		}
		
			.col.first .subnav {
			height: 305px;
			padding-top: 10px;
			position: relative;
			}
		
		.col.wide {
		height: auto;
		margin-right: 0;
		overflow: hidden;
		width: 700px;
		}
		
		.col.wide h3 {
		width: 670px;
		}
		
		.col.wide p, .col.wide h1, .col.wide h2, .col.wide ul {
		margin-left: 220px;
		margin-left: 10px;
		}
		
		.col.wide p, .col.wide ul {
		color: #888;
		}
		
		.col.wide ul {
		margin-left: 40px !important;
		padding-left: 40px !important;
		}
		
		.fleftb {
		float: left;
		width: 150px;
		}
		
		h2.gray {
		background: #ccc;
		color: white;
		height: 20px;
		line-height: 140%;
		padding: 5px;
		}
		
		.move {
		margin-left: 0px;
		}
		
			.move ul {
			font-size: 1.1em;
			margin-left: 20px !important;
			}
			
			.move ul li a {
			color: #333;
			}
		
		.move img {
		float: left;
		margin: 0 10px 10px 0;
		}
		
		.padd h2, .padd p {
		margin-left: 10px;
		}
		
		.padd h2 {
		margin-top: 10px;
		}
		
			ul.nudge {
			margin-left: 20px;
			}
		
		/* color effect  */
		
		.blue {  }
		.blue h3 { background: #83B8EA; }
		.blue p { color: #83B8EA; }
		.blue ul.subnav { background: #83B8EA; border-top: 1px solid #A2C9F0; }
		.blue ul.subnav li { color: white; border-bottom: 1px solid #A2C9F0; }
		.blue ul.subnav li a { background: url(../images/arrow-blue.png) 3px 2px no-repeat; }
		
		.green {  }
		.green h3 { background: #009D9E; }
		.green p { color: #009D9E; }
		.green ul.subnav { background: #009D9E; border-top: 1px solid #3FB5B7; }
		.green ul.subnav li { border-bottom: 1px solid #3FB5B7; }
		.green ul.subnav li a { background: url(../images/arrow-green.png) 3px 2px no-repeat; }
		
		
		.dark {  }
		.dark h3 { background: #475B74; }
		.dark p { color: #475B74; }
		.dark ul.subnav { background: #475B74; border-top: 1px solid #758595; }
		.dark ul.subnav li { color: white; border-bottom: 1px solid #758595; }
		.dark ul.subnav li a { background: url(../images/arrow-purple.png) 3px 2px no-repeat; }
		
		.mold {  }
		.mold h3 { background: #475B74; }
		.mold p { color: #475B74; }
		.mold ul.subnav { background: #475B74; border-top: 1px solid #758595; }
		.mold ul.subnav li { color: white; border-bottom: 1px solid #758595; }
		.mold ul.subnav li a { background: url(../images/arrow-purple.png) 3px 2px no-repeat; }
