html, body{
	text-align: center;
	font-family: Arial,sans-serif;
	color: black;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
	background-color: #376b91;
}
/******* hyperlink and anchor tag styles *******/

a:link{ color: tomato; text-decoration:none; }
a:visited{ color: tomato; text-decoration:none; }
a:active{ color: tomato; }
a:hover{ background-color:skyblue; }
.links a:hover{ color:red; }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.wrap{
	text-align: center;
}
.contener{
	width: 1024px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(./imgs/webyou.jpg);
	background-repeat: no-repeat;
}
.rightbox{
	text-align: left;
	float: left;
	width: 340x;
	background-color: transparent;
}
.topleft{
	margin-top: 30px;
	margin-left: 29px;
	float: left;
	height: 611px;
	width: 610px;
	border-style: none;
	border: 0;
	background-color: transparent;
}

dl#imagemap{ margin: 30px 0px 0px 0px; padding: 0; width: 334px; height: 611px; position: relative; }
dt{margin: 0; padding: 0; position: absolute; display: none;}
dl{margin: 0; padding: 0; position: absolute;}
dd{margin: 0; padding: 0; position: absolute;}


dd#flash{top: 55px; left: 84px;}
dd#flash a{position: absolute; width: 30px; height: 34px;}
dd#flash a span{display: block;}
dd#flash a:hover{background-color: transparent;}
dd#flash a:hover span{background-color: transparent;}



dd#radio{top: 75px; left: 162px;}
dd#radio a{position: absolute; width: 88px; height: 63px;}
dd#radio a span{display: none;}
dd#radio a:hover{position: absolute; background: transparent url(./imgs/radio.gif) 88px 63px no-repeat;}
dd#radio a:hover span{ display: block; background-image: url(./imgs/radio.gif); position: absolute; width: 88px; height: 63px; }

dd#home{top: 136px; left: 122px;}
dd#home a{position: absolute; width: 66px; height: 61px;}
dd#home a span{display: none;}
dd#home a:hover{position: absolute; background: transparent url(./imgs/home.gif) 66px 61px no-repeat;}
dd#home a:hover span{ display: block; background-image: url(./imgs/home.gif); position: absolute; width: 66px; height: 61px; }

dd#about{top: 180px; left: 76px;}
dd#about a{position: absolute; width: 84px; height: 60px;}
dd#about a span{display: none;}
dd#about a:hover{position: absolute; background: transparent url(./imgs/about.gif) 84px 60px no-repeat;}
dd#about a:hover span{ display: block; background-image: url(./imgs/about.gif); position: absolute; width: 84px; height: 60px; }

dd#music{top: 208px; left: 124px;}
dd#music a{position: absolute; width: 71px; height: 57px;}
dd#music a span{display: none;}
dd#music a:hover{position: absolute; background: transparent url(./imgs/music.gif) 71px 57px no-repeat;}
dd#music a:hover span{ display: block; background-image: url(./imgs/music.gif); position: absolute; width: 71px; height: 57px; }

dd#diary{top: 495px; left: 21px;}
dd#diary a{position: absolute; width: 86px; height: 64px;}
dd#diary a span{display: none;}
dd#diary a:hover{position: absolute; background: transparent url(./imgs/diary.gif) 86px 64px no-repeat;}
dd#diary a:hover span{ display: block; background-image: url(./imgs/diary.gif); position: absolute; width: 86px; height: 64px; }

dd#mail{top: 540px; left: 78px;}
dd#mail a{position: absolute; width: 55px; height: 37px;}
dd#mail a span{display: none;}
dd#mail a:hover{position: absolute; background: transparent url(./imgs/mail.gif) 55px 37px no-repeat;}
dd#mail a:hover span{ display: block; background-image: url(./imgs/mail.gif); position: absolute; width: 55px; height: 37px; }