a:link.maprot { color:#FF0000; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:visited.maprot { color:#FF0000; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:hover.maprot { background-color:#FF0000; color:#FFFF00; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:active.maprot { color:#FF0000; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }

a:link.mapblau { color:#000080; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:visited.mapblau { color:#000080; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:hover.mapblau { background-color:#000080; color:#FFFF00; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:active.mapblau { color:#000080; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }

a:link.white_l { color:#ffffff; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:visited.white_l { color:#ffffff; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }
a:hover.white_l { color:#ffffff; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: underline; }
a:active.white_l { color:#ffffff; font-size: 12px; font-family:Verdana,Tamhoma,Arial; font-weight:bold; text-decoration: none; }

a:link.blue_l { color:#4575B7; font-size: 10px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: none; }
a:visited.blue_l { color:#4575B7; font-size: 10px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: none; }
a:hover.blue_l { color:#4575B7; font-size: 10px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: underline; }
a:active.blue_l { color:#4575B7; font-size: 10px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: none; }

#white_s { color:#ffffff; font-size: 12px; font-family:Verdana,Arial,Tamhoma; font-weight:normal; text-decoration: none; }
#black { color:#000000; font-size: 10px; font-family:Verdana,Arial,Tamhoma; font-weight:normal; text-decoration: none; }
#blue_s { color:#4575B7; font-size: 12px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: none; }
#blue_l { color:#4575B7; font-size: 10px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: none; }
#blue_index { line-height: 13px; color:#7CAAEA; font-size: 12px; font-family:Arial,Tamhoma,Verdana; font-weight:normal; text-decoration: none; }

img { border:0; }
form { padding:0; margin:0; }



body {	
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#4575b7;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#4575b7;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#4575b7;
	scrollbar-track-color:#000000;
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	text-align:center;
	width:1248;
}

div.rgb span {	
	display: block;
	background-position: -130px 0;
	color: #000000;
	background-image: none;	
	}

#red a {
	display:block;
	width:130px height:30px;
	margin: 0; padding: 0;
	font: bold 14px/1 sans-serif;
	color:#ffffff;
	background: url('http://www.twelvecolours.com/pix/navi/red.gif') 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	line-height: 30px;
	}
#red a:hover {	
	background-position: -130px 0;
	color: #000000;
	}

#green a {
	display:block;
	width:130px height:30px;
	margin: 0; padding: 0;
	font: bold 14px/1 sans-serif;
	color:#ffffff;
	background: url('http://www.twelvecolours.com/pix/navi/green.gif') 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	line-height: 30px;
	}
#green a:hover {	
	background-position: -130px 0;
	color: #000000;
	}

#blue a {
	display:block;
	width:130px height:30px;
	margin: 0; padding: 0;
	font: bold 14px/1 sans-serif;
	color:#ffffff;
	background: url('http://www.twelvecolours.com/pix/navi/blue.gif') 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	line-height: 30px;
	}
#blue a:hover {	
	background-position: -130px 0;
	color: #000000;
	}

#grey a {
	display:block;
	width:130px height:30px;
	margin: 0; padding: 0;
	font: bold 14px/1 sans-serif;
	color:#ffffff;
	background: url('http://www.twelvecolours.com/pix/navi/grey.gif') 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	line-height: 30px;
	}
#grey a:hover {	
	background-position: -130px 0;
	color: #000000;
	}

#yellow a {
	display:block;
	width:130px height:30px;
	margin: 0; padding: 0;
	font: bold 14px/1 sans-serif;
	color:#ffffff;
	background: url('http://www.twelvecolours.com/pix/navi/yellow.gif') 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	line-height: 30px;
	}
#yellow a:hover {	
	background-position: -130px 0;
	color: #000000;
	}

#green_base a {
	display:block;
	width:293px height:220px;
	margin: 0; padding: 0;
	background: url('http://www.twelvecolours.com/pix/hover/left_green_light.jpg') 0 0 no-repeat;
	line-height: 220px;
	text-decoration: none;	
	text-align:center;	
	}
#green_base a:hover {	
	background-position: -293px 0;
	}

#red_base a {
	display:block;
	width:148px height:220px;
	margin: 0; padding: 0;
	background: url('http://www.twelvecolours.com/pix/hover/left_red_light.jpg') 0 0 no-repeat;
	line-height: 220px;
	text-decoration: none;	
	text-align:center;	
	}
#red_base a:hover {	
	background-position: -148px 0;
	}	

#yellow_base a {
	display:block;
	width:148px height:220px;
	margin: 0; padding: 0;
	background: url('http://www.twelvecolours.com/pix/hover/right_yellow_light.jpg') 0 0 no-repeat;
	line-height: 220px;
	text-decoration: none;	
	text-align:center;	
	}
#yellow_base a:hover {	
	background-position: -148px 0;
	}	

#blue_base a {
	display:block;
	width:293px height:220px;
	margin: 0; padding: 0;
	background: url('http://www.twelvecolours.com/pix/hover/right_blue_light.jpg') 0 0 no-repeat;
	line-height: 220px;
	text-decoration: none;	
	text-align:center;	
	}
#blue_base a:hover {	
	background-position: -293px 0;
	}