@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: none;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;}

body {
	font-size: small;}

a,
a:visited {
	color: #6090a7;
	text-decoration: none;}

a:hover,
a:visited:hover,
a:active,
a:visited:active {
	color: #662d91;
	text-decoration: underline;}


.main {
	width: 975px;
	margin: 50px auto}

h1, h2, h3, h4, h5 {
	letter-spacing: -0.04em;
	font-weight: normal;}

h1 {
	font-size: 475%;
	color: #000;
	text-transform: uppercase;
	text-align: center;}

h2 {
	font-size: 275%;}

h2 img {
	margin: 0 0 15px 0;}
	
h3 {
	font-size: 200%;
	color: #ccc;}


ul.nav {
	float: left;
	clear: both;
	list-style: none;
	font-size: 135%;}

ul.nav li {
	float: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;}

ul.nav a,
ul.nav a:visited {
	color: #00a651;
	font-weight: bold;
	text-decoration: none;}

ul.nav a:hover,
ul.nav a:visited:hover,
ul.nav a:active,
ul.nav a:visited:active {
	color: #662d91;
	border-bottom: 3px solid #662d91;}
	
ul.nav a.linkHere,
ul.nav a.linkHere:visited {	
	color: #000;
	border-bottom: 3px solid #000;}


/* Content */

.content {
	width: 975px;
	float: left;
	clear: both;
	margin: 35px 0 0 0;}

.content .showcasePhoto {
	display: block;
	margin: 15px 0;}

.regCont {
	width: 280px;
	float: right;}

.regForm {
	width: 240px;
	padding: 20px 20px 0 20px;
	margin: 0 0 5px 0;
	background: url('images/bgRegForm.gif') bottom left no-repeat;}

.regForm .topCap {
	width: 240px;
	height: 20px;
	margin: -20px 0 0 -20px;
	background: #fff url('images/bgRegForm.gif') top left no-repeat}

.regForm .count {
	text-align: right;
	font-size: 90%;
	color: #666;
	line-height: 1.0em;
	margin: 0 0 8px 0;}

.regForm input {
	width: 233px;
	height: 22px;
	padding: 2px 3px;
	margin: 0 0 20px 0;
	font-size: 120%;
	color: #6090a7;
	background: #fff;
	border: none;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;}

.regForm label {
	font-size: 120%;
	line-height: 1.1em;}

.regCont .btnRow .btnRegister {
	float: right;}

.btnRow a img,
.btnRow a:visited img {
	width: 280px;
	height: 40px;
	float: right;
	background: url('images/btnRegister.gif') top left no-repeat}

.btnRow a:hover img,
.btnRow a:visited:hover img {
	background-position: 0 -41px;}

.btnRow a:active img,
.btnRow a:visited:active img {
	background-position: 0 -82px;}

.regCont .regSosauce {
	width: 280px;
	padding: 8px 0 0 0;
	font-size: 80%;
	color: #999;
	float: left;
	text-align: center;}

.regCont .regSosauce img.logoSm {
	width: auto;
	height: 10px;
	text-align: right;
	float: none;}
	


/* Home Page */

.largeText {
	font-size: 400%;
	color: #000;
	line-height: 0.8em;
	margin: 0 0 25px 0;}

.coSponsors {
	width: 550px;
	font-size: 150%;}

.coSponsors a,
.coSponsors a:visited {
	margin: 0 25px 0 0;
	color: #aaa;}

.coSponsors a:hover,
.coSponsors a:visited:hover {
	color: #000;}


/* About */
p.footNote {
	margin: 0 0 10px 0;
	float: left;
	clear: left;
	font-size: 110%;
	color: #999;
	line-height: 1.0em;}

.secAbout h2 {
	float: left;
	clear: left;}

.greyBox {
	width: 610px;
	padding: 20px;
	float: left;
	clear: left;
	margin: 0 0 25px 0;
	background: url('images/bgGreyBox.gif') bottom left no-repeat;}

.greyBox .topCap {
	width: 650px;
	height: 20px;
	margin: -20px 0 0 -20px;
	background: #fff url('images/bgGreyBox.gif') top left no-repeat;}

.boxSpeaker {
	width: 300px;
	float: left;
	margin: 0 0 35px 0;}

.boxSpeaker h3 {
	color: #00a651;
	line-height: 0.9em;}


.boxSpeaker p {
	padding: 5px 0 0 0;
	font-size: 95%;
	color: #666;}

.boxSpeaker img {
	float: left;
	margin: 4px 5px 0 0;}

.greyBox ul {
	list-style: none;
	font-size: 150%;}

.greyBox .time {
	width: 150px;
	float: left;
	color: #999;}


/* Issues & Organizations */

.secIssues .greyBox li {
	margin: 0 0 15px 0;}

.secOrgs .greyBox li {
	margin: 0 0 40px 0;}

.secIssues .greyBox h3,
.secOrgs .greyBox h3 {
	font-size: 150%;
	color: #000;
	line-height: 1.0em;
	margin: 0 0 0 0;}

.secIssues .greyBox p,
.secOrgs .greyBox p {
	font-size: 100%;
	color: #666;
	line-height: 1.1em;}

.secOrgs .greyBox a {
	font-size: 85%;}

.secIssues p.moreInfo,
.secOrgs p.moreInfo {
	width: 650px;
	float: left;
	clear: left;
	font-size: 145%;
	padding: 0 0 20px 0;}


/* Prepare */

.secPrepare .copyCont {
	width: 660px;
	float: left;}

.copyCont .showcasePhoto {
	float: right;}

.copyCont p {
	margin: 10px 0 0 0;
	font-size: 130%;
	color: #666;}

.secPrepare ol {
	margin: 25px 10px 25px 25px;
	font-size: 130%;
	color: #666;}

.secPrepare ol li {
	margin: 0 0 15px 0;}

.lunchOptions {
	width: 230px;
	padding: 10px;
	float: right;
	clear: right;
	margin: 10px 0 0 10px;
	background: url('images/bgLunch.gif') bottom left no-repeat;}

.lunchOptions .topCap {
	width: 250px;
	height: 10px;
	margin: -10px 0 0 -10px;
	background: #fff url('images/bgLunch.gif') top left no-repeat;}

.lunchOptions .titleLunch {
	margin: 0 0 -5px 0;}

.lunchOptions small {
	font-size: 90%;
	color: #00a651;}

.lunchOptions p {
	font-size: 110%;}

.lunchOptions ul {
	list-style: none;
	margin: 5px 0 0 0;}
	
.lunchOptions ul li {
	margin: 10px 0 0 0;}	
	
.lunchOptions ul h4 {
	font-size: 150%;}	
	
.lunchOptions ul p {
	margin: 0 0 2px 0;
	font-size: 90%;
	line-height: 1.2em;}

.lunchOptions ul img {
	float: left;
	margin: 4px 3px 2px 0;}