@charset "UTF-8";
/* 
Serenic CSS
Created 01.22.08
v1.0
 */

/* -------------------- Global ---------- */

* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
body {
	background: #6699CC url(../images/bg_pagegradient_5x822.gif) top left repeat-x;
	}
	

/* -------------------- DIV ---------- */

#container {
	width: 920px;
	height: auto;
	background: url(../images/bg_contentedges_920x44.gif) top left repeat-y;
	margin: 0 auto;
	}
	
#header {
	width: 920px;
	height: 360px;
	background: url(../images/bg_header_920x360.gif) top left no-repeat;
	overflow: hidden;
	}
	
#landingPage #header {
	width: 920px;
	height: 145px;
	background: url(../images/bg_header3_920x360.gif) top left no-repeat;
	overflow: hidden;
	}
	
#headerNav {
	width: 100%;
	height: 40px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	}
	
#mainNav {
	width: 901px;
	height: 20px;
	position: relative;
	margin-top: 32px;
	}
	
#headerImage {
	width: 880px;
	height: 216px;
	overflow: hidden;
	margin: 32px 0 0 21px;
	}
	
#threeColumn {
	width: 920px;
	height: auto;
	background: url(../images/bg_threecolumn_920x357.gif) top left no-repeat;
	}
	
/* Three Column formatting */
#threeColumn #middleCol { 
	float: left;
	margin-left: 290px;
	width: 294px;
	height: auto;
	display: inline;
	}
	
#threeColumn #rightCol {
	float: left;
	width: 336px;
	height: auto;
	display: inline;
	}

#threeColumn #leftCol {
	float: left;
	margin-left: -920px;
	width: 289px;
	height: auto;
	display: inline;
	}
	
	
/* Two Column formatting */
#twoColumn {
	width: 920px;
	height: auto;
	background: url(../images/bg_twocolumn2_920x357.gif) top left no-repeat;
	}
	
#landingPage #twoColumn {
	width: 920px;
	height: auto;
	margin-top: -5px;
	background: url(../images/bg_twocolumn2_920x357.gif) top left no-repeat;
	}
	
#twoColumn #rightCol {
	float: right;
	width: 336px;
	height: auto;
	display: inline;
	}

#twoColumn #leftCol {
	width: 580px;
	height: auto;
	display: inline;
	}
	
/* Two Column landing page formatting */
#twoColumn2 {
	width: 920px;
	height: auto;
	background: url(../images/bg_twocolumn3_920x357.gif) top left no-repeat;
	}
	
#twoColumn2 #rightCol {
	float: right;
	width: 336px;
	height: auto;
	display: inline;
	}

#twoColumn2 #leftCol {
	width: 580px;
	height: auto;
	display: inline;
	}
	
#footer {
	width: 920px;
	height: 49px;
	background: url(../images/bg_pagefooter_920x49.gif) top left no-repeat;
	}
	
#centeredList {
	margin-left: 200px;
	width: 300px;
	}
	
	
/* -------------------- Spacing and clears ---------- */
	
.clear {
	clear: both;
	}
	
.clearRight {
	clear: right;
	}
	
.clearLeft {
	clear: left;
	}

.paddingRight {
	padding-right: 15px;
	}

/* -------------------- Text ---------- */

p {
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	}
	
.italic {
	font-style: italic;
	}

.redText {
	color: #CC3333;
	}
	
.pressReleaseDate {
	display: block; 
	float: left; 
	width: 130px; 
	height: 2em; 
	padding-right: 10px;
	}
	
#twoColumn ul {
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	margin: 5px 5px 5px 35px;
	}
	
#twoColumn ul li {
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	}
	
#twoColumn2 ul {
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	margin: 5px 5px 5px 35px;
	}
	
#twoColumn2 ul li {
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	}
	
p.right {
	text-align: right;
	}

/* Three Column formatting */
#threeColumn #middleCol p { 
	margin: 5px 10px 5px 10px;
	}
	
#threeColumn #rightCol p {
	margin: 5px 20px 5px 10px;
	}
	
#threeColumn #rightCol p.event {
	display: block;
	width: 270px;
	padding-right: 26px;
	background: url(../images/icon_events_20x22.gif) top right no-repeat;
	}

#threeColumn #leftCol p {
	margin: 5px 5px 5px 21px;
	}
	
#threeColumn img.header {
	margin-top: 15px;
	}
	
/* Two Column formatting */
#twoColumn #rightCol p {
	margin: 5px 20px 5px 10px;
	}

#twoColumn #leftCol p {
	margin: 5px 5px 5px 21px;
	}
	
#twoColumn2 #rightCol p {
	margin: 5px 20px 5px 10px;
	}

#twoColumn2 #leftCol p {
	margin: 5px 5px 5px 21px;
	}
	
#headerNav p {
	color: #336699;
	text-align: right;
	font-size: 10px;
	margin-right: 22px;
	}
	
ul#footerContent {
	width: 880px;
	height: auto;
	list-style: none;
	margin: 5px 19px 5px 21px;
	}
	
ul#footerContent li {
	display: block;
	float: right;
	padding-right: 6px;
	width: 214px;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	}
	
ul#footerContent li a:link, a:visited {
	color: #336699;
	}
	
ul#footerContent li a:hover {
	color: #3366FF
	}
	
.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	margin: 5px 10px 5px 21px;
	} 


/* -------------------- Links ---------- */

#threeColumn a:link, a:visited {
	color: #336699;
	}
	
#threeColumn a:hover {
	color: #3366FF
	}
	
#twoColumn a:link, a:visited {
	color: #336699;
	}
	
#twoColumn a:hover {
	color: #3366FF
	}
	
#headerNav a:link, a:visited {
	color: #336699;
	}
	
#headerNav a:hover {
	color: #3366FF
	}

/* -------------------- Images ---------- */


/* -------------------- Misc ---------- */

/* Landing Page font settings */

#landingPage p {
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#landingPage #twoColumn #leftCol ul li {
	font-size: 12px;
	}
	
#landingPage .footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	margin: 5px 10px 5px 21px;
	}
	
#landingPage #headerNav a:link, a:visited {
	color: #336699;
	}
	
#landingPage #headerNav a:hover {
	color: #3366FF
	}