.clearfix:before, .clearfix:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

a { text-decoration: none; color: #ff6d4e; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
	background: #3e6173;
	font-family: 'PT Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 100%;
	line-height: 1.2em;
}

body.grid {
	background: url(../images/backgrounds/grid.png) 50% 0 repeat-y #3e6173;
}
.grid #page > header > div.wrpr,
.grid #page > #main > div.wrpr,
.grid #page > footer > div.wrpr {
	height: 100%;
	background: url(../images/backgrounds/grid-trans.png) 50% 0 repeat-y;
}


#page {}
#page > header,
#page > #main,
#page > footer {
}
#page > header > div.wrpr,
#page > #main > div.wrpr,
#page > footer > div.wrpr {
	margin: 0 auto;
}

@media only screen and (max-width : 320px) {
	#page > header > div.wrpr,
	#page > #main > div.wrpr,
	#page > footer > div.wrpr {
		padding: 0 4px;
		min-width: 304px;
	}
}
@media only screen and (min-width : 321px) {
	#page > header > div.wrpr,
	#page > #main > div.wrpr,
	#page > footer > div.wrpr {
		padding: 0 8px;
		max-width: 464px;
		min-width: 304px;
	}
}
@media only screen and (min-width : 481px) {
	#page > header > div.wrpr,
	#page > #main > div.wrpr,
	#page > footer > div.wrpr {
		padding: 0 16px;
		max-width: 944px;
		min-width: 464px;
	}
}







#page > header {
	border-bottom: 4px solid #ff6d4e;
	padding: 0 0 16px 0;
	height: 64px;
	width: 100%;
	background: #e1eff3;
}
#page > header hgroup#siteID {
	float: left;
	padding: 16px 0 0 0;
	font-family: 'PT Sans Narrow', arial, sans-serif;
}
#page > header hgroup#siteID h1 {
	padding: 10px 0 0 66px;
	height: 22px;
	background: url(../images/icons/siteID_symbol.png) 0 0 no-repeat;
	text-transform: uppercase;
	font-size: 32px;
	color: #04324a;
}
#page > header hgroup#siteID h2 {
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	color: #9eb0b9;
}



#page > footer {
	border-top: 4px solid #0f83a4;
	padding: 8px 0 12px 0;
	text-align: right;
	font-family: 'PT Sans Narrow', arial, sans-serif;
	font-size: 0.7em;
}
#page > footer a.bwoup img {
	vertical-align: middle;
}





#main {
	position: relative;
	padding: 16px 0;
	background: url(../images/backgrounds/main.gif) 50% 50% #000;
	color: #fff;
}



#main #homeNews {
	position: relative;
	z-index: 999;
	padding: 64px 0 64px 240px;
	background: url(../images/backgrounds/homeNews.png) 0 76px no-repeat;
}



@media only screen and (max-width : 320px) {
	#main #homeNews {
		padding: 192px 0 64px 0;
		background-position: 40% 32px;
	}
}
@media only screen and (min-width : 321px) {
	#main #homeNews {
		padding: 192px 0 64px 0;
		background-position: 45% 32px;
	}
}
@media only screen and (min-width : 481px) {
	#main #homeNews {
		padding: 64px 0 64px 240px;
		background-position: 0 76px;
	}
}






ul.news {}
ul.news > li {
	list-style: none;
}
ul.news article {
	min-height: 64px;
}
ul.news article > header {
	margin: 0 0 16px 0;
	padding: 16px;
	background: #ff6d4e;
	line-height: 32px;
}
ul.news article > header h2 {
	text-transform: uppercase;
	font-family: 'PT Sans Narrow', arial, sans-serif !important;
	font-size: 2em;
}
ul.news article > section.ctnt {
	font-family: 'Merryweather', georgia, serif;
}
ul.news article > section.ctnt ul {
	padding: 0 0 0 0.25em;
	list-style-position: inside;
	list-style-type: circle;
}