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

/* START RESET */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* END RESET */

body {
	text-align: center;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	}

#container {
width: 800px;
padding-top: 35px;
margin:auto;
}

.top_block {
	width: 800px;
	height: 175px;
	background-image:url(Top_image.png);
	background-repeat:no-repeat;
	background-position: bottom;
	}
	
	
	.logo {
	float: left;
	width: 103px;
	height: 148px;
	background-image: url(LOGO.png);
	background-repeat: no-repeat;
	margin-left: 18px;
	}
	
	.intro {
	float: left;
	width: 640px;
	font-size: 15px;
	color:#333333;
	line-height: 17px;
	text-align: left;
	margin-left: 25px;
	margin-top: 75px;
	}
	
		.intro h1 {
		font-size: 18px;
		text-align:left;
		font-weight:600;
		color:	#333333;
		}

.main_links {
width: 800px;
margin:auto;
}

	.red_column {
	width: 210px;
	float:left;
	height: 439px;
	margin:auto;
	background-image:url(Red_Column_BKG.png);
	background-position:top;
	background-repeat:no-repeat;
	}
	.yellow_column {
	width: 192px;
	height: 439px;
	float:left;
	margin:auto;
	background-image:url(Yellow_Column_BKG.png);
	background-position:top;
	background-repeat:no-repeat;
	}
	.green_column {
	width: 192px;
	float:left;
	height: 439px;
	margin:auto;
	background-image:url(Green_Column_BKG.png);
	background-position:top;
	background-repeat:no-repeat;
	}
	.blue_column {
	width: 206px;
	float:left;
	height: 439px;
	margin:auto;
	background-image:url(Blue_Column_BKG.png);
	background-position:top;
	background-repeat:no-repeat;
	}


/* RED */

	.red_icon_wrapper {
	padding-left: 18px;
	padding-top: 18px;
	width: 170px;
	height: 170px;
	margin:auto;
	}
	
		.red_icon_wrapper a {
		display:block;
		position: relative;
		}
	
			.red_icon_wrapper a .rollover {
			background-image: url(Red_Icon_OVER.png);
			width: 170px;
			height: 170px;
			position: absolute;
			/*this is for jquery effect to trigger "show" so that the image doesn't appear if js is turned off for users*/
			display:none;
			}
			
	.red_text {
	padding-left: 28px;
	font-size: 15px;
	margin-right: 12px;
	text-align:left;
	height: 25px;
	background-image: url(Arrow_Red_UP.png);
	margin-top: 25px;
	background-position: right;
	vertical-align: middle;
	background-repeat:no-repeat;
	text-transform: uppercase;
	font-weight: 600;
	}
	
		.red_text a {
		color: #333333;
		text-decoration: none;
		}
	
			.red_text a:hover {
			color:#999999;
			}


/* YELLOW */			

	.yellow_icon_wrapper {
	padding-top: 18px;
	width: 170px;
	height: 170px;
	margin:auto;
	}			

		.yellow_icon_wrapper a {
		display:block;
		position: relative;
		}
	
			.yellow_icon_wrapper a .rollover {
			background-image: url(Yellow_Icon_OVER.png);
			width: 170px;
			height: 170px;
			position: absolute;
			/*this is for jquery effect to trigger "show" so that the image doesn't appear if js is turned off for users*/
			display:none;
			}
		
	.yellow_text {
	padding-left: 12px;
	padding-top: 10px;
	margin-right: 12px;
	font-size: 15px;
	text-align:left;
	height: 25px;
	background-image: url(Arrow_Yellow_UP.png);
	margin-top: 18px;
	background-position: right;
	vertical-align: middle;
	background-repeat:no-repeat;
	text-transform: uppercase;
	font-weight: 600;
	}
	
		.yellow_text a {
			color: #333333;
			text-decoration: none;
		}
	
			.yellow_text a:hover {
				color:#999999;
			}


/* GREEN */		

	.green_icon_wrapper {
	padding-top: 18px;
	width: 170px;
	height: 170px;
	margin:auto;
	}

	.green_icon_wrapper a {
		display:block;
		position: relative;
		}
	
			.green_icon_wrapper a .rollover {
			background-image: url(Green_Icon_OVER.png);
			width: 170px;
			height: 170px;
			position: absolute;
			/*this is for jquery effect to trigger "show" so that the image doesn't appear if js is turned off for users*/
			display:none;
			}

		.green_text {
			padding-left: 12px;
			margin-right: 12px;
			text-align:left;
			height: 25px;
			font-size: 15px;
			background-image: url(Arrow_Green_UP.png);
			margin-top: 25px;
			background-position: right;
			vertical-align: middle;
			background-repeat:no-repeat;
			text-transform: uppercase;
			font-weight: 600;
		}
	
		.green_text a {
			color: #333333;
			text-decoration: none;
		}
	
			.green_text a:hover {
				color:#999999;
			}
	
	
/* BLUE */		
	
	.blue_icon_wrapper {
	padding-right: 15px;
	padding-top: 18px;
	width: 170px;
	height: 170px;
		margin:auto;
	}

		.blue_icon_wrapper a {
		display:block;
		position: relative;
		}
	
			.blue_icon_wrapper a .rollover {
			background-image: url(Blue_Icon_OVER.png);
			width: 170px;
			height: 170px;
			position: absolute;
			/*this is for jquery effect to trigger "show" so that the image doesn't appear if js is turned off for users*/
			display:none;
			}
	
	.blue_text {
		padding-left: 12px;
		padding-top: 10px;
		margin-right: 25px;
		text-align:left;
		height: 25px;
		font-size: 15px;
		background-image: url(Arrow_Blue_UP.png);
		margin-top: 18px;
		background-position: right;
		vertical-align: middle;
		background-repeat:no-repeat;
		text-transform: uppercase;
		font-weight: 600;
		}
	
		.blue_text a {
			color: #333333;
			text-decoration: none;
		}
	
			.blue_text a:hover {
				color:#999999;
			}
	
	.reg_text_left {
		padding-left: 28px;
		padding-top: 20px;
		margin-right: 25px;
		font-size: 12px;
		line-height: 16px;
		text-align:left;
		color: #666666;
		}
	
		.reg_text_left a {
			color: #000000;
			text-decoration: none;
		}
	
			.reg_text_left a:hover {
			text-decoration: underline;
			}

	.reg_text_others {
		padding-left: 15px;
		padding-top: 20px;
		margin-right: 10px;
		font-size: 12px;
		line-height: 16px;
		text-align:left;
		color: #666666;
		}
	
		.reg_text_others a {
			color: #000000;
			text-decoration: none;
		}
	
			.reg_text_others a:hover {
			text-decoration: underline;
			}

#home_footer {
	width: 800px;
	height:75px;
	clear: both;
}

	#home_footer_img {
	text-align: right;
	height: 75px;
	width:375px;
	margin-left: 425px;
	font-size: 14px;
	font-weight:600;
	color:	#666666;
	background-image:url(../art/Footer_Bubble.png);
	background-repeat:no-repeat;
	background-position:right;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	}

		#home_footer p {
			padding-top: 25px;
			padding-right: 15px;
			margin-left: 115px;
			text-align: left;
			vertical-align: middle;
		}

		#home_footer a {
		color: #333333;
		text-decoration: none;
		}
	
			#home_footer a:hover {
			color:#9966cc;
			}