.content-columns {
	overflow: auto;
	float: none;
	clear: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.content-columns .cc-3 {
	float: left;
	clear: none;
	width: 32%;
	margin: 0 0 0 1.95%;
	padding: 0;
	overflow: hidden;
}
.content-columns .cc-3-first {
	float: left;
	clear: none;
	width: 32%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.content-columns .first { margin-left: 0; clear: left; } /* TODO: Replace .cc-3-first and .cc-3-x2-1st with combination of e.g. .cc-3 and .first */

.content-columns .cc-3-x2-1st {
	float: left;
	clear: none;
	width: 66%;
	margin: 0;
	padding: 0;
	overflow: auto;
}
.content-columns .cc-3-x2-inner {
	float: left;
	clear: none;
	width: 48.5%;
	margin: 0 0 0 2.96%;
	padding: 0;
	overflow: hidden;
}
.content-columns .cc-3-x2-inner-1st {
	float: left;
	clear: none;
	width: 48.5%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.content-columns .cc-3-x2-inner-2col {
	float: left;
	clear: left;
	width: 100%;
}


.content-columns .cc-block {
	margin-bottom: 1em;
}

.content-columns h2 {
	float: none;
	clear: none;
	display: block;
	width: 100%;
	height: 1.8em;
	margin: 0 0 0.2em;
	padding: 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #000;
	background-color: #e4e4e4;
}
.content-columns h2 + a {
	display: block;
	margin: 0.5em 0 0.3em 0;
	border: 6px solid #D8E7E9;
}
.content-columns h3 {
	float: none;
	clear: none;
	width: 100%;
	margin: 0.4em 0 0;
	padding: 0.5em 0 0.3em;
	font-size: 1.2em;
	font-weight: normal;
	color: #222;
	border-bottom: 1px solid #E1E1E1;
}
.content-columns h3.first {
	border-top: none;
	padding-top: 0.1em;
}
.content-columns .half {
	width: 50%;
}
.content-columns hr {
	border: none;
	border-top: 1px solid #CCC;
	margin: 0.5em 0;
	background-color: transparent;
	color: #CCC;
	height: 1px;
}
.content-columns ul {
	float: none;
	clear: none;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

/* default li */
.content-columns li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.3em 0;
	border-top: 1px solid #E1E1E1;
	list-style-type: none;
	list-style-image: none;
	font-size: 1em;
	color: #3F3F3F;
}
.content-columns li:first-child {
	border-top: none;
}
.content-columns li .linkinfo, .content-columns li .mapinfo {
	display: block;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	margin: 0.1em 0 0.2em;
}
.content-columns li .mapinfo {
	margin: 0 0 0.2em 22px;
}
/*.content-columns li h3 { border: none; font-size: 12px; line-height: 18px; padding: 0; margin-top: 0;}*/

/* links */
.content-columns li a {
	display: block;
	color: #3F3F3F;
	text-decoration: none;
	border-left: 2px solid #AAA;
	padding: 0.1em 0 0.1em 7px;
}
.content-columns li a:hover {
	border-left: 2px solid #000;
	text-decoration: underline;
}

.content-columns li ul {
	width: auto;
}
.content-columns li ul li {
	border: none;
	display: list-item;
	width: auto;
	padding: 0;
}
.content-columns li * a {
	display: inline;
	border: none;
	padding: 0;
}
.content-columns li * a:hover {
	border: none;
}

/* linkgroups */
.content-columns li .linkgroup {
	border-left: 2px solid #AAA;
	margin: 0;
	padding: 0.1em 0 0.1em 7px;
}
.content-columns li h3 {
	border: none;
	margin: 0 0 0.3em;
	padding: 0;
	font-size: 1em;
	width: auto;
}
.content-columns li .linkgroup p { /* Style as linkinfo 
	margin: 3px 0; */
	font-size: 0.9em;
	line-height: 1.3em;
	color: #666;
	margin: 0.1em 0 0.2em;
}
.content-columns li .linkgroup ul li {
	margin: 0.1em 1px 0.2em;
}
.content-columns ul.twocol {
	overflow: auto;
	width: 100%;
}
.content-columns ul.twocol li {
	float: left;
	clear: none;
	width: 48%;
	border: none;
	margin-right: 2%;
}
.content-columns ul.twocol li.col2 {
	float: left;
	clear: none;
	width: 48%;
	border: none;
	margin-left: 50%;
}
.content-columns .linkgroup ul.inline li { border-left: 1px solid #333; padding: 0 0 0 0.2em; margin-right: 0; display: inline; font-size: 85%; list-style: none outside;}
.content-columns .linkgroup ul.inline li:first-child { border-left: none; padding-left: 0; } /* TODO: not supported in IE6-8 */

.content-columns li .linkgroup.fe  {
	background-image: url('/images/ui/state/fe-state-icon.png');
	background-position: right 3px;
	background-repeat: no-repeat;
}
.content-columns li .linkgroup.fe p {
	width: 120px;
	margin-bottom: 0.6em;
	line-height: normal;
}

/* maps */
.content-columns li .map {
	display: block;
	border: none;
	background-image: url('/images/ui/state/icon-sprite-map.png');
	background-position: 0 -38px;
	background-repeat: no-repeat;
	padding: 1px 0 0 22px; 
}
.content-columns li a.map:hover {
	border: none;
	background-position: 0 2px;
}

.content-columns li a.map:hover {
	border: none;
	background-position: 0 2px;
}

/* rainfall */
.content-columns li .rainfall {
	display: block;
	height: 1.5em;
	background-image: url('/images/ui/state/icon-sprite-rain.png');
	background-position: 0 -41px;
	background-repeat: no-repeat;
	padding: 1px 0 0.1em 26px; 
	border: none;
}
.content-columns li a.rainfall:hover {
	border: none;
	background-position: 0 -41px;
}
.content-columns li .raininfo {
	display: block;
	margin-top: -2px;
	margin-left: 26px;
}

/* wind */
.content-columns li .wind {
	display: block;
	height: 1.65em;
	background-image: url('/images/ui/state/icon-sprite-wind.png');
	background-position: 0 -41px;
	background-repeat: no-repeat;
	border: none;
	padding: 1px 0 0.1em 26px; 
}
.content-columns li a.wind:hover {
	border: none;
	background-position: 0 -41px;
}
.content-columns li .windinfo {
	display: block;
	margin-top: -4px;
	margin-left: 26px;
}

/* graphs & tables */
.content-columns li .graph,
.content-columns li .table {
	background-position: 0 -35px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 2px 0 0 22px;
}
.content-columns li .graph {
	background-image: url('/images/ui/state/icon-sprite-graph.png');
}
.content-columns li .table {
	background-image: url('/images/ui/state/icon-sprite-table.png');
}
.content-columns li a.graph:hover,
.content-columns li a.table:hover {
	background-position: 0 5px;
}

/* Info */
.content-columns p.info {
	background-image: url('/images/ui/state/icon-sprite-info.png');
	background-position: 0 -38px;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	margin: 1em 0;
	font-size: 0.9em;
}

/* bullet links */
.content-columns li .dot {
	background-position: 2px 1px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0.15em 0 0 22px;
}
.content-columns li .dot {
	background-image: url('/images/ui/symbols/bullet.gif');
}

/* state page feature boxes */
.content-columns .cc-feature {
	padding: 10px;
	background-color: #f5f5f5;
	background-image: url('/images/ui/state/icon-sprite-arrow.png');
	background-position: 174px -60px;
	background-repeat: no-repeat;
}
.content-columns li.cc-feature { border: none; background-image: none; }
.content-columns li.cc-feature + li { border: none; }
.content-columns .cc-feature h3 {
	padding: 0;
	margin: 0;
	border: none;
	line-height: 1.4em;
	font-size: 1.1em;
}
.content-columns .cc-feature h4 {
	font-weight: normal;
	margin: 0.5em 0;
	padding: 0;
	color: #333;
}
.content-columns .cc-feature h4.topborder {
	border-top: 1px solid #BBB;
	padding-top: 0.7em;
	
}
.content-columns .cc-feature a {
	color: #2F7BBF;
	text-decoration: none;
	font-size: 1em;
	margin: 0;
}
.content-columns .cc-feature a:hover {
	text-decoration: underline;
	color: #000;
	border-left-color: #000;
}
.content-columns .cc-feature p {
	color: #555;
	font-size: 0.9em;
	margin: 0.6em 0 0 0;
}
.content-columns .cc-feature ul {
	width: auto;	
}
.content-columns .cc-feature li {
	width: auto;
	display: list-item;
	padding: 0;
	margin: 0 0 0.2em 14px;
	border: none;
	list-style-type: circle;
	font-size: 0.9em;
	color: #555;
}
.content-columns .cc-feature li a {
	border: none;
	display: inline;
	padding: 0;
}

.content-columns a.cc-icon-feature {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0.3em 0 0.3em 68px;
	margin: 0.2em 0 0;
	width: 92px;
	font-size: 1.1em;
	border: none;
}
.content-columns a.cc-icon-feature:hover {
	border: none;
}

/* WATL radar */
.content-columns a.image-icon,
.content-columns a.image-icon:hover,
.content-columns a.image-icon:active { border: 0px none; padding: 0; }
.content-columns a.image-icon img { float: left; margin: 0 10px 0 0; }

/* block colour overrides */
.cc-block-green h2 { background-color: #B3DC6C; }
.cc-block-green li a { border-left-color: #B3DC6C; }
.cc-block-green li .map { background-position: 0 -118px; }
.cc-block-green li .linkgroup { border-left-color: #B3DC6C; }
.cc-block-green li .map,
.cc-block-green p.info { background-position: 0 -118px; }
.cc-block-green li .rainfall,
.cc-block-green li .wind { background-position: 0 -121px; }
.cc-block-green li .graph,
.cc-block-green li .table { background-position: 0 -115px; }

.cc-block-teal h2 { background-color: #A2C4C9; }
.cc-block-teal li a { border-left-color: #A2C4C9; }
.cc-block-teal li .map,
.cc-block-teal p.info { background-position: 0 -278px; }
.cc-block-teal li .linkgroup  { border-left-color: #A2C4C9; }
.cc-block-teal li .graph,
.cc-block-teal li .table { background-position: 0 -275px; }
.cc-block-teal p.info { background-position: 0 -278px; }

.cc-block-light-teal h2 { background-color: #D8E7E9; }
.cc-block-light-teal li a { border-left-color: #A2C4C9; }
.cc-block-light-teal li .map,
.cc-block-light-teal p.info { background-position: 0 -278px; }
.cc-block-light-teal li .linkgroup  { border-left-color: #A2C4C9; }
.cc-block-light-teal li .graph,
.cc-block-light-teal li .table { background-position: 0 -275px; }
.cc-block-light-teal p.info { background-position: 0 -278px; }

.cc-block-purple h2 { background-color: #C0AEEA; }
.cc-block-purple li a { border-left-color: #C0AEEA; }
.cc-block-purple li .linkgroup { border-left-color: #C0AEEA; }
.cc-block-purple li .map,
.cc-block-purple p.info { background-position: 0 -158px; }
.cc-block-purple li .graph,
.cc-block-purple li .table { background-position: 0 -155px; }

.cc-block-lavendar h2 { background-color: #E8E3F2; }
.cc-block-lavendar li a { border-left-color: #E8E3F2; }
.cc-block-lavendar li .linkgroup { border-left-color: #E8E3F2; }
.cc-block-lavendar li .map,
.cc-block-lavendar p.info { background-position: 0 -158px; }
.cc-block-lavendar li .graph,
.cc-block-lavendar li .table { background-position: 0 -155px; }

.cc-block-indigo h2 { background-color: #9faee7; }
.cc-block-indigo li a { border-left-color: #9faee7; }
.cc-block-indigo li .linkgroup { border-left-color: #9faee7; }

.cc-block-orange h2 { background-color: #FFAD46; }
.cc-block-orange li a { border-left-color: #FFAD46; }
.cc-block-orange li .linkgroup { border-left-color: #FFAD46; }
.cc-block-orange li .map,
.cc-block-orange p.info { background-position: 0 -238px; }
.cc-block-orange li .graph,
.cc-block-orange li .table { background-position: 0 -235px; }

.cc-block-blue h2 { background-color: #9FC6E7; }
.cc-block-blue li a { border-left-color: #9FC6E7; }
.cc-block-blue li .map,
.cc-block-blue p.info { background-position: 0 -198px; }
.cc-block-blue li .linkgroup { border-left-color: #9FC6E7; }
.cc-block-blue li .graph,
.cc-block-blue li .table { background-position: 0 -195px; }
.cc-block-blue .state-radar p.info { background-position: 0 -198px; }