body.mainBody
{
	background: url(/images/left-col-bg.gif) repeat-y;
}

#mainBody
{
	width: 100%;
	float: left;
}

/***** General Styles *****/
h1
{
	margin-top: 0;
}

/***** Lists *****/
ul.betPeople
{
	padding: 0;
	margin: 0 0 25px 0;
	list-style: none;
}

/***** Main Content Formatting *****/
#mainContainer
{
	width: 950px;
	float: left;
}

#header
{
	background: url(/images/bet-header-bg.gif) no-repeat;
	height: 149px;
	position: relative;
}

#header img.bblogo
{
	position: absolute;
	top: 28px;
	left: 30px;
}

#leftContent
{
	width: 197px;
	float: left;
}

#navi
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#navi li
{
	margin: 5px 0;
}

#navi li a
{
	display: block;
	width: 179px;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding: 5px 0 5px 10px;
	color: white;
	font-size: 120%;
	font-weight: bold;
}

#navi #home
{
	background: url(/images/menu/home.gif) no-repeat;
}

#navi #about
{
	background: url(/images/menu/about.gif) no-repeat;
}

#navi #bets
{
	background: url(/images/menu/bets.gif) no-repeat;
}

#navi #appraisal
{
	background: url(/images/menu/appraisal.gif) no-repeat;
}

#navi #involved
{
	background: url(/images/menu/involved.gif) no-repeat;
}

#navi #education
{
	background: url(/images/menu/education.gif) no-repeat;
}


#navi #download
{
	background: url(/images/menu/downloads.gif) no-repeat;
}

#navi li ul 
{
	margin: 5px 0 10px 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#navi li ul li
{
	margin: 0;
}

#navi li ul li a
{
	display: inline;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
}

#mainContent
{
	float: right;
	width: 750px;
}

#homeMainContent
{
	float: right;
	width: 750px;
	background: url(/Images/test_side_bg2.gif) repeat-y top right;
}

#mainContentHeader
{
	padding: 0;
	margin: 15px 0 0 0;
}

#mainContentLogo
{
	float: left;
	width: 450px;
	text-align: center;
}

#mainContentLogo .mainTagLine
{
	margin: 15px 0 0 0;
	padding: 0;
}

#mainContentAdvert
{
	float: right;
	width: 160px;
	margin: 0;
	padding:0;
}

#mainContentSignup
{
	clear: both;
	padding: 15px 0 10px 0;
	text-align: center;
	min-height: auto;
	height: auto !important;
	height: 1%; /* Fix for IE stupid white space problem when clearing floats */
}

#mainContentSignup img
{
	padding: 0;	
	margin: 0;
}

#homeMainContent #homeMainContentInsert
{
	clear: both;
	margin: 0 0 15px 15px;
	padding: 20px 0 0 0;
	min-height: auto;
	height: auto !important;
	height: 1%; /* Fix for IE stupid white space problem when clearing floats */
	width: 500px;
	float: left;
}

#mainContent #mainContentInsert
{
	clear: both;
	margin: 0 0 15px 15px;
	padding: 20px 0 0 0;
	min-height: auto;
	height: auto !important;
	height: 1%; /* Fix for IE stupid white space problem when clearing floats */
}

.mainLeftColour
{
	background-color:#ed8648;
}

.sideBar
{
	width: 180px; 
	height: 200px; 
	float: right;
	margin: 0 0 5px 5px;
	padding: 15px 10px;
	height: 1%;
	font-size: 0.8em;
}

.sideBar .img
{
	/*text-align: center;*/
	margin: 0 0 15px 10px;
}

a.rss
{
	background: url(../images/feed.gif) no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	display: block;
}

.sideBar h2
{
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

.sideBar #newsSection
{
	margin-top: 10px;
	border-top: 2px solid #e7e3d6;
	padding: 5px 0 0 0;
}

.sideBar #newsSection ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sideBar #newsSection ul li
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 20px;
	border-bottom: 1px solid #e7e3d6;
	background: url(/images/node_closed.gif) no-repeat left top;
}

/***** Login/Register Form *****/
#loginBox .column
{
	width: 365px;
}

#loginBox .col1
{
	float: left;
}

#loginBox .col1 h4
{
	margin: 0;
}

#loginBox .col2
{
	margin: 8px 0 0 0;
	float: right;
  	border: solid 1px #1879bd;
	background: url(/images/fieldset-bg.gif) repeat-x 0 100%;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}

#loginBox .col2 h4
{
	padding: 0;
	margin: 0;
}

#loginBox .col2 div
{
	padding: 5px 5px 5px 5px;
}

#loginBox .col2 div p
{
	margin: 8px 0 0 0;
}

.registerDetails
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.registerDetails li span.col1
{
	padding: 0;
	margin: 0;
	display: block;
	width: 75px;
	float: left;
}

/***** People Formatting *****/
#people
{
	width: 730px;
	border: solid 2px #c8cdd2;
	padding: 10px 0;
	float: left;
}

#people dl
{
	padding: 0;
	margin: 10px 20px 10px 20px;
	float: left;
	display: inline; /* fixes IE/Win double margin bug */
}

#people dt
{
	float: right;
	width: 525px;
	color: #9c1084;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;	
}

#people dd
{
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
}

#people dd.img
{
	float: left;
	margin: 0 8px 0 0;
	padding: 4px 4px 2px 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
}

/***** News Formatting *****/
#newsList dd
{
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}

#newsList dd.date
{
	background: url(../images/file-mini.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	font-size: 85%;
}

#newsList dt
{
	margin-top: 15px;
}

/***** Stage Formatting *****/
.stageContainerSize1
{
	width: 300px;
	text-align: center;
}

.stageContainerSize2
{
	width: 500px;
	text-align: center;
}

.stage
{
	border: solid 1px #999;
	border-bottom: none;
	text-align: left;
	background: #eee;
}

.stageNoStyle
{
	border: solid 1px #999;
	border-bottom: none;
	margin: 0;
	padding: 0;	
	list-style: none;
	text-align: center;
	background: #eee;
}

.stage li, .stageNoStyle li
{
	padding: 6px 6px;
	border-bottom:solid 1px #999;
}

.stage li.header, .stageNoStyle li.header
{
	list-style: none;
	background: #ddd;
}

/***** Oxford Table Formatting ******/
table.oxford
{ 
	border-collapse: collapse; 
	border: 0; 
}

table.oxford th, table.oxford td
{ 
	padding: 1px 4px; 
	border: 1px #cccccc solid; 
	font-size: 80%; 
	vertical-align: top; 
}

table.oxford tr.headerColor 
{
	background: #ddd;
}

table.oxford tr.withColor 
{
	background: #eee;
}

table.bets th
{ 
	text-align: left; background-color: #f8f8f8; 
}

table.bets
{ 
	border-collapse: collapse; 
	border: 0; 
}

table.bets th, table.bets td
{ 
	padding: 1px 4px; 
	border: 1px #cccccc solid; 
	font-size: 100%; 
	vertical-align: top; 
}

table.bets tr.headerColor 
{
	background: #ddd;
}

table.bets tr.withColor 
{
	background: #eee;
}

table.bets th
{ 
	text-align: left; background-color: #f8f8f8; 
}

/***** Defiinition List Link Formmatiing******/
dl.link dd
{
	padding: 0;
	margin: 0;
}

/***** Address ******/
.addr p.addrLine
{
	padding: 0;
	margin: 0;
}

/***** Alignment ******/
.centerAlign
{
	text-align: center;
}

/***** Form Level Formatting *****/
form.theForm
{
	margin: 0;
}

form.theForm fieldset 
{
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border: solid 1px #1879bd;
  background: url(/images/fieldset-bg.gif) repeat-x 0 100%;
}

form.theForm fieldset.noLegend legend
{
	display: none;
}

form.theForm legend 
{
  padding: 0 2px;
  font-weight: bold;
  color: #0d0454;
}

form.theForm label 
{
  display: block;
  float: left;
  line-height: 1.8;
  vertical-align: top;
}

form.theForm fieldset ol 
{
  margin: 0;
  padding: 0;
}

form.theForm fieldset li 
{
  list-style: none;
  padding: 5px;
  margin: 0;
  clear: left;
}

form.theForm fieldset li img
{
	float: left;
	padding: 0 5px 0 5px;
}

form.theForm label 
{
  width: 100px; /* Width of labels */
}

form.theForm span.col1 
{
  width: 100px; /* Width of labels */
  display: block;
  float: left;
  clear: left;
}

form.theForm span.col2
{
  float: left;
}

form.theForm span.submit
{
	margin: 10px 0 0 120px;
	display: block;
}

form.theForm fieldset fieldset 
{
  border: none;
  border-top: solid 1px #ddd;
  margin: 3px 0 0;
}

form.theForm fieldset fieldset legend 
{
  padding: 0 0 5px;
  font-weight: normal;
  color: #000;
}

form.theForm fieldset fieldset label 
{
  display: block;
  width: auto;
}

form.theForm fieldset fieldset label 
{
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.theForm fieldset fieldset span.containerSpan
{
  display: block;
  width: auto;
}

form.theForm fieldset fieldset span.containerSpan
{
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.theForm fieldset span.rating
{
	display: block;
	width: 20px;
	float: left;
	text-align: center;
}

/***** Topic *****/
#bread
{
	background-color: #eee;
	padding: 5px 5px;
	margin: 0 0 10px 0;
}

.topicSection
{
	margin: 0 0 20px 0;
	display: inline-block; /* Gets rid of a stupid display bug in IE 6 */
}

.topicSection h2
{
	font-size: 100%;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
	padding: 2px 5px;
	margin: 10px 0 10px 0;
}

.subBread
{
	border-bottom: solid 1px #ccc;
	margin: 0 0 10px 0;
	padding: 2px 5px;
}

dl.appraisal
{
	float: left; /*Float to fix */
	width: 735px;
	display: inline; /*fixes IE/Win double margin bug*/
}

dl.appraisal dt
{
	padding: 0;
	margin: 0;
	float: right;
	width: 713px;
	padding: 6px 0 2px 0;
}

dl.appraisal dd
{
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	padding: 0 22px;
}

dl.appraisal dd.img
{
	margin: 0;
	float: left;
	padding: 6px 6px;
}

