/* Start of CMSMS style sheet '3_col_screen' */
/* General styles */
body {margin:0;padding:0;border:0;width:100%;font: .8em "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;background: #369 url(uploads/images/bg1.png) top center repeat-y;	}
a {color:#286ea0;text-decoration:none;}
a:hover {color:#1d4ea5;text-decoration:underline;}
a img {border:0;}
h1, h2, h3, h4 {margin:.2em 0 .2em 0;padding:0;}
h2 {color:#f00;font-size:1.5em;}
h3 {font-size: 1.3em;color:#069;}
p {margin:.4em 0 .8em 0;padding:0;}
.accessibility {left:-999em;position:absolute;top:-999em;}
.clear {clear:both;}
#wrap_head{margin: 0 auto;padding:0;width:870px;}
#wrap {background: #fff;color: #303030;margin: 0 auto;padding: 0;width: 810px;}

/* Header styles */
#header {padding: 0;height:194px;background:url(uploads/images/car1.jpg) bottom right no-repeat;}
#header img.logo{float:left;margin-left:30px;}
#header_h1{margin-left:255px;width:340px;}	
#header p{color: #285894;margin: 0;font-size: 1.2em;line-height: 1.2em;font-weight:bold;}
	
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;  /* width of whole page */
overflow:hidden;/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}

/* 3 Column settings */
.threecol {	/* right column background colour */}
.threecol .colmid {
	right:16%;			/* width of the right column */
	background:#fff;		/* center column background colour */
        border-right: 2px solid #f4f4f4;	
}
.threecol .colleft {
	right:63%;			/* width of the middle column */
	/* left column background colour */
        border-right: 2px solid #f4f4f4;
	}
.threecol .col1 {
	width:61%;	/* width of center column content (column width minus padding on either side) */
	left:101%;		/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:19%;	/* Width of left column content (column width minus padding on either side) */
	left:18%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
		width:14%;/* Width of right column content (column width minus padding on either side) */
		left:84%;	/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer {clear:both;margin:0 auto;width:810px;text-align: center;color:#808080;}
#footer p {padding:10px;margin:0;}
#sponsors{background:#fbeecb url(uploads/scmm/spons_bkg.png) bottom left repeat-x;padding: 3px 0 10px 0;}
#sponsors img {border:1px solid #069; margin-right:10px;}
#lwrbanner{margin:0;padding:0;border-top: 5px solid #069;}

/* left column menu and news */
#avmenu {margin: 5px 0 10px 5px;padding: 0;font-size: 0.9em;}
#avmenu ul {list-style: none;margin: 0;padding: 0;font-size: 1.1em;}	
#avmenu li {margin-bottom: 4px;}

/* first level */
#avmenu li a {font-weight: bold;height: 20px;text-decoration: none;color: #fff;display: block;padding: 6px 0 0 10px;background: #369 url(uploads/images/nav_bg.png) bottom right repeat-x;border-left: 4px solid #6fafd3;}	
#avmenu li a:hover {color: #ffd257;border-left: 4px solid #ffd257;}
#avmenu li a.menuactive {color: #ffd257;border-left: 4px solid #ffd257;}

/* second level */
#avmenu li li a {font-weight: normal;height: 20px;text-decoration: none;color: #fff;display: block;padding: 6px 0 0 24px;background:#369;border-left:4px solid #fff;}	
#avmenu li li a:hover {background: #369;color: #ffd257;border-left:4px solid #fff;}
#avmenu li li a.menuactive {background: #369;color: #ffd257;border-left:4px solid #fff;}

/* third level */
#avmenu li li li a {font-weight: normal;height: 20px;text-decoration: none;color: #505050;display: block;padding: 6px 0 0 34px;background: #f4f4f4;border:0;}	
#avmenu li li li a:hover {background: #eaeaea;color: #286ea0;border:0;}
#avmenu li li li a.menuactive {background: #eaeaea;color: #286ea0;border:0;}

.icon1{margin:10px 0 0 0;}
.icon2{margin:10px 0 0 15px;}

/* News Box */
#announce {margin: 10px 0 10px 0;padding: 5px;width: 135px;color: #505050;background: #dae8e8 url(uploads/scmm/news_bg.png) top left repeat-x;line-height: 1.3em;}
.news {margin:0 0 10px 0;color:#fff;}
h3.news2 {margin:0 0 5px 0;}
.news3 {margin:5px 0 5px 0;} 

/* Right Column */
#extras {line-height: 1.4em;text-align:center;padding-top: 5px;}
#extras p {margin: 0 0 .5em 0;}
.search-button{margin:5px 0 10px;}
.date{color:#36c;font-size:1.1em;font-weight:bold;}
#extras hr {color:#95bdd6;background-color:#95bdd6;height:2px;}

/* Page stuff */
.imgrht {float:right;margin:2px 0 5px 8px;border:4px solid #95bdd6;}
.imglft {float:left;margin:2px 8px 5px 0;border:4px solid #95bdd6;}
.imgspn {float:left;margin: 0 5px 5px 0;border:0;}

/* Home */
#eventboxes {width:100%;height:280px;margin: 10px 0;padding:0;text-align:center;clear:both;}
#eventboxes img{border:0;padding: 0;}
#fri{width:46%;height:260px;float:left;padding:5px;background:#ffd257 url(uploads/images/box_bg.png) bottom left repeat-x;}
#sat{width:48%;height:260px;float:right;padding:5px;background:#ffd257 url(uploads/images/box_bg.png) bottom left repeat-x;}
#eventboxes h3 {font-size:1.5em;font-weight:bold;color:#f00;margin:0;}
#eventboxes h4 {font-size:1.3em;font-weight:bold;margin:0 0;}
#eventboxes p {margin:5px 0;text-align:left;}
#eventboxes ul {margin:5px 0;padding-left:15px;text-align:left;font-weight:bold;}
/* End of '3_col_screen' */