@charset "utf-8";

/* Eric Meyer Reset, v1.0 | 20080212, http://meyerweb.com/eric/tools/css/reset/index.html, modified */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/* mods */h1,h2,h3,h4,h5,h6{font-weight:normal}
/*CLEAR FIX*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix { height: 1%;} .clearfix {display: block;}

/*
Order of Elements...
	1. Display and Flow
	2. Positioning
	3. Dimensions
	4. Margins, Padding, Borders, Outline
	5. Typographic Styles
	6. Backgrounds
	7. Opacity, Cursors, Generated Content
*/


/***************************************************************
	Basic Elements */
body {
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f4f7f8 url(../images/bg-body.png) repeat-x;
}


/****************************************************************
	Generic Classes */


/****************************************************************
	Basic Layout */

#wrapper {
	width: 100%;
	background: #232d33 url(../images/bg-body.png) repeat-x;
}
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 17px;
	text-align: left;
}

#header {
	position: relative;
	height: 146px;
	border-bottom: 9px solid #303c43;
	/*background: url(../images/bg-header.png) no-repeat;*/
}

#nav {
	margin: 7px 0 23px;
	font-size: 1.083em; /* 13px */
}
#content {
	clear: both;
	padding-bottom: 70px;
}
#footerWrapper {
	background: #f4f7f8;
}
#footer {
	position: relative;
	width: 960px;
	margin: 0 auto 44px;
	padding: 24px 0 0;
	border-bottom: 9px solid #e5e6e7;
	text-align: left;
}

/****************************************************************
	Header */

#header h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 146px;
}
#header h2 a {
	position: relative;
	display: block;
	height: 146px;
	overflow: hidden;
}
#header h2 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 146px;
	background: url(../images/bg-header.png);
	cursor: pointer;
}
#header h3 {
	position: absolute;
	top: 90px;
	left: 729px;
	width: 231px;
	height: 56px;
}
#header h3 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 231px;
	height: 56px;
	background: url(../images/bg-header.png) no-repeat -729px -90px;
}
#admin {
	position: absolute;
	top: 8px;
	left: 729px;
	text-transform: lowercase;
}
#admin a {
	height: 34px;
	padding: 0 20px;
	text-decoration: none;
	line-height: 34px;
	color: #fdfdfd;
}
#admin a:hover {
	color: #3db6d7;
}

/****************************************************************
	Navigation */
#nav li {
	float: left;
	width: 98px;
	padding: 0 10px;
	border-right: 2px solid #313c43;
}
#nav li.last {
	border: 0;
}
#nav a {
	display: block;
	height: 23px;
	margin: 0 0 1px 0;
	padding: 7px 0 0 0;
	text-decoration: none;
	line-height: 19px;
	color: #fff;
}
#nav a:hover,
#nav a.current {
	height: 19px;
	border-bottom: 4px solid #309ab7;
}

/****************************************************************
	Footer */
#footerNav {
	font-size: 1.083em; /* 13px */
	line-height: 1.462em; /* 19px */
}
#footerNav li {
	float: left;
	width: 100px;
	margin: 0 10px 3.154em; /* 41px */
}
#footerNav li li {
	float: none;
	width: auto;
	margin: 0;
	font-size: .846em; /* 11px */
	line-height: 1.818em; /* 20px */
}
#footerNav li a {
	display: block;
	margin-bottom: .385em; /* 5px */
	border-bottom: .154em solid #adbabe; /* 2px */
	text-decoration: none;
	color: #1a2227;
}
#footerNav li li a {
	margin: 0;
	border: 0;
	color: #5f6062;
}
#footerNav li li a:hover {
	color: #309ab7;
}
#footerNav li li li {
	margin: .455em 0 .636em 10px; /* 5px 0 7px 10px */
	font-size: 1em;
}
#footerNav li li li a {
	margin-bottom: .545em; /* 6px */
	border-bottom: .182em solid #adbabe; /* 2px */
	color: #1a2227;
}
#footerNav li li li li {
	margin: 0;
}
#footerNav li li li li a {
	margin: 0;
	border: 0;
	color: #5f6062;
}
#footerNav li li li li a:hover {
	color: #309ab7;
}
#footer p {
	clear: both;
	font-size: .917em; /* 11px */
	line-height: 1.818em; /* 20px */
	color: #6e787e;
}
#footer p a {
	text-decoration: none;
	color: #6e787e;
}
#footer p a:hover {
	text-decoration: underline;
	color: #404549;
}
#footer .contact {
	position: absolute;
	right: 0;
	bottom: 0;
}

/****************************************************************
	Content */

/* home */
.bannerArea {
	min-height: 327px;
	margin: 0 0 22px;
	padding: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.083em; /* 13px */
	line-height: 2.077em; /* 27px */
	color: #3d494e;
	background: #fff url(../images/bg-banner.png) no-repeat;
}
.bannerArea a {
	text-decoration: none;
	color: #3d494e;
}
.bannerArea a:hover {
	text-decoration: underline;
}
.bannerArea img {
	float: left;
	margin: 0 20px 0 0;
}
.bannerArea h1 {
	position: relative;
	height: 44px;
	margin-bottom: 8px;
	overflow: hidden;
}
.bannerArea h1 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	background: url(../images/bg-banner.png) no-repeat -729px -24px;
}
.callout {
	line-height: 1.583em; /* 19px */
	color: #c8d0d4;
}
.callouts .callout {
	float: left;
	width: 221px;
	margin-right: 19px;
}
.callouts .testimonials {
	margin-right: 0;
}
.callout a {
	text-decoration: none;
	color: #37accc;
}
.callout a:hover {
	text-decoration: underline;
}
.callout p {
	margin-bottom: 1.583em; /* 19px */
}
.callout h2 {
	margin-bottom: 21px;
}
.callout h2 a {
	position: relative;
	display: block;
	width: 100%;
	height: 35px;
	border-top: 12px solid #91bc9b;
	overflow: hidden;
}
.events h2 a {
	border-color: #bfedc9;
}
.partners h2 a {
	border-color: #dbc887;
}
.testimonials h2 a {
	border-color: #e7e7a9;
}
.callout h2 span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bg-callouts.png) no-repeat;
	cursor: pointer;
}
.callout h2 a:hover span {
	background-position: left -31px;
}
.events h2 span {
	background-position: -240px top;
}
.events h2 a:hover span {
	background-position: -240px -31px;
}
.partners h2 span {
	background-position: -480px top;
}
.partners h2 a:hover span {
	background-position: -480px -31px;
}
.testimonials h2 span {
	background-position: -720px top;
}
.testimonials h2 a:hover span {
	background-position: -720px -31px;
}
.callout .event {
	float: left;
	color: #e9e9e9;
}
.callout .event .date, .eventItem .date {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #91bc9b;
}


.callout .event .title {
	font-size: 1.167em; /* 14px */
	line-height: 1.357em; /* 19px */
	margin-top: .714em; /* 10px */
	color: #bfedc9;
}
.callout .event .title a {
	text-decoration: none;
	color: #bfedc9;
}
.callout .event .title a:hover {
	text-decoration: underline;
}
.callout .event .time, .eventItem .time {
	margin-top: .75em; /* 9px */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
}
.events hr {
	float: left;
	clear: both;
	width: 103px;
	height: .083em;
	margin: .917em 0 2.167em;
	border: 0;
	line-height: 0;
	color: #63747d;
	background-color: #63747d;
}

#eventReg h3.title
{
	color: #bfedc9;
	font-style:normal;
	margin: 0;
	line-height: 1.357em; /* 19px */
	font-size: 1.167em; /* 14px */
	font-family: Arial,Helvetica,sans-serif;
}

#eventReg .date
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #91bc9b;
}

#eventReg .time
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
}

.eventHr 
{
	height: .083em;
	margin: .917em 0 2.167em;
	border: 0;
	line-height: 0;
	color: #63747d;
	background-color: #63747d;
}

.partners img {
	float: left;
}
.testimonials {
	font-style: italic;
	color: #c8d0d4;
}
.testimonials .attribution {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.testimonials .name {
	font-style: normal;
	color: #e7e7a9;
}
.testimonials .company {
	color: #dbc887;
}

/* inside pages */
#main {
	float: left;
	width: 710px;
	margin-right: 18px;
	font-size: 1.083em; /* 13px */
	line-height: 1.538em; /* 20px */
	color: #e4ecf2;
}
#sidebar {
	float: left;
	width: 232px;
}
#main .banner {
	display: block;
	padding: 9px;
	background: #fff;
}
#main .mainCopy {
	padding-right: 90px;
}
#main .blue {
	color: #309ab7;
}
#main a {
	text-decoration: none;
	color: #36adcd;
}
#main a:hover {
	text-decoration: underline;
}
#main h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 14px 0 10px;
	padding: 6px 0; /* 6px */
	border-top: 12px solid #5a676d;
	text-transform: lowercase;
	font-size: 35px;
	line-height: 45px;
	color: #fff;
}
#main h1 .replace {
	font-size: 45px;
}
#main p {
	margin-bottom: 1.538em; /* 20px */
}
#main ul {
	list-style: disc;
	margin: 0 0 1.583em 3em;
}
#main ol {
	list-style: decimal;
	margin: 0 0 1.583em 3em;
}
#main h2 {
	margin-top: 1.111em; /* 20px */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 	1.385em; /* 18px */
	line-height: 2.222em; /* 40px */
	color: #aad8e4;
}
#main h3 {
	margin: 1.583em 0 0 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 3.077em; /* 40px */
	color: #fff;
}
#main .attribution {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#main .name {
	font-style: normal;
	color: #e7e7a9;
}
#main .company {
	color: #dbc887;
}
#sidebarNav {
	margin-bottom: 28px;
	padding-bottom: 7px;
	font-size: 1.083em; /* 13px */
	line-height: 2.154em; /* 28px */
	color: #fff;
	background: #303b3f;
}
#sidebarNav h2 {
	position: relative;
	height: 37px;
	border-top: 12px solid #309ab7;
	line-height: 37px;
	overflow: hidden;
}
#sidebarNav h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/sections.png) no-repeat;
}
#sidebarNav li {
	border-bottom: 2px solid #232d33;
}
#sidebarNav a {
	display: block;
	padding: .154em 21px 0;
	text-decoration: none;
	line-height: 2em; /* 26px */
	color: #fff;
}
#sidebarNav a:hover {
	background: #47565c;
}
#sidebarNav a.current {
	background: #309ab7;
}