body {
	margin: 0;
	background-color: #E2E2E2;
}
#wrapper {
	width: 1000px;
	background-color: #ccc;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/body-gradient.jpg') repeat-y;
}
#header {
	height: 146px;
	background-color: #fff;
	padding-left: 23px;
	padding-right: 23px;
}
#main {
	background-color: #fff;
	padding-left: 23px;
	padding-right: 23px;
}
#navigation {
	width: 203px;
	float: left;
	display: inline;
	clear: none;
}

#footer {
	padding-top: 40px;
	clear: both;
	background-color: #fff;
	font-family: sans-serif;
	font-size: 8pt;
	color: #CCC;
	height: 20px;
}
#footer a {
	text-decoration: none;
	color: #CCC;
}
#footer .left {
	float: left;
	clear: left;
}
#footer .right {
	float: right;
	clear: right;
}

#content {
	clear: none;
	float: left;
	margin-left: 5px;
	display: inline;
	width: 746px;
	font-family: sans-serif;
}
#content-top {
	width: 639px; /* 745 minus left/right padding */
	background-color: #9A0000;
	padding-left: 107px;
	padding-right: 0;
	padding-top: 40px;
	padding-bottom: 40px;
}
#content-top h2 {
	font: 18pt sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #FFFFFF;
}
#content-spacer {
	height: 21px;
	background-color: #CCCCCC;
}
#content-body {
	margin-left: 108px;
}
#content .trail {
	margin-top: 7px;
	margin-left: 19px;
}
#content .trail, .trail a {
	font-size: 9pt;
	color: #777777;
}
#content-body h2 {
	padding: 0;
	margin: 0;
	margin-top: 34px;
	margin-bottom: 34px;
	color: #A00000;
	font-weight: normal;
}
#content-body h3 {
	color: #A00000;
	padding: 0;
	margin: 0;
	margin-top: 34px;
	font-weight: bold;
	font-size: 10pt;
}
#content-body a {
	color: #A00000;
	font-size: 9pt;
}
#content-body p, #content-body li, #content-body td, #content-body input, #content-body textarea {
	color: #000000;
	font-size: 9pt;
}
#content-body p.small {
	font-size: 8pt;
}
#content-body p.red {
	color: #9A0000;
	font-weight: bold;
}
#content-body p.red b {
	font-weight: bold;
	color: #000000;
}
#content-body img {
	border: 1px solid #777777;
	margin: 10px;
}
#content-body img.image-right {
	float: right;
}
#content-body img.image-left {
	float: left;
}
#content-body ul {
	margin: 0;
	padding: 0;
	padding-left: 14px;
}
#content-body table.uniqueTable {
	border-collapse: collapse; /* migration of old skool to styles */
}
#content-body table.uniqueTable td {
	text-align: center;
	width: 50%;
	border: 1px solid #677264;
}

#navigation .box {
	height: 67px;
	background-color: #F3EFE4;
	margin-bottom: 6px;
	clear: left;
	padding: 8px;
}
#navigation .box a {
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #A81C21;
	width: 131px;
	float: left;
	display: block;
	margin-right: 8px;
}
#navigation .box img {
	float: left;
	display: block;
}

#header #nav {
	font-family: sans-serif;
	font-size: 9pt;
	height: 16px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #fff;
	padding: 8px;
	float: left;
	/*width: 938px;*/
}
#header #nav .tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 1em;	/* required to make IE render the UL correctly */
}
#header #nav .tabs li {
	display: block;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	height: 18px;
	background-color: #fff;
	border-left: 1px solid #666666;
	text-align: center;
}
#header #nav .tabs li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

#header #title {
	height: 107px;
	width: 100%;
	background-image: url('images/main-header-people.jpg');
	background-repeat: no-repeat;
}
#header #title img {
	float: right;
	border: 0;
}

#content-body form input.large {
	width: 240px;
}
#content-body form textarea {
	width: 270px;
	height: 42px;
}
#content-body form textarea.huge {
	width: 400px;
	height: 240px;
}

#header-seperator {
	font-size: 0;
	line-height: 0px;
	height: 1px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ccc;
	clear: both;
}

/* HOME PAGE STYLES
	#TODO fix it (seems to be too wide in ie)
*/
#homeHeader {
	width: 977px;
	height:325px;
	border-collapse: collapse;
	border: none;
}
#homeHeader .people {
	background-repeat: no-repeat;
	height:200px;
	width:440px;
}
#homeHeader .logo {
	background-repeat: no-repeat;
	height:188px;
	text-align:right;
}
#homeHeader .logo img {
	border: 0;
}
#homeHeader td {
	padding:0;
	margin:0;
}

#homeHeader .homeNav {
	width:416px;
	background-repeat: no-repeat;
	border:none;
	padding:0;
}
#homeHeader .homeNav img {
	border: none;
	padding:0;
	margin:0;
}
#homeHeader .homeNav a {
	border: none;
}

#homeHeader .title {
	background-image: url('images/title.png');
	background-repeat: no-repeat;
	width:530px;
}

#homeHeader .reflection {
	background-image: url('images/reflection.jpg');
	background-repeat: no-repeat;
	height:32px;
}

table#teasers {
	font-family: sans-serif;
	font-size: 8pt;
	width: 412px;
}
table#teasers td {
	width:206px;
	padding: 0;
}
table#teasers td div {
	height: 135px;
	padding: 0;
	margin: 4px;
	background-color: #F3EFE4;
}
table#teasers td div {
	background-repeat: no-repeat;
	background-position: 95% 10px;
}
table#teasers td div.pencil {
	background-image: url('images/pencil.gif');
}
table#teasers td div.blurb {
	background-image: url('images/blurb.gif');
}
table#teasers td div.board {
	background-image: url('images/board.gif');
}
table#teasers td div.chart {
	background-image: url('images/chart.gif');
}
table#teasers td div.hand {
	background-image: url('images/hand.gif');
}
table#teasers td div.links {
	background-image: url('images/links.gif');
}
table#teasers td div h3, table#teasers td div p {
	margin: 0 8px;
}
table#teasers td div p {
	padding-right:8px;
	color:#000;
}
table#teasers td div h3, table#teasers td div a {
	color: #A81C21;
}
table#teasers td div h3 {
	padding: 12px 0 18px 0;
	font-size:10pt;
	font-weight: bold;
}

table.hand {
	width:100%;
}
table.hand td {
	vertical-align: top;
}
#main td.rightContent {
	vertical-align: top;
	font: 10pt sans-serif;
	color:#000;
	padding-left:12px;
	padding-right:12px;
	padding-top: 6px;
	width:478px;
	border-left:1px solid #ccc;
}
#main td.rightContent a {
	color: #A00000;
	font-size: 9pt;
}
#main td.rightContent h2 {
	padding: 0;
	margin: 0;
	margin-top: -3px;
	margin-bottom: 0px;
	color: #A00000;
	font-weight: normal;
}
#main td.rightContent span.red {
	color: #A00000;
}
#main td.rightContent ul {
	margin: 0;
	padding: 0;
	padding-left: 14px;
}
#main td.rightContent p {
	color: #000000;
	font-size: 9pt;
}
div#wrapper table td.home-title {
	background-color: #A91C22;
	margin:0;
	padding:0;
	vertical-align:top;
}
div#wrapper table td.home-title h1 {
	padding: 0;
	margin:20px 0 0 60px;
	font: 20pt sans-serif;
	color:#fff;
}
div#wrapper #home-header {
	width: 100%;
	background-color: #fff;
}
div#wrapper table.home-header {
	margin-top: 50px;
	width: 100%;
	border-collapse: collapse;
	border: none;
	padding: 0;
}
div#wrapper table.home-header td {
	padding:0;
}
div#wrapper table.home-header img {
	border: 0;
}
div#wrapper table.home-header td.home-people {
	width: 473px;
}
div#wrapper table.home-header td.home-logo {
	vertical-align: top;
	text-align: right;
	height: 146px;
}
div#wrapper table.home-header td.home-logo img {
	margin-right: 40px;
}
div#wrapper table.home-header td.home-spacer {
	background-color: #A91C22;
	height:11px;
}
div#wrapper table.home-header td.home-reflection {
	padding-left: 25px;
}
div.rules {
	width: 30%;
	margin-left: 0;
	height: 1px;
	border-top: 1px solid #939e90;
	line-height:0; /* fixs for ie */
	font-size:0;
}