body         { background: transparent;  
			   font-family: Arial, sans-serif;
			   font-size: medium;
			   color: navy;
                }

a:link {color: navy;
        text-decoration: underline; }
		
a:visited {color: navy;
           text-decoration: underline; }

a:active {text-decoration: none; color: navy;}

a:hover {text-decoration: none; color: #0000ff; }

div#noticeboard {
	width: auto; height: auto;
	text-align: center; margin: auto;
}

div.twonotices {
	width: 250px; height: 200px;
	position: relative;
	float: left;
}

div.threenotices {
	width: 150px; height: 200px;
	position: relative;
	float: left;
}

div.fournotices {
	width: 50px; height: 200px;
	position: relative;
	float: left;
}



div.notice01 {
	background-image: url('notice01.jpg');
	background-repeat: no-repeat;
	background-color: white;
	padding-left: 30px; padding-right: 30px; padding-top: 25px;
	text-align: center;
	width: 200px; height: 200px;
	position: relative;
	overflow: hidden;
	font-size: medium;
	float: left;
}

div.notice02 {
	background-image: url('notice02.jpg');
	background-repeat: no-repeat;
	padding-left: 30px; padding-right: 40px; padding-top: 25px;
	text-align: center;
	width: 200px; height: 200px;
	position: relative;
	overflow: hidden;
	font-size: medium;
	float: left;
}

div.notice03 {
	background-image: url('notice03.jpg');
	background-repeat: no-repeat;
	padding-left: 30px; padding-right: 40px; padding-top: 25px;
	text-align: center;
	width: 200px; height: 200px;
	position: relative;
	overflow: hidden;
	font-size: medium;
	float: left;
}

div.notice04 {
	background-image: url('notice04.jpg');
	background-repeat: no-repeat;
	padding-left: 30px; padding-right: 40px; padding-top: 40px; padding-bottom: 20px;
	text-align: center;
	width: 200px; height: 200px;
	position: relative;
	overflow: hidden;
	font-size: medium;
	float: left;
}


div h2 {
	font-size: x-small; color: blue; font-weight: normal;
}

div h3 {
	font-size: small; font-weight: normal;
}