body{
	background-color:#f5f5f5;
}

div#HRmain{
	height:700px;
	width:850px;
	margin: 10px 0px 0px 0px;
	position:absolute;
	left: 105px;
	top: 17px;
	background-image:url(images/template/bkg.gif);
	background-repeat:no-repeat;
	}
	
div#HRlogo{
	height:150px;
	width:300px;
	background-image:url(images/HRlogo.gif);
	position:absolute;
	left: 64px;
	top: 29px;
	}
	
div#window{
	position:absolute;
	left: 106px;
	top: 735px;
	width: 320px;
	height: 60px;
}	

div#wheel{
	height:423px;
	width:423px;
	position:absolute;
	background-image:url(images/template/blue.gif);
	left: 413px;
	top: 152px;
}

div#arrow{
	position:absolute;
	background-image:url(images/arrow.gif);
	left: 192px;
	top: 446px;
	width: 91px;
	height: 160px;
	}

div#wheelY{
	height:423px;
	width:423px;
	position:absolute;
	background-image:url(images/template/yellow.gif);
	left: 413px;
	top: 152px;
}

div#wheelTY{
	height:423px;
	width:423px;
	position:absolute;
	background-image:url(images/template/Tyellow.png);
	left: 413px;
	top: 152px;
}

div#wheelG{
	height:423px;
	width:423px;
	position:absolute;
	background-image:url(images/template/green.gif);
	left: 413px;
	top: 152px;
}

div#smallB70{
	height:70px;
	width:70px;
	background-image:url(images/template/small/SmallBlue70.gif);
	position:absolute;
	left: 982px;
	top: 607px;
	}
div#smallG40{
	height:40px;
	width:40px;
	background-image:url(images/template/small/SmallGreen40.gif);
	position:absolute;
	left: 45px;
	top: 123px;
	}
div#smallG60{
	height:60px;
	width:60px;
	background-image:url(images/template/small/SmallGreen60.gif);
	position:absolute;
	left: 879px;
	top: 18px;
	}
div#smallY50{
	height:50px;
	width:50px;
	background-image:url(images/template/small/SmallYellow50.gif);
	position:absolute;
	left: 15px;
	top: 71px;
	}
div#smallY60{
	height:60px;
	width:60px;
	background-image:url(images/template/small/SmallYellow60.gif);
	position:absolute;
	left: 927px;
	top: 684px;
	}	

div#title{
	font-size:130%;
	font-weight:bolder;
	color:#036;
	text-align:center;
	position:absolute;
	width:351px;
	left: 37px;
	top: 217px;
}
	
	div#title a:link, div#title a:visited{
		text-decoration:none;
		color:#036;
}
	div#title a:hover{
		color:#666;
		text-decoration:none;
}


#content{
	height:21px;
	width:379px;
	position:absolute;
	left: 20px;
	top: 248px;
	
}

.colinks{
	width:178px;
	height:14px;
	position:absolute;
	left: 251px;
	top: 612px;
	text-align:center;
}

.cilinks{
	width:181px;
	height:14px;
	position:absolute;
	left: 436px;
	top: 612px;
	text-align:center;
}

.city{
font-size:130%;
font-weight:bolder;
margin-bottom:3px;
color:#036;
text-align:center;
margin-top:0px;
}
	
	.city a:link, .city a:visited{
		text-decoration:none;
		color:#036;
}
	.city a:hover{
		color:#666;
		text-decoration:none;
}

.click{
	text-align:center;
	font-size:85%;
	color:#036;
	margin-top:0px;
}
	
	.click a:link, .click a:visited{
		text-decoration:none;
		color:#036;
}
	.click a:hover{
		color:#666;
		text-decoration:none;
}

h1{
font-size:140%;
font-weight:bolder;
margin-bottom:3px;
color:#036;
text-align:center;
}
	
	h1 a:link, h1 a:visited{
		text-decoration:none;
		color:#036;
}
	h1 a:hover{
		color:#666;
		text-decoration:none;
}

h2{
	font-size:105%;
	color:#036;
	text-align:center;

}
	h2 a:link, h2 a:visited{
		color:#036;
}
	h2 a:hover{
		color:#666;
		text-decoration:none;
}

h3{
	text-align:center;
	font-size:100%;
	color:#036;
	margin-top:0px;
}
	
	h3 a:link, h3 a:visited{
		text-decoration:none;
		color:#036;
}
	h3 a:hover{
		color:#666;
		text-decoration:none;
}