@charset "utf-8";
/* CSS Document */


.container {
	width: 100%;
	margin: 0 auto;
}

div#homeheader {
	text-align:center;
	width:660px;
	margin: 50px auto 10px auto;
}

#homeheader h1 a.logo{
	display:block;
	margin: 0 auto;
	width:478px;
	height:59px;
	background:url(images/msc_logo.gif) no-repeat top;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

div.topnav {
	background:#000;
	height:36px;
	padding-top:5px;
}

.topnav ul{
	text-align:center;
	width:660px;
	list-style:none;
	margin:7px auto auto auto;
	padding:auto;
	overflow:hidden;
}

.topnav li{
	display:inline;
	overflow:hidden;
	padding:0px 10px 0px 10px;
	margin:0 0 0 -1px;
}

.topnav li a{
	display:inline;
	font-size:14px;
	line-height:18px;
	color:#fff;
	text-decoration:none;
}

.topnav li a:hover {
	color: #f5150d;
	}
	
.topnav li .current a {
	color: #f5150d;
	}	

div#content {
	margin: 0 auto;
	text-align:center;
	width:660px;
}
div#leftcol {
	background: url(images/main_left.jpg) top no-repeat;
	text-align:left;
	float:left;
	width: 294px;
	padding-top:220px;
}
div#midcol {
	background: url(images/main_middle.jpg) top no-repeat;
	text-align:left;
	float:left;
	width: 226px;
	padding-top:220px;	
}
div#rightcol {
	background: url(images/main_right.jpg) top no-repeat;
	text-align:left;
	float:left;
	width: 140px;
	padding-top:220px;	
}

div#leftcol h2, div#midcol h2, div#rightcol h2 {
	margin: 5px 2px 10px 2px;
	color:#f5150d;
	font-weight:bold;
	font-size:16px;
	}
div#footer {
	margin-top: 20px;
	width:100%;
	background:#000;
	height:36px;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}