#splash {
	height: 230px;
	background: url(../images/cpn-splash.jpg) top left no-repeat;
}

#viewport { /* positioning of viewport */
	margin-left: 416px;
	padding-top: 29px; /* inconsistency: investigate **********************/
}

#viewport p.quikmsg {
	font-family: "Courier New", Courier, monospace;
	display: block;
	width: 240px;
	height: 160px;
	padding: 5px;
	color: #CCC;
	font-size: 1.1em;
	overflow: hidden;
}
#viewport p.quikmsg strong {color: yellow;}
#viewport p.quikmsg strong.hot {color: #FF3333;}
#viewport p.quikmsg strong.cool {color: #99FF66;}
#viewport p.quikmsg strong.minty {color: lightblue;}

#cpn-news {
	background: #FFC;
	padding: 0.3em 0.5em;
	
	color: #333;
}

#cpn-news span a:link, #cpn-news span a:visited {
	color: #333;
	text-decoration: none;
}

#cpn-news span a:hover, #cpn-news span a:active, #cpn-news span a:focus {
	color: #960;
	text-decoration: underline;
}

#col-primary {
	padding-left: 20px;
	margin-right: 160px;
}

div.event-date {
	margin-bottom: 1em;
}

#cpn-events h3 {
	margin: 0 0 0.7em 0;
	border-bottom: 1px solid #CCC;
}

#cpn-events dt, #cpn-events dd {padding-top: 1em; /*border-top: 1px solid #CCC;*/}
#cpn-events dt:first-child, #cpn-events dt:first-child+dd {padding-top: 0em;}

#cpn-events dt {
	clear: left;
	float: left;
	width: 70px;
	padding-right: 20px;
}

#cpn-events dt img {
	border: 5px solid #CCC;
	/*margin-top: 1.5em;
	font-size: 130%;*/
}

#cpn-events dt a:hover img, #cpn-events dt a:focus img {
	border-color: #FCC;
}

#cpn-events dd {
	width: 410px;
	min-height: 80px;
	margin-left: 90px;
}

#cpn-events dd a:link, #cpn-events dd a:visited {
	color: #600;
	text-decoration: none;
}

#cpn-events dd a:hover, #cpn-events dd a:active, #cpn-events dd a:focus {
	background: #FCC;
}

#cpn-events div.event-actions ul {
	list-style: none;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

#cpn-events div.event-actions li {
	display: inline;
}

#cpn-events div.event-actions li:before {content: "| ";}
#cpn-events div.event-actions li:first-child:before {content: "";}

div.event-date span {
	border-right: 1px solid #E3DE9F;
	border-bottom: 1px solid #E3DE9F;
	background: #FAF4C8;
	padding: 0.2em;
	
	color: #6C6944;
}

/*div.event-date {
	background: #F3EECB;
	border: 1px solid #4E2D14;
	float: right;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4E2D14;
}

span.event-month {
	float: left;
	padding: 0.05em;
	
	text-transform: uppercase;
	font-size: 80%;
}

span.event-day {
	float: left;
	clear: left;
	margin-top: -0.5em;
	padding: 0.2em;
	
	font-size: 200%;
	font-weight: bold;
}

div.event-desc {
	margin-left: 4em;
}

div.event-desc h3 {
	margin: 0;
	
	font-size: 100%;
}

div.event-desc p {
	margin: 0 0 1em 0;
	
	text-align: left;
}*/

#col-secondary {
	width: 150px;
	float: right;
	/*background: purple;*/
}

div.logo-ext {
	margin-bottom: 2px;
}

div.logo-ext img {
	border: 1px solid #CCC;
	border-left-width: 5px;
	padding: 5px;
}

div.logo-ext a:hover img, div.logo-ext a:focus img {
	border-color: #333;
}