/* ==============================================================================
   Horwich RMI Harriers Website
   
   Top level layout styles used for the standard webpage and describing the
   layout of the page, the header, the footer and the left hand side menu.
   ============================================================================== */


/* ------------------------------------------------------------------------------
   
   ------------------------------------------------------------------------------ */
body {
	margin:0px 0px 0px 0px;
	background-color: #e0e0e0;
	height:100%;
	font: 80% sans-serif;
}

#page{
	position:relative;
	background-color:white;
	height:100%;
	width:1000px;
	margin:0px auto; 
}

.row {
	position:relative;
	background-color:white;
	xborder:1px solid red;
	margin: 0px;
}

.col1 {
	position:relative;
	width:500px;
}

.col2 {
	position:absolute;
	top:0px;width:275px;
	left:520px;
	xborder:1px solid blue;
}

div#header {
	background: url(images/header.png) top center no-repeat;
	position:relative;
	width:1000;
	margin:0px auto; 
	height:135px;
}

div#header img {
	float:left;
	padding:11px 0 0 11px;
}

div#header h1 {
	margin:0px 0px 0px 0px;
	padding:16px 0px 0px 150px;
	font: 150% sans-serif;
	font-weight:bold;
	border:0px;
}

div#header p {
	padding:0px 150px;
}

#footer {
	background: url(footer.png) top center no-repeat;
	background-color:#d0d0d0;
	width:1000px;
	margin:0px auto; 
	text-align:center; 
}

div#footer p:first-child {
	padding-top:35px;
}

/* required for IE6 */
p.copyright {
	padding-top:35px;
}


div#menubar {
	position:absolute;
	top:100px;
	left:148px;
	
}

/* ----------------------------------
   Old Club News
   ---------------------------------- */
   
div#clubnews {
	xheight:450px;
	xbackground-color:#e5e5e5;
}

p.News_Title {
	padding:1px 0px 3px 0px;
	margin:0;
	font: 9pt sans-serif;
	font-weight:bold;
	}

p.NewsDes {
	padding:1px 0px 3px 0px;
	margin:0;
}

div#clubnews ul {
	padding:2pt 2pt 2pt;
	margin:0;
	list-style-type:none;
	}

div#clubnews ul li {
	padding:1px 0px 3px 0px;
	margin:0;
	line-height:12pt;
}

div#clubnews ul li a {
	color:black;
	}

div#clubnews ul li a:hover {
	xtext-decoration:none;
	xborder:none;
	}

div#clubnews ul li:hover {
	color:blue;
	background-color:#f5f5f5;
	}
/* ------------------------------------------------------------------------------
   
   ------------------------------------------------------------------------------ */
   
div.newsalert {
	height:300px;
}

div.newsalert h1 {
	font-family: cambria,serif;
	font-size: 18pt;
}

div.newsalert p {
	font-family: geogria,cambria,serif;
	font-size: 11pt;
	line-height:150%;
	padding-bottom:6pt;
}

div.newsalert img{
	float:left;
	padding:5px;
}
	
	
/* ------------------------------------------------------------------------------
   
   ------------------------------------------------------------------------------ */
div.news1a {
	height:190px;
}


div.news1a a {
	xcolor:black;
	xtext-decoration:none;
}

div.news1a:hover {
	xbackground-color:#f5f5f5;
}

div.news1a h1{
	padding-top:0px;
}

div.news1a img{
	float:left;
	padding:5px;
	}

div.news1a p{
}
	
/* ------------------------------------------------------------------------------
   
   ------------------------------------------------------------------------------ */


div.toprow h1 {
	font: 16pt serif;
	xfont-weight:bold;
	padding:6px 0;
	border:0;
}

div.toprow p {
	xfont-weight:bold;
	line-height:16px;
}

div.newsrow {
	position:relative;
	margin:4px 0px;
	width:500px;
	height:66px;
	background-color:#f0f0f0;
}

div.newscol1 {
	position:relative;
	width:160px;
}

div.newscol2 {
	position:absolute;
	width:160px;
	top:0px;
	left:166px;
}

div.newscol3 {
	position:absolute;
	width:160px;
	top:0px;
	left:332px;
}

div.newsrow h1 {
	font: 9pt sans-serif;
	font-weight:bold;
	padding-top:0px;
}

div.newsrow p {
	font: 8pt sans-serif;
	font-weight:nomal;
}

/* ------------------------------------------------------------------------------
   
   ------------------------------------------------------------------------------ */
#body {
	position:relative;
	background-color:#white;
	border:1px solid white;
	margin: 0px;
}

.intro {
	position:relative;
	background-color:white;
	border:0px solid red;
	margin: 0px;
	width:778px;
	top:5px;
}

.leftcol {
	position:absolute;
	top:0px;left:0px;
	width:200px;
	xheight:210px;
	border:0px solid blue;
}

.maincol {
	position:relative;
	border:0px solid red;
	top:0px;left:200px;
	width:778px;
	
}

p.ColBottom {
	position:absolute;
	bottom:0px;right:6px;
	padding:0pt;
}

p.TopRight {
	position:absolute;
	top:12px;right:6px;
	padding:0pt;
	font: 8pt sans-serif;
}
/* ----------------------------------
   
   ---------------------------------- */

.colTitle {
	position:relative;
}

.colBody {
	position:relative;
	xheight:100%;
}

.middleleftcol {
	position:relative;
	border:0px solid blue;
	top:0px;left:0px;
	width:260px;
}

.middlerightcol {
	position:absolute;
	border:0px solid blue;
	top:0px;left:265px;
	width:260px;
	height:100%;

}

.rightcol {
	position:absolute;
	top:0px;left:528px;
	border:0px solid green;
	width:250px;height:200px;
}

/* ------------------------------------------------------------------------------
   Coaching   
   ------------------------------------------------------------------------------ */

.coach_header {
}

.coach_row {
	position: relative;
}

.coach_col1 {
	width:325px;
	border:0px solid red;
	position: relative;
}

.coach_col2 {
	width:375px;
	border:0px solid red;
	position: absolute;
	top:0px;
	left:325px;
}

.coach_row h2 {
	padding:8px 0 0 0;
	margin:0px;
	font: 13pt sans-serif;
}

.coach_row ul {
	xpadding-left:16px;
	xmargin-bottom:0px;
	xmargin-top:0px;
}

.coach_row li {
	xpadding:0px;
	xmargin:0px;
	font: 10pt sans-serif;
}

/* ----------------------------------
   Welcome
   ---------------------------------- */

#welcome {
	position:relative;
	height:220px;
	width:525px;
}

div#welcome img {
	float:left;
	width:194px;
	height:153px;padding:6pt;
}

div#welcome p {
	font: 100% verdana;
	
}

#members {
	position:absolute;
	top:0px;
	left:528px;
	height:200px;
	width:250px;
}

div.black {
	position:relative;
	margin:4px 0px;
	width:275px;
	background-color:#303030;
	color:#d0d0d0;
	text-align:center;

}
/* ----------------------------------
   Club News
   ---------------------------------- */
   
div#clubnews {
	xbackground-color:#e5e5e5;
	position:relative;
}

p.News_Title {
	padding:1px 0px 3px 0px;
	margin:0;
	font: 9pt sans-serif;
	font-weight:bold;
	}

p.NewsDes {
	padding:1px 0px 3px 0px;
	margin:0;
}

div#clubnews ul {
	padding:2pt 2pt 2pt;
	margin:0;
	list-style-type:none;
	}

div#clubnews ul li {
	xbackground:url(images/rmibullet.png) 0 3px no-repeat;
	padding:1px 0px 3px 0px;
	margin:0;
	line-height:12pt;
}

div#clubnews ul li a {
	color:black;
	}

a.plain:hover {
	text-decoration:none;
	border:none;
	}

div#clubnews ul li:hover {
	color:blue;
	xtext-decoration:underline;
	background-color:#e5e5e5;
	}

/* ----------------------------------
   
   ---------------------------------- */

div#clubshop {
	xwidth:180px;
	background:url("images/clubtop.png") bottom right no-repeat;
}
div#sidebar a {
	color:black;
	}
div#sidebar a:hover {
	xtext-decoration:underline;
	}
	
/* ----------------------------------
   
   ---------------------------------- */

div#contactus h1 {
	background:#e5e5e5;
	font: 10pt sans-serif;
	font-weight:bold;
	height:15px;
	padding:4px;
	width:185px;
	margin:3px 0px 0px;
}

div#contactus p {
	font: 8pt sans-serif;
}

div#contactus a h1 {
	color:black;
	text-decoration:none;
	font-weight:bold;
}

div#contactus a:hover h1 {
	color:white;
	background:#A0A0A0;
}
div#contactus a:hover {
	text-decoration:none;
}



/* ----------------------------------
   Image Text
   ---------------------------------- */
div.imagetext img {
	float:left;
	width:66px;
	height:48px;
	opacity:.5;
	background:white;
	filter:alpha(opacity=50);
}

div#calander div.imagetext img{
	height:40px;
}

div.imagetext a {
	height:50px;
	border:0px solid black;
	padding:0pt 3pt;
}

 div.imagetext:hover img{
	background:white;
	opacity:1;
	filter:alpha(opacity=100);

}

.imagetext a {
	display:block;
}

.imagetext a:hover img{
	background:white;
	opacity:1;
	filter:alpha(opacity=100);

}

div.imagetext:hover{
	xbackground:#F0F0F0;
}

/* ----------------------------------
   
   ---------------------------------- */