
#col1 {

	position : absolute;
	top : 0px;
	left : 0px;
	width : 350px;
	height : 179px;
/* 	background-color : #ff0; */
	border-bottom : 1px solid #ccc;
}

#col1a {

	position : absolute;
	bottom : 0px;
	right : 0px;
	width : 150px;
	height : 150px;
}

#col2 {

	position : absolute;
	top : 0px;
	left : 350px;
	width : 349px;
/* 	background-color : #0ff; */
	height : 179px;
	border-bottom : 1px solid #ccc;
	border-left : 1px solid #ccc;
}

#col2a {

	position : absolute;
	bottom : 0px;
	left : 0px;
	width : 150px;
	height : 150px;
}

#col2a a {

	position : absolute;
	bottom : 0px;
	right : 0px;
	width : 150px;
	height : 150px;
	background-image : url('/img/site/button2.gif');
	cursor : pointer;
}

#col2a a:hover { cursor : pointer }

#col3 {

	position : absolute;
	top : 180px;
	left : 0px;
	width : 350px;
	height : 180px;
/* 	background-color : #0f0; */
}

#col3a {

	position : absolute;
	top : 0px;
	right : 0px;
	width : 150px;
	height : 150px;
}

#col3a a {

	position : absolute;
	bottom : 0px;
	right : 0px;
	width : 150px;
	height : 150px;
	background-image : url('/img/site/button3.gif');
}

#col4 {

	position : absolute;
	top : 180px;
	left : 350px;
	width : 349px;
	height : 180px;
/* 	background-color : #0ff; */

	border-left : 1px solid #ccc;
}

#col4a {

	position : absolute;
	top : 0px;
	left : 0px;
	width : 150px;
	height : 150px;
}

#col4a a {

	position : absolute;
	bottom : 0px;
	right : 0px;
	width : 150px;
	height : 150px;
	background-image : url('/img/site/button4.gif');
}

#col1a div {
	background-image : url('/img/site/index-box1.gif');
	width : 320px;
	height : 160px;
	position: absolute;
	top: -20px;
	right: 10px;
	text-align: left;
	color : black;
	font-style : normal;
	z-index: 2;
/* 	background-color : #ccc; */
}

#col2a div {
	background-image : url('/img/site/index-box2.gif');
	width : 320px;
	height : 160px;
	position: absolute;
	top: -20px;
	left: -330px;
	text-align: center;
	padding: 0;
	font-style: normal;
	z-index: 2;
	display: none;
}

#col3a div {
	background-image : url('/img/site/index-box3.gif');
	width : 320px;
	height : 160px;
	position: absolute;
	top: -170px;
	right : 10px;
	text-align: center;
	padding: 0;
	font-style: normal;
	z-index: 2;
	display: none;
}

#col4a div {
	background-image : url('/img/site/index-box4.gif');
	width : 320px;
	height : 160px;
	position: absolute;
	top: -170px;
	left: -330px;
	text-align: center;
	padding: 0;
	font-style: normal;
	z-index: 2;
	display: none;
}

p.boxtitle {

	position : relative;
	top : 0px;
	left : 25px;
	width : 270px;
	text-align : left;
	color : white;
	font-style : normal;
	font-family : Georgia;
	font-weight: bold;
	font-size : 1.4em;
	border-bottom : 1px solid #ccc;
/* 	background-color : #ccc; */
}

p.newsboxtitle {

	position : relative;
	top : 0px;
	left : 25px;
	width : 270px;
	text-align : left;
	color : black;
	font-style : normal;
	font-family : Georgia;
	font-weight: bold;
	font-size : 1.4em;
	border-bottom : 1px solid #ccc;
/* 	background-color : #ccc; */
}

p.boxtext {
	position : relative;
	top : -15px;
	left : 25px;
	width : 260px;
	height : 85px;
	text-align : left;
	color : white;
	font-style : normal;
	font-family : verdana;
	font-weight: bold;
	font-size : 0.8em;
	letter-spacing : 1px;
	padding-left : 10px;
/* 	background-color : #ccc; */
/* 	border : 1px solid red; */
}

p.black { color : black }

span.small { font-size : 0.7em; }

table.news {

	position : relative;
	width : 270px;
	top : -20px;
	left : 25px;
	line-height : 1em;
/* 	border : 1px solid black; */
}

td.date { font-family : helvetica; font-size : 10px; }

a.news { font-size : 11px; font-family : verdana; font-weight : bold }


