/***********************************************/
/* hounslow.css                                */
/*                                             */
/* These layout divs define the page layout.   */
/*                                             */
/***********************************************/

body {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#333;
	background-color:white;
	}

/***********************************************/
/* Menu Ids.  The menu comprises the Hounslow  */
/* logo and the list of navigation links down  */
/* the left side of the page.                  */
/***********************************************/

#Menu {
	position:absolute;
	left: 0;
	width:150px;
	line-height:17px;
	margin: 0 10px; 
	}

#Logo {
	position: relative; 
	margin: 15px 25px; 
	z-index: 100;
	}

#NavBar {
	position: relative; 
	z-index: 100;
	}

#NavBar ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 15px 0;
	}
	
#NavBar a {
	display: block; 
	text-align: center; 
	font: bold 1em sans-serif; 
   	padding: 5px 10px; 
	margin: 0 0 1px; 
   	text-decoration: none; 
	color: #FFF; 
	background: #444;
   	}
	
#NavBar a:hover {
	color: #411; 
	background: #AAA;
   	}

#ForumLink {
	position: relative; 
	z-index: 100;
	}

#ForumLink ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 15px 0;
	}

#ForumLink li {
	border: 1px solid black;
	}
	
#ForumLink a {
	display: block; 
	text-align: center; 
	font: bold 1em sans-serif; 
   	padding: 5px 10px; 
   	text-decoration: none; 
	color: #FFF; 
	background: #C33;
   	}
	
#ForumLink a:hover {
	color: #411; 
	background: #bb6060;
   	}

/***********************************************/
/* MainBody Id. This defines the area to the   */
/* right of the menu.                          */
/***********************************************/

#MainBody {
	margin-left: 170px;
	}
	
/***********************************************/
/* Banner Ids. The banner appears at the top   */
/* of each page.                               */
/***********************************************/

#Banner {
	position:relative;
	margin:10px 0 0; 
	width:400px;
	}

#Banner p {
	margin: 0 0 1px; 
   	padding: 5px 10px; 
	display: block; 
	font: bold 1.3em sans-serif; 
	}

.BlackBannerItem {
	background-color:#000;
	color:#FFF;
	}

.RedBannerItem {
	background-color:#C33;
	color:#FFF;
	}

/***********************************************/
/* Content Ids. This is where the main         */
/* content resides.                            */
/***********************************************/

#Content {
	position:relative;
	margin:20px 0 10px; 
	width:750px;
	}

#Content table {
	width:100%;
	border: 1px solid #C33;
	}

#Content th {
	text-align: left;
	}

#Content td {
	vertical-align: top;
	}

#Content a:link {
	color: #00f;
	}
	
#Content a:visited {
	color: #00f;
	}

#MainImage {
	margin: 5px 10px;
	float: right;
	width: 222px;
	font-size: 12px;
	text-align: center;
	}
	
#MainImage img {
	border: 1px solid #000;
	}
	
.Welcome {
	color:#C33;
	font-weight:bold;
	}
	
#LinksList li {
	list-style: none;
	padding: 8px 5px;
	}

#LinksList img {
	border: 0;
	}

#LinksList a:visited {
  	color: #00f;
	}	
	
#LinksList a:link {
  	color: #00f;
	}	
	
#LinksList a {
	font-size: 24px;
	font-weight: bold;
  	font-style: italic;
  	text-align: left;
	line-height: 3em;
	text-decoration: none;
	}

#Content .plainTable {
	border: 0;
	}

.Clothing td {
	padding: 5px 0;
	}

.NewsDate {
	color:#000;
	font-weight:normal;
  	font-style: italic;
	}

.NewsLink a {
	font-weight:normal;
  	font-style: normal;
	}

.Faq {
	color:#C33;
	font-weight:normal;
	}

#NewsImage {
	margin: 5px 10px;
	float: right;
	width: 200px;
	font-size: 12px;
	text-align: center;
	}
	
#NewsImage img {
	border: 1px solid #000;
	}

#NewsImageLeft {
	margin: 5px 10px 5px 0;
	float: left;
	font-size: 12px;
	text-align: center;
	}
	
#NewsImageLeft img {
	border: 1px solid #000;
	}

/***********************************************/
/* An alert box                                */
/***********************************************/

.Alert {
	border: 1px solid #000;
	padding: 5px;
	}
	
.Alert h1, h2, h3, h4 {
	text-align: center;
	}
	
/***********************************************/
/* Course descriptions live in standalone      */
/* windows.                                    */
/***********************************************/

#CourseDescription {
	margin: 5px;
	}
	

/***********************************************/
/* Image thumbnails. Classes for the image	   */
/* thumbnail gallery                           */
/***********************************************/

.thumbnail {
	float: left;
	width: 120px;
	border: 1px solid #999;
	margin: 0 15px 15px 10px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}

.thumbnail img {
	border-style: none;
	padding-bottom: 5px;
	}
	
.blankthumbnail {
	float: left;
	width: 120px;
	border: 1px solid #fff;
	margin: 0 15px 15px 0;
	padding: 5px;
	}

.clearboth { 
	clear: both; 
	}

/***********************************************/
/* Road Race Programme panel             	   */
/***********************************************/

#RoadRaceProgramme {
	margin: 25px 0 5px 10px;
	padding: 0 10px;
	float: right;
	width: 400px;
	font-size: 12px;
	text-align: left;
	border: 1px solid #000;
	}