@charset "utf-8";
/* CSS Document for Canadian Vintage Motorcycle Group Montreal */

/* Created by Martyn Clark */
/* Date: 7th March 2010 */


/* --------------- universal style --------------- */

/* Maroon text with no margin or padding */

* {
	padding: 0;
	margin: 0;
	color: #550000;				/* Devon Red */
}


/* --------------- Style the body class  --------------- */


body {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	background-color: #550000	/* Devon Red */
}


/* --------------- Style links and pseudo-classes --------------- */


/* The default text style for links is no underlining and bold */

a {
	text-decoration: none;
	font-weight: bolder;
}


/* Where desired, links can be underlined to distinguish them from other bold, maroon text */

.contact {
	text-decoration: underline;
}


/* --------------- Style the container ID selector --------------- */

#container {
	width: 930px;
	border: 10px solid #420000;	/* Dark Devon Red */
	margin: 0 auto 0 auto;
	background-color: #f4e2bb;	/* Cream */
}


/* --------------- Style the Header Bar --------------- */

/* Same width as Container, no padding (inherited from universal style), 140px high, equidistant from container edges */

#header {
	width: 930px;
	height: 140px;
	margin: 0 auto 0 auto;
}


/* --------------- Style the Menu Bar --------------- */

/* Same width as Container, no padding (inherited from universal style), 25px high, equidistant from container edges, contents centered */

#navbar {
	width: 100%;
	height: 24px;
	margin: 0 auto 0 auto;
	text-align: center;
	background-color: #a1cd74;	/* Mist Green */
}

/* Menu is horizontally arranged unordered list (id is navbarMenu). Links are bold text, centered in equal spaced boxes */ 

ul.navbarMenu li {
	float: left;
	font-weight: bolder;
	text-align: center;
	list-style: none;
	width: 133px;
}

/* The default style for links is no underlining, padding to full height of navbar, maroon text (default) on pale green background, background colour fills link block */
 
ul.navbarMenu li a {
	padding: 5px 0 5px 0;
	background-color: #a1cd74;	/* Mist Green */
	display: block;
}

/* Hovering over a link reverses the text and background colours (pale green on maroon) */

ul.navbarMenu li a:hover {
	padding: 5px 0 5px 0;
	color: #a1cd74;				/* Mist Green */
	background-color: #550000;	/* Devon Red */
	display: block;
}



/* --------------- Style the Home Page Sidebar Columns --------------- */


#sidebarMLeft {
	width: 540px;
	padding: 10px 20px 10px 20px;
	background-color: #f4e2bb;	/* Cream */
	float: left;
	height: 500px;
}

#sidebarMRightUpr {
	width: 330px;
	padding: 10px 10px 5px 10px;
	background-color: #f4e2bb;	/* Cream */
	float: right;
	height: 245px;
}

#sidebarMRightLwr {
	width: 330px;
	padding: 10px 10px 5px 10px;
	background-color: #f4e2bb;	/* Cream */
	float: right;
	height: 245px;
}


/* --------------- Style the Home Page Footer --------------- */


#Mfooter {
	width: 910px;
	padding: 10px;
	background-color: #a1cd74;	/* Mist Green */
	text-align: center;
	clear: both;
	height: 125px;
}

#MfooterLeft {
	width: 200px;
	padding: 10px;
	background-color: #a1cd74;	/* Mist Green */
	text-align: center;
	float: left;
}


#MfooterRight {
	width: 200px;
	padding: 10px;
	background-color: #a1cd74;	/* Mist Green */
	text-align: center;
	float: right;
}

	

/* --------------- Style the Events Page Sidebar Columns --------------- */


#sidebarELeft {
	width: 240px;
	margin: 0;
	padding: 10px 10px 10px 20px;
	background-color: #f4e2bb;	/* Cream */
	float: left;
	height: 500px;
}

#sidebarERight {
	width: 240px;
	margin: 0;
	padding: 10px 20px 10px 10px;
	text-align: right;
	background-color: #f4e2bb;	/* Cream */
	float: right;
	height: 500px;
}

#EMain {
	width: 350px;
	margin: 0 270px 0 270px;
	padding: 10px;
	text-align: center;
	background-color: #f4e2bb;	/* Cream */
	height: 500px;
}


/* --------------- Style the Contacts Page placeholders --------------- */

#committee {
	width: 180px;
	float: left;
	text-align: center;
}




