/*
-----------------------------------------------
the chef's house screen style
author: Jay Kerr / JAK MEDIA
version: Aug 25, 2008, 1:54 PM
----------------------------------------------- */


* { margin: 0; padding: 0; }


/* Page Structure
----------------------------------------------- */
body {
	margin: 0 auto;
	background: #fff;
	font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	text-align: center;
}	

#header, #navigation, #content {
	margin: 0 auto;
	width: 960px;
	background-color: #fff;
	text-align: left;
}

#header {
	height: 171px;
}

#content {
	overflow: hidden;
}

#footer {
	margin: 15px auto 50px;
	width: 960px;
	height: 44px;
	background: #fff;
	text-align: left;
}

.clear {
	clear: both;
}


/* Page Header
----------------------------------------------- */
#logo {
	padding-left: 127px;
	background: transparent;
	text-align: left;
}

#navbar {
	padding-left: 212px;
	width: 748px;
}


/* Navigation
----------------------------------------------------------------------------- */
#nav-main {
    z-index: 100;
}

#nav-main ul {
	list-style: none;
	height: 35px;
}

#nav-main ul li {
	position: relative;
	float: left;
}

#nav-main ul li a {
	display: block;
	height: 35px;
	text-indent: -3000px;
	text-decoration: none;
	color: #ccc;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*Hide the reference site (ref) links from the main nav*/
#nav-main ul li a.srclink {display: none;}

#nav-experience-it {background: url(../images/nav-experience-it.gif) left top no-repeat; width: 118px;}
#nav-learn-it {background: url(../images/nav-learn-it.gif) left top no-repeat; width: 69px;}
#nav-envision-it {background: url(../images/nav-envision-it.gif) left top no-repeat; width: 96px;}
#nav-live-it {background: url(../images/nav-live-it.gif) left top no-repeat; width: 56px;}
#nav-read-it {background: url(../images/nav-read-it.gif) left top no-repeat; width: 65px;}
#nav-join-it {background: url(../images/nav-join-it.gif) left top no-repeat; width: 60px;}
.nav-spacer {width: 50px;}

/* hover state */
#nav-main ul li.hover a,
#nav-main ul li:hover a,
#nav-main ul li a.hover, 
#nav-main ul li a:hover {
	background-position: 0 -70px;
}

/* active state */
#nav-main ul li a.active,
#nav-main ul li a.active.hover, 
#nav-main ul li a.active:hover {
	background-position: 0 -35px;
}

#nav-main ul li ul {
	display: none;
	height: auto;
	width: 190px;
	position: absolute;
	z-index: 200;
	background-color: #111;
	opacity: 0.9;
	-moz-opacity: 90%;
	filter: alpha(opacity=90);
}

#nav-main ul li#nav-li-join-it ul {
	margin-left: -130px;
}

#nav-main ul li#nav-li-read-it ul {
	margin-left: -15px;
}

#nav-main ul li.hover ul,
#nav-main ul li:hover ul {
	display: block;
}

#nav-main ul li ul li {
	float: none;
	width: 190px;
	margin: 0;
	padding: 0;
}

#nav-main ul li ul li a {
	position: relative;
	left: 0;
	height: auto;
	text-indent: 0;	
	padding: 8px 0 8px 8px;
	border-bottom: 1px #000 dotted;
}

#nav-main ul li ul li a.hover,
#nav-main ul li ul li a:hover {
	color: #fff;
	background: #222;
	border-bottom: 1px #222 dotted;
}

/*Hide 3rd tier in main nav*/
#nav-main ul li ul li.hover ul,
#nav-main ul li ul li:hover ul,
#nav-main ul li ul li ul *,
#nav-main ul li ul li ul {
	display: none;
	left: 18px;
	}

/* Disables dropdowns in browsers that can't support them over flash */
.prevent-overlap #nav-main ul li.hover ul,
.prevent-overlap #nav-main ul li:hover ul {
	display: none;
	}

#nav-sub ul li.first-child{
	border-top: none;
	}
#nav-main ul li.last-child{
	border-bottom: none;
	}

#sidebar-nav {
	font: bold 13px/13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#sidebar-nav ul {
	list-style-type: none;
	margin: 0;
}

#sidebar-nav ul li ul {
	list-style-type: none;
	margin: 13px 0 13px 10px;
}

#sidebar-nav li {
	margin: 0 0 13px 0;
}

#sidebar-nav ul li a {
	color: #981c1f;
	text-decoration:none;
}

#sidebar-nav ul li a.selected {
	color: #000;
	text-decoration:none;
}

#sidebar-nav a:hover {
	color: #000;
	text-decoration:none;
}

#sidebar-nav ul li a.gb {
	color: #6d6e71;
	text-decoration:none;
}

#sidebar-nav ul li a.gb:hover {
	color: #000;
	text-decoration:none;
}

#sidebar-nav ul li li a.gb {
	color: #6d6e71;
	text-decoration:none;
	font-weight: normal;
}



/* Content
----------------------------------------------- */
.column-one {
	float: left;
	padding: 0 20px 0 0;
	width: 192px;
	background: #fff;
	text-align: left;
	font: bold 13px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.learning-is {
	margin: 40px 0;
}

.column-two {
	float: left;
	width: 548px;
	background: #fff;
	text-align: left;
}

.column-two-wrapper {
	padding-right: 20px;
}

.column-two-wrapper ul {
	margin-bottom: 13px;
}

.column-two-wrapper li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 15px;
}

.column-three {
	float: left;
	width: 200px;
	background: #fff;
	text-align: left;
}

.column-three-wrapper {
	padding-right: 35px;
}

.quote-wrapper {
	background: url(../images/quote-ie.gif) top left no-repeat;
	font: 18px/24px "Arial Narrow", Arial, sans-serif;
	color: #0e4879;
	padding: 28px 0 0 10px;
	text-align: left;
}

.quote-by {
	font: 12px/15px "Arial Narrow", Arial, sans-serif;
	color: #0e4879;
	padding: 7px 14px;
	text-align: right;
}

.red-block {
	margin: 10px 0 36px 0;
	background-color: #981c1f;
	height: 24px;
	font: 13px/24px "Arial Narrow", Arial, sans-serif;
	color: #fff;
	text-align: left;
}

.red-block-noimage {
	margin: 0 0 36px 0;
	background-color: #981c1f;
	height: 24px;
	font: 13px/24px "Arial Narrow", Arial, sans-serif;
	color: #fff;
	text-align: left;
}

.float-left {
	float:left;
}

.previous {
	float: left;
	width: 80px;
}

.next {
	float: right;
	width: 80px;
}

.column-one-details {
	float: left;
	padding: 0;
	width: 264px;
	background: #fff;
	text-align: left;
}

.column-two-details {
	float: left;
	padding: 0;
	width: 264px;
	background: #fff;
	text-align: left;
}



/* Footer
----------------------------------------------- */
.footer-logo {
	float: left;
	width: 212px;
	background: #fff;
	text-align: left;
}

.footer-nav {
	float: left;
	width: 748px;
	background: transparent;
	font: normal 12px/44px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #b6b6b8;
	text-align: left;
}

.pipe {
	padding: 0 20px;
}

#footer a {
	color: #6d6e71;
	text-decoration: none;
	background: transparent;
}

#footer a:hover {
	color: #000;
	text-decoration: none;
	background: transparent;
}


/* Links
----------------------------------------------- */
a, a:link, a:visited { 
	color: #0e4879;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}

a:hover { 
	color: #000;
	text-decoration: none;
	background: transparent;
}
	

/* Typography
----------------------------------------------- */
h1 {
	margin: 0 0 14px 0;
	font: bold 26px/30px "Arial Narrow", Arial, sans-serif;
	color: #981c1f;
}

h2 {
	margin: 0 0 14px 0;
	font: bold 24px/28px "Arial Narrow", Arial, sans-serif;
	color: #981c1f;
}

h3	{
	margin: 0 0 14px 0;
	font: bold 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}

p {
	margin: 0 0 14px 0;
}

.smalltext {
	font-size: 11px;
}

.ch-red {
	color: #981c1f;
}

.breathe-vertical {
	margin-top: 40px;
}

.indent {
	margin-left: 20px;
}

.event	{
	margin: 0 0 4px 0;
	font: bold 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}

.eventdate	{
	margin: 0 0 14px 0;
	font: 12px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}

.rule-dotted {
	margin: 20px 0 20px 0;
	height: 1px;
	text-align: center;
	background: url(/images/dotted-rule.gif) no-repeat 50% 50%;
}

.rule-solid {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

ol {
	list-style: decimal;
	margin-left: 25px;
}

ol li {
	line-height: 20px;
	margin-bottom: 8px;
}

#notification_message	{
	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	width: 912px;
	border-bottom: 1px solid #b6cdb6;
	font: normal 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #008f00;
}

#error_message	{
	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	width: 912px;
	border-bottom: 1px solid #b6cdb6;
	font: normal 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #b30000;
}


 /* Tables
----------------------------------------------- */
tr {
	background-color: #fff;
}

tr.alt {
	background-color: #fdfdfc;
}

tbody td {
	padding: 4px;
}

.previous {
	float: left;
	width: 80px;
}

.next {
	float: right;
	width: 80px;
}


/* Form elements
----------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

#form-joinit {
	width: 548px;
}

label {
	margin: 12px 0 0 0;
	padding: 0;
	display: block;
	font-size: 12px;
	color: #333;
}

input, select, option {
	margin: 2px 0;
	padding: 2px;
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
}

input {
	background:#fff;
	color: #000;
}

input:hover, textarea:hover {
	background:#fcfcfc;
}

input:focus, textarea:focus {
	background:#f8fdff;
	color: #000;
}

.pulldown {
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
	margin: 0;
	padding: 4px 0 0 0;
}

.pulldown select {
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
	width: 180px;
	margin: 0 0 4px 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

.buttonsubmit {
	font: 14px "Helvetica Neue", Helvetica, sans-serif;
	vertical-align: bottom;
}

.example {
	color: #999;
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
}

.formtext {
	color: #333;
}

.errormsg {
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #CC0000;
}

#notification_message	{
	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	width: 912px;
	border-bottom: 1px solid #b6cdb6;
	font: normal 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #008f00;
}

#error_message	{
	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	width: 912px;
	border-bottom: 1px solid #b6cdb6;
	font: normal 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #b30000;
}


/* Images
----------------------------------------------- */
img {
	display: block;
	border: 0;
}

.inline {
	display: inline;
	border: 0;
}

.imgfloatleft {
	float: left;
	margin: 0 5px 20px 0;
}

.imgfloatright {
	float: right;
	margin: 0 0 10px 20px;
}

.sponsors {
	float: right;
	margin: 0 0 10px 20px;
	width: 130px;
	text-align: center;
	color: #999;
	font-size: 11px;
}

.centerdiv>div	{ /*Proper way to center a relative div*/
	margin: 0 auto;
	height: 130px;
}