#content-column-middle {
	margin: 0;
	padding: .5em 1em 2em 1em;
	background: #fff;
	color: #006;
	}

#forecast-map {
	font: 1em normal arial, sans-serif;
	margin-bottom: 10px;
	text-align: center;
	}

	#forecast-map ul {
		font-size: .9em;
		margin: 0 0 10px 0;
		padding: 1px 0;
		list-style: none;
		}

		#forecast-map ul li {
			font-weight: 500;
			display: inline;
			margin: 0;
			padding: 0;
			}
		
		#forecast-map ul li.this-day {
			display: inline;
			margin-right: 0 !important;
			margin-right: 2px;
			padding: 1px;
			border-bottom: 1px solid #f60;
			background: #fff;
			color: #3668c0;	
			}

			#forecast-map ul li a {
				margin: 0;
				padding: 1px;
				text-decoration: none;
				}

			#forecast-map ul li a:link, #forecast-map ul li a:visited {
				border-bottom: 1px solid #f60;
				background: #e9f0ff;
				color: #006;
				text-decoration: none;
				}

			#forecast-map ul li a:hover {
				border-bottom: 1px solid #3668c0;
				background: #fff;
				color: #f60;
				text-decoration: none;
				}

			#forecast-map ul li a:active {
				border-bottom: 1px solid #f60;
				background: #fff;
				color: #3668c0;
				text-decoration: none;
				}


h1.name {
	font: 700 17px arial, arial, sans-serif;
	width: 501px !important;
	width: 500px;
	margin: 1px 10px 1px 9px !important;
	margin: 1px 10px;
	border-bottom: 1px solid #006;
	padding: 0;
	color: #006;
	text-align: left;
	}

.geo-data {
	font: 400 12px arial, arial, sans-serif;
	width: 501px !important;
	width: 500px;
	margin: 1px 10px 1px 9px !important;
	margin: 1px 10px;
	padding: 0;
	background: #fff;
	color: #006;
	text-align: right;
	}

h2.forecast-day {
	font: 700 13px arial, sans-serif;
	width: 501px !important;
	width: 500px;
	margin: 1px 10px 2px 9px !important;
	margin: 1px 10px;
	border-bottom: 1px solid #ff9c00;
	padding: 3px 0;
	background-color: #fff;
	color: #3668c0;
	text-align: left;
	text-transform: capitalize;
	}

h2.forecast-towns {
	font: 700 13px arial, sans-serif;
	width: 501px !important;
	width: 500px;
	margin: 20px 10px 2px 9px !important;
	margin: 20px 10px 2px 10px;
	border-bottom: 1px solid #ff9c00;
	padding: 3px 0;
	background-color: #fff;
	color: #006;
	text-align: left;
	}

.change-day {
	font: 400 11px arial, verdana, sans-serif;
	width: 501px !important;
	width: 500px;
	margin: 1px 10px 1px 9px !important;
	margin: 1px 10px;
	border-top: 1px solid #ff9c00;
	border-bottom: 1px solid #006;
	padding: 3px 0;
	color: #006;
	text-align: center;
	}

.change-day a, .change-day .this-day {
	padding: 0 2px;
	color: #ff9c00;
	}

.change-day a:link, .change-day a:visited {
	background-color: #fff;
	color: #3668c0;
	text-decoration: underline;
	}

.change-day a:hover, .change-day a:active {
	background-color: #fff;
	color: #ff9c00;
	text-decoration: none;
	}

.change-day {
	font: 700 11px arial, verdana, sans-serif;
	width: 501px !important;
	width: 500px;
	margin: 1px 10px 1px 9px !important;
	margin: 1px 10px;
	border-top: 1px solid #ff9c00;
	border-bottom: 1px solid #006;
	padding: 3px 0;
	background-color: #3668c0;
	color: #fff;
	text-align: center;
	}

.change-day a, .change-day .this-day {
	padding: 0 2px;
	color: #ff9c00;
	}

.change-day a:link, .change-day a:visited {
	background-color: #3668c0;
	color: #fff;
	text-decoration: underline;
	}

.change-day a:hover, .change-day a:active {
	background-color: #3668c0;
	color: #ff9c00;
	text-decoration: none;
	}

.forecast {
	width: 520px;
	margin: 1px 0;
	padding: 0;
	}
	
table.cinquecento {
	width: 500px;
	margin: 0 10px;
	border: 1px solid #3668c0;
	border-collapse: collapse;
	padding: 0;
	text-align: center;
	}

.cinquecento td, .cinquecento th {
	font: 400 12px arial, verdana, sans-serif;
	padding: 2px;
	color: #006;
	}

.cinquecento td {
	border-bottom: 1px solid #3668c0;
	}

.cinquecento th {
	border: 1px solid #3668c0;
	}

td.map-region {
	width: 350px;
	margin: 0;
	padding: 0;
	}

td.town-list {
	margin: 0;
	padding: 0;
	text-align: left;
	}

td div.sub-town-list {
	margin: 0;
	padding: 0;
	}

.cartina-regione {
	margin: 0;
	padding: 0;
	text-align: left;
	}

.cartina-regione img {
	margin: 0;
	padding: 0;
	border: none;
	}

table.home-cape-town {
	width: 140px;
	margin: 0 2px 0 5px;
	border-collapse: collapse;
	text-align: left;
	}

th.bullettin {
	font: 500 12px verdana, sans-serif;
	margin: 0;
	border-bottom: 1px solid #3668c0;
	padding: 5px;
	background-color: #fff;
	color: #333;
	text-align: left;
	}

th.mtg {
	font: 700 12px verdana, sans-serif;
	margin: 0;
	border-bottom: 1px solid #ff9c00;
	padding: 5px;
	background-color: #3668c0;
	color: #fff;
	text-align: left;
	}

.home-cape-town td {
	font: 400 12px arial, verdana, sans-serif;
	border: none;
	padding: 0 2px;
	color: #006;
	}

.home-cape-town td {
	border-bottom: 1px solid #3668c0;
	}

.home-cape-town a {
	text-decoration: none;
	}

.home-cape-town a:link, .home-cape-town a:visited {
	color: #006;
	}

.home-cape-town a:hover, .home-cape-town a:active {
	color: #3668c0;
	}

th.par, th.part-of-day {
	font-size: 13px;
	font-weight: 700;
	background-color: #bcf;
	color: #3668c0;
	white-space: pre-line;
	}

th.par2 {
	font-weight: bold;
	background-color: #bcf;
	color: #3668c0;
	}

.weather, .wind {
	border-right: none;
	border-left: none;
	text-align: center;
	}

th.description {
	background: #e9f0ff;
	text-align: left;
	}

th.description a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

th.description a:link, th.description a:visited  {
	color: #3668c0;
	}

th.description a:hover, th.description a:active  {
	color: #ff9c00;
	}

td.forecast-data {
	font: 700 12px arial, verdana, sans-serif;
	text-align: right;
	white-space: nowrap;
	}

.menu-day {
	padding-left: 20px;
	background-color: transparent;
	color: #3668c0;
	}

.menu-day a {
	background-color: transparent;
	color: #3668c0;
	text-decoration: none;
	}

.arrow {
	color: #ff9c00;
	}

.select-menu {
	font: 700 1em arial, sans-serif;
	margin: 0 0 10px 0;
	border-bottom: 3px solid #3668c0;
	padding: 0;
	background: #e9f0ff;
	color: #006;
	}
	
.select-menu form {
	font-size: 1em;
	margin: 0;
	border-top: 3px solid #3668c0;
	padding: 0;
	background: #e9f0ff;
	color: #006;
	text-align: right;
	}

.select-menu form label {
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: #e9f0ff;
	color: #006;
	text-align: right;
	}

.select-menu form input, .select-menu form select {
			border: 1px solid #3668c0;
			font-size: 1em;
			font-weight: 500;
			background: #f9fcff;
			color: #006;
			}

.select-menu form input.button, .select-menu form input.button:focus {
			font-weight: 700;
			border: 1px solid #006;
			background: #f9fcff;
			color: #006;
			}

.select-menu form input.button:hover {
			border: 1px solid #3668c0;
			background: #e9f0ff;
			color: #3668c0;
			}

.select-menu form select:focus {
			background: #fff;
			color: #006;
			}