/* the side content -- including the rounded corners thing.. */

div.contentSide {
	width:241px;
	background-color:#c5edfa;
	float:left;
	text-align:left;
	margin:20px 0px 20px 0px;
}

div.contentSide a {
	color:#00f;
	text-decoration:none;
}

div.contentSide a:hover {
	text-decoration:underline;
}

div.sideContent {
	font-size:9px;
	margin:10px;
	line-height:16px;
}

div.sideContent h1 {
	font:12px Verdana;
	color:#666;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}

.roundtop { 
	background: url(../img/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../img/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block;
}

div.breakline {
	border-top:2px dotted #999;
	font-size:1px;
	margin-top:20px;
}

a.viewmap {
	font:8pt Verdana;
	color:#333;
	background:#eee;
	margin:8px 0px 6px 0px;
	padding:1px 2px 1px 2px;
	border:1px solid #ccc;
}

a.viewmap:hover {
	font:8pt Verdana;
	color:#333;
	background:#eee;
	margin:8px 0px 6px 0px;
	padding:1px 2px 1px 2px;
	border:1px solid #ccc;
}