body {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height:100%;}
.main {
	margin-left: auto;
	margin-right: auto;
	width: 920px;        /* IE bug?  min-width should take care of this */
	min-width: 920px;}
	
html>body .main {   /* Is this for IE 5?  I think it should be “html body .main {“  */
	width: auto;
	min-width: 920px;} 
.banner {
	margin-left: auto;
	margin-right: auto;
	background-color: #a0a0a0;
	height: 220px;}
.BottomBanner {
	margin-left: auto;
	margin-right: auto;
	background-color: #a0a0a0;
	margin-top: 10px;
	}
.BottomBannerIEfix { /* this is to include the styling of the space above the banner */
	clear:left;  /* make sure bottom banner appears below floated elements */
	}
.center {
	padding-right: 178px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;}
.title1 {
	font-size: 72px;
	color: #F8F808;}
.title2 {
	font-size: 60px;
	color: #F8F808;}
.right {
	text-align: right;
	float: right;
	padding-right: 18px;
	padding-top: 0px;}
.left {
	text-align: left;
	float: left;
	width: 200px;}
.logo {
	height: 200px;
	width: 200px;}
.logo-frc {
	}
.content {
	width: 100%;}
.spacer {
  clear: both;}
.spacer2 {
	background-color: #F8F808;
	width: 184px;}
.spacer3 {
	}
.info {
	 margin-left: 184px;
	 padding-left: 17px;
	 padding-right: 17px;}
.navbar {
	float: left;}
.nav {
	background-color: #a0a0a0;
	padding-top: 11px;
	width: 184px;
	padding-bottom: 8px;}
.nav hr {
	color: #F8F808;}
.nav a:link {
	color: #F8F808;
	text-decoration: none;
	padding-left: 20px;}
.nav a:visited {
	color: #F8F808;
	text-decoration: none;
	padding-left: 20px;}
.nav a:hover {
	color: #F8F808;
	text-decoration: underline;
	padding-left: 20px;}
.nav a:active {
	color: #F8F808;
	text-decoration: none;
	padding-left: 20px;}
.maincontent {
	}
.about {
	}
.leftbox {
	margin-right: 240px;}
.about-right {
	padding-top: 22px;}
.about-left {
	margin-top: 2px;
	margin-left: 4px;}
.Thunder-Title {
	text-align: center;
	font-size: 23px;}
.Team-Photo {
	}
.Team-Photo img {
	width: 100%;}
.rightbox {
	float: right;}
.Sponsors {
	width: 200px;}
.SponsorsTitle {
	color: #F8F808;
	background-color: #a0a0a0;
	font-size: 29px;
	padding: 5px 0px;
	text-align: center;}
.SponsorsText {
	}
.SponsorsImages {
	margin-left: 5px;}
.SponsorsImages img {
	margin-top: 10px;}
.BottomText {
	color: #F8F808;
	background-color: #a0a0a0;}
.BottomTextLeft {
	float: left;
	margin-left: 7px;}
.BottomTextRight {
	float: right;
	margin-right: 7px;
	margin-top: 9px;}
.BottomSpacer {
	Width: 100%;
	height: 43px;}
.images div {
	text-align: center;}
.images {
	width: 448px;}
.images .curves {
	padding: 1px;
	width: 215px;}
.imagesleft {
	float: right;}
.imagesright {
	float: left}
.curves {
	background-color: #ffffff;
	}
.curves .t {background: url(images/dot.gif) 0 0 repeat-x;
	}
.curves .b {background: url(images/dot.gif) 0 100% repeat-x;
	}
.curves .l {background: url(images/dot.gif) 0 0 repeat-y;
	}
.curves .r {background: url(images/dot.gif) 100% 0 repeat-y;
	}
.curves .bl {background: url(images/bl.gif) 0 100% no-repeat;

	border: 2px;}
.curves .br {background: url(images/br.gif) 100% 100% no-repeat;
	}
.curves .tl {background: url(images/tl.gif) 0 0 no-repeat;
	}
.curves .tr {background: url(images/tr.gif) 100% 0 no-repeat;
	padding:10px;
	}