﻿body {
	margin: 0px;
	padding: 0px;
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #1c1c1c;
	font-size:0.8em;
	font-family:Arial, Helvectica, sans-serif;
}
a {
	text-decoration:none;
}
a:hover {
	color:#D1D1D1;
}

strong {
	
}
h1 {
	margin: 0px;
	font-size:1.2em;
}
h2 {
	font-size:1.1em;
}
h3 {
	font-size:1em;
}
h4 {
	font-size:0.9em;
}
h5 {
	font-size:0.8em;
}
h6 {
	font-size:0.7em;
}
.narrowTextBox {
	width:150px;
}
.mediumTextBox {
	width:250px;
}
.wideTextBox, .list {
	width:450px;
}
.list .headerStyle td {
	background-color:#c9c9c9;
	padding:5px;
	color:white;
	font-weight:bold;
}
.list .row:hover {
	background-color:#c9c9c9;
}
.errorMessage, .successMessage {
	padding:5px;
	display:block;
	margin:5px 0px;
	font-weight:bold;
	background-color:#FF8C8C;
}
.successMessage {
	background-color:#8CFF92;
}
.container {
	width:100%;
	float:left;
}
.column {
	float:left;
	position:relative;
}
.clear {
	clear:both;
}
.actions, .pageActions {
	display:block;
	float:left;
	padding:5px;
	border:1px black solid;
	background-color:white;
}
.actions a, .pageActions a {
	color:blue;
}
.formSection {
	background-color:#c9c9c9;
}
.formSection label {
	color:black;
}
#container {
	width:970px;
}

/* Start Menu Action Styles */

.menuActions, .menuActionsOver {
	float: left;
	position: relative;
	color:#ffffff;
	font-weight: bold;
}
.menuActions ul, .menuActionsOver ul {
	left: 0px;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
	padding: 0px;
	z-index: 200;
}

#linksArea .menuActions ul, #linksArea .menuActionsOver ul {
	padding: 0px;
}

.menuActions:hover ul, .menuActionsOver ul {
	display: block;
}
.menuActions ul li, .menuActionsOver ul li {
	display: block;
	position: relative;
	width: 155px;	
	text-align: left;
	padding: 3px 5px;
	background:none;
	font-size:0.8em;
	height:auto;
}

#linksArea .menuActions ul li, #linksArea .menuActionsOver ul li {
	padding: 3px 5px;
}

#linksArea .menuActions a, #linksArea .menuActionsOver a {
	color: black;
}

/* End Menu Action Styles */

#main {
width: 961px;
margin: 0px auto;
}

#mainContent {
border-style: solid;
border-color: #1c1c1c;
border-width: 6px 0px 0px 0px;
}

#header {
height: 363px;
padding: 10px 0px 0px 0px;
background-image: url('../images/headerBg.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

#headerLeft {
padding: 0px 0px 0px 35px;
width:446px;
}
#headerRight {
	width:480px;
	text-align:right;
	padding:60px 0px 0px 0px;
}
#headerRight img {
	border:none;
}

#linksArea {
width: 219px;
background-color: #3f3f3f;
}

#linksArea ul {
margin: 0px;
padding: 20px;
list-style-type: none;
}

#linksArea ul li {
margin: 0px;
padding: 2px 0px;
}

#linksArea ul li a {
color: #ffffff;
font-weight: bold;
}
#linksArea ul li a:hover {
	color:#D1D1D1;
}

#textArea {
width: 508px;
color: #3f3f3f;
border-style: solid;
border-color: #1c1c1c;
border-width: 0px 6px;
}

#imageArea img {
border-style: solid;
border-color: #1c1c1c;
border-width: 0px 0px 6px 0px;
}

#textArea h1 {
padding: 10px 0px 0px 0px;
}

#eventsArea {
width: 219px;
background-color: #3f3f3f;
color: #ffffff;
}

#buttonsArea {
width: 219px; 
padding: 10px 0px;
background-color: #3f3f3f;
color: #ffffff;
}

.buttonsLeft {
width: 199px;
padding: 10px;
float: left;
border-style: solid;
border-color: #1c1c1c;
border-width: 6px 0px 0px 0px;
}

.buttonLink {
width: 100px;
padding: 15px 0px 0px 0px;
color: #ffffff;
float: left;
display: block;
font-size: 1.2em;
}

.buttonsLeft img {
padding: 0px 10px 0px 0px;
vertical-align: middle;
float: left;
border: none;
}

#referralBox {
width: 219px;
padding: 0px 0px 0px 0px;
/*background-image: url('../images/tmgLogo.gif');
background-repeat: no-repeat;
background-position: top center;*/
border-style: solid;
border-color: #1c1c1c;
border-width: 6px 0px 0px 0px;
color: #ffffff;
font-size: 0.9em;
z-index: 50;
}
#referralBox .signs {
float: left;
padding: 15px 0px 0px 0px;
z-index: 50;
border:none;
}
#referralBox .logo {
	border:none;
	z-index: 50;
	padding:0px 0px 0px 25px;
}

#referralBox p {
width: 110px;
float: left;
padding: 15px 5px 5px 5px;
}

#footer {
text-align: center;
color: #ffffff;
padding:10px 0px;
}
#footer a {
	color:white;
}
#centreText {
width: 468px;
padding: 0px 20px 20px 20px;
background-color: #ffffff;
}

.galleryThumbnail {
width: 96px;
height: 70px;
}

.sponsorImage {
width: 166px;
height: 106px;
}

.galleryItem {
width: 96px;
padding: 0px 0px 5px 5px;
float: left;
}

#eventsArea p {
padding: 10px; 
}

.link {
width: 166px;
padding: 0px 0px 5px 2px;
float: left;
}

#contentType {
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #000000;
}

#contactUs input {
width: 453px;
}

#contactUs textarea {
width: 453px;
}

#contactUs p {
padding: 3px 5px;
background-color: #c9c9c9;
}

.smallButton a {
height: 20px;
width: 60px;
padding: 5px 0px 0px 0px;
text-align: center;
display: block;
background-color: #c9c9c9;
border-style: solid;
border-width: 1px;
border-color: #727272;
color: #727272;
font-weight: bold;
}

.galleryItem img:hover {
cursor: pointer;
}

