@charset "utf-8";
body  {
	font: 11pt Geneva, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto 0 0px;
	text-align: left;
} 
.twoColFixLtHdr #header {

} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left;
	margin: 0px;
	padding: 0px;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 260px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #064288;
} 
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* CSC Main Menu */
#csc_main_menu{ width: 179px; height: auto; float: left; margin: 0 0 0px 0; padding: 0 0 0 0px; list-style: none; }
#csc_main_menu ul{height: 0px; margin: 0 0 0px 0; padding: 0 0 0 0px; list-style: none; }
.csc_mmn, .csc_mml{ width: 179px; height: auto; float: left; padding-bottom: 0px; background: url(../images/csc-menu-spacer.jpg) no-repeat bottom; }
.csc_mml{ padding-bottom: 0; }
.csc_mm_links, .csc_mm_links:link, .csc_mm_links:visited{
	width: 182px;
	height: 23px;
	float: left;
	padding: 11px 0 0 0px;
	font-size: 12px;
	color: #1b4b8d;
	text-decoration: none;
	font-weight: bold;
}
.csc_mm_links:hover{
	color: #1b4b8d;
	font-weight: bold;
}
.csc_mm_links:active{ font-weight: bold; }
/* -Homepage- */
#csc_mml_home, #csc_mml_home:link, #csc_mml_home:visited, #csc_mml_home:active{
	background: url(images/menu_home.jpg) no-repeat;
		padding: 11px 0 0 115px;
}
#csc_mml_home_sel, #csc_mml_home_sel:link, #csc_mml_home_sel:visited, #csc_mml_home_sel:active, #csc_mml_home_sel:hover, #csc_mml_home:hover{
	color: #1b4b8d;
	background: url(images/menu-over_home.jpg) no-repeat;
}
#csc_mml_home_sel, #csc_mml_home_sel:link, #csc_mml_home_sel:visited, #csc_mml_home_sel:active, #csc_mml_home_sel:hover{ cursor: default; }
/* -Homepage- */
#csc_mml_menu1, #csc_mml_menu1:link, #csc_mml_menu1:visited, #csc_mml_menu1:active{
	background: url(images/menu_02_01.jpg) no-repeat;
		padding: 11px 0 0 115px;
}
#csc_mml_menu1_sel, #csc_mml_menu1_sel:link, #csc_mml_menu1_sel:visited, #csc_mml_menu1_sel:active, #csc_mml_menu1_sel:hover, #csc_mml_menu1:hover{
	color: #1b4b8d;
	background: url(images/menu-over_02_01.jpg) no-repeat;
}
#csc_mml_menu1_sel, #csc_mml_menu1_sel:link, #csc_mml_menu1_sel:visited, #csc_mml_menu1_sel:active, #csc_mml_menu1_sel:hover{ cursor: default; }
/* -Castle Lotus- */
#csc_mml_menu2, #csc_mml_menu2:link, #csc_mml_menu2:visited, #csc_mml_menu2:active{
	background: url(images/menu_02_02.jpg) no-repeat;
	padding: 11px 0 0 120px;
}
#csc_mml_menu2_sel, #csc_mml_menu2_sel:link, #csc_mml_menu2_sel:visited, #csc_mml_menu2_sel:active, #csc_mml_menu2_sel:hover, #csc_mml_menu2:hover{
	color: #1b4b8d;
	background: url(images/menu-over_02_02.jpg) no-repeat;
}
#csc_mml_menu2_sel, #csc_mml_menu2_sel:link, #csc_mml_menu2_sel:visited, #csc_mml_menu2_sel:active, #csc_mml_menu2_sel:hover{ cursor: default; }
/* -Used Prestige- */
#csc_mml_menu3, #csc_mml_menu3:link, #csc_mml_menu3:visited, #csc_mml_menu3:active{ background: url(images/menu_02_03.jpg) no-repeat;
padding: 11px 0 0 120px; }
#csc_mml_menu3_sel, #csc_mml_menu3_sel:link, #csc_mml_menu3_sel:visited, #csc_mml_menu3_sel:active, #csc_mml_menu3_sel:hover, #csc_mml_menu3:hover{ color: #1b4b8d; background: url(images/menu-over_02_03.jpg) no-repeat; }
#csc_mml_menu3_sel, #csc_mml_menu3_sel:link, #csc_mml_menu3_sel:visited, #csc_mml_menu3_sel:active, #csc_mml_menu3_sel:hover{ cursor: default; }
/* -Sports Cars- */
#csc_mml_menu4, #csc_mml_menu4:link, #csc_mml_menu4:visited, #csc_mml_menu4:active{ background: url(images/menu_02_04.jpg) no-repeat; 
padding: 11px 0 0 115px;}
#csc_mml_menu4_sel, #csc_mml_menu4_sel:link, #csc_mml_menu4_sel:visited, #csc_mml_menu4_sel:active, #csc_mml_menu4_sel:hover, #csc_mml_menu4:hover{ color: #1b4b8d; background: url(images/menu-over_02_04.jpg) no-repeat; }
#csc_mml_menu4_sel, #csc_mml_menu4_sel:link, #csc_mml_menu4_sel:visited, #csc_mml_menu4_sel:active, #csc_mml_menu4_sel:hover{ cursor: default; }
/* -Servicing- */
#csc_mml_menu5, #csc_mml_menu5:link, #csc_mml_menu5:visited, #csc_mml_menu5:active{ background: url(images/menu_02_05.jpg) no-repeat; 
padding: 11px 0 0 110px;}
#csc_mml_menu5_sel, #csc_mml_menu5_sel:link, #csc_mml_menu5_sel:visited, #csc_mml_menu5_sel:active, #csc_mml_menu5_sel:hover, #csc_mml_menu5:hover{ color: #1b4b8d; background: url(images/menu-over_02_05.jpg) no-repeat; }
#csc_mml_menu5_sel, #csc_mml_menu5_sel:link, #csc_mml_menu5_sel:visited, #csc_mml_menu5_sel:active, #csc_mml_menu5_sel:hover{ cursor: default; }
/* -Parts- */
#csc_mml_menu6, #csc_mml_menu6:link, #csc_mml_menu6:visited, #csc_mml_menu6:active{ background: url(images/menu_02_06.jpg) no-repeat;
padding: 11px 0 0 100px; }
#csc_mml_menu6_sel, #csc_mml_menu6_sel:link, #csc_mml_menu6_sel:visited, #csc_mml_menu6_sel:active, #csc_mml_menu6_sel:hover, #csc_mml_menu6:hover{ color: #1b4b8d; background: url(images/menu-over_02_06.jpg) no-repeat; }
#csc_mml_menu6_sel, #csc_mml_menu6_sel:link, #csc_mml_menu6_sel:visited, #csc_mml_menu6_sel:active, #csc_mml_menu6_sel:hover{ cursor: default; }
/* -menu7- */
#csc_mml_menu7, #csc_mml_menu7:link, #csc_mml_menu7:visited, #csc_mml_menu7:active{ background: url(images/menu_02_07.jpg) no-repeat;
padding: 11px 0 0 85px; }
#csc_mml_menu7_sel, #csc_mml_menu7_sel:link, #csc_mml_menu7_sel:visited, #csc_mml_menu7_sel:active, #csc_mml_menu7_sel:hover, #csc_mml_menu7:hover{ color: #1b4b8d; background: url(images/menu-over_02_07.jpg) no-repeat; }
#csc_mml_menu7_sel, #csc_mml_menu7_sel:link, #csc_mml_menu7_sel:visited, #csc_mml_menu7_sel:active, #csc_mml_menu7_sel:hover{ cursor: default; }
/* -menu8- */
#csc_mml_finance, #csc_mml_menu8:link, #csc_mml_menu8:visited, #csc_mml_menu8:active{ background: url(images/menu_02_08.jpg) no-repeat;
padding: 11px 0 0 70px; }
#csc_mml_menu8_sel, #csc_mml_menu8_sel:link, #csc_mml_menu8_sel:visited, #csc_mml_menu8_sel:active, #csc_mml_menu8_sel:hover, #csc_mml_menu8:hover{ color: #1b4b8d; background: url(images/menu-over_02_08.jpg) no-repeat; }
#csc_mml_menu8_sel, #csc_mml_menu8_sel:link, #csc_mml_menu8_sel:visited, #csc_mml_menu8_sel:active, #csc_mml_menu8_sel:hover{ cursor: default; }
#header_banner {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 96px;
	width: 740px;
	margin-top: 0px;
	float: right;
}
#header_banner #content {
	margin-top: 15px;
	margin-left: 100px;
	color: #FFFFFF;
}
#content .heading {
	font-size: 48px;
}
#content .index_heading {
	font-size: 30px;
}
#content .subheading {
	font-size: 18px;
}
#mainContent li {
	padding-bottom: 8px;
}
#home_content {
	background-image: url(images/home_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#about_content {
	background-image: url(images/about_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#club_content {
	background-image: url(images/activity_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content_1 {
	background-image: url(images/1_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content_2 {
	background-image: url(images/2_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content_3 {
	background-image: url(images/3_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content_4 {
	background-image: url(images/4_corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sml_text {
	font-size: 9px;
	font-weight: bold;
}
.box {
	padding: 5px;
	border: 2px solid #000000;
	margin-right: 5px;
	margin-left: 5px;
}
.right_box {
	padding: 5px;
	float: right;
	width: 200px;
	margin-right: 5px;
	margin-left: 5px;
	border: 2px solid #000000;
}