* {
   padding: 0px;
   margin: 0px;
}

body {
	font-family: Arial;
   font-size: 12px;
	color: #black;
	background: #eee;
}

#container {
   width: 755px;
   margin-left: auto;
   margin-right: auto;
   background:url(images/copybg.gif) #eeeeee;
   min-height: 400px;

}

#header {
   height: 77px;
   width: 755px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 50px;
   background:url(images/header2.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
}


#footer {
   height: 34px;
   width: 755px;
   margin-left: auto;
   margin-right: auto;
   background:url(images/footer.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   clear:both;
}

#footerlinks{
   height: 34px;
   width: 755px;
   margin-left: auto;
   margin-right: auto;
   text-align:right;
   padding-right: 10px;
}

.logo {
   position: relative; left:-120px; top: -40px;
   width: 97px;
   height: 164;
}

.motto {
   position: relative; left: 595px; top: -40px;
   width: 140px;
   height: 60;
}


#leftcontent {
   min-height: 400px;
   margin-top: 50px;
   width:565px;
   float: left;
   padding-left:10px;
   background:url(images/copybg.gif) #eeeeee;
}

#rightcontent {
   display: inline;
   min-height: 400px;
   margin-top: 50px;
   float: right;
   width: 140px;
   padding-right: 20px;
   background:url(images/copybg.gif) #eeeeee;
   background-position: right;
   margin-bottom: 50px;
   color: #d4d4d4;
   font-size: 10px;
   padding-left: 10px;

}

#rightcontent a {
   color: orange;
   text-decoration: underline;
   font-weight: bold;
}


#rightcontent a:hover {
   color: white;
   text-decoration: underline;
   font-weight: bold;
}






/* Drop down menu */
#nav  { /* all lists */
   position: relative; left:110px; top: -70px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
   display: block;
	font:80% "Arial";
	text-decoration:none;
	color:white;
   text-transform: uppercase;

}

#nav ul{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}


#nav a {
	display: block;

	text-decoration:none;
	color:white;
   text-transform: uppercase;
}
#nav a:hover {
   background-position: top center;
}


#nav li { /* all list items */
	float: left;
	wi/dth: 10em; /* width needed or else Opera goes nuts */
   width: 100px;
   height: 41px;
   text-align: center;
   vertical-align: middle;
   background:url(images/menuback.png);
}

#nav li:hover { /* all list items */
   background:url(images/menuback_over.gif) ;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #8d0e1a;
	width: 100px;  /* change this to get a vertical drop down */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



h1 {
   color: #7b6956;
   font-size:11px;
   font-weight: bold;
}


#testimonial {
   position: relative; left:75px;
   width: 170px;
   float: right;
   background-color: none;
   padding: 0px;
   margin: 0px;
}


#testimonial ul {
	list-style: none;
   margin: 0px;
   padding: 0px;
}

#testimonial li { /* all list items */
   background: url(images/testimonialbg.png);
   list-style: none;
	float: left;
   width: 170px;
   padding: 8px;
   padding-left: 12px;
   margin-top: 0px;

   font-style: italic;
}

#testimonial li.innerimage{ /* all list items */
   background: url(images/test/imonialbg.png);
   list-style: none;
	float: left;
   width: 190px;
   padding: 0px;
   margin-bottom: 10px;
   font-style: italic;
}

#testimonial li.topimage{ /* all list items */
   background: url(images/testimonialtop.png);
   background-repeat: no-repeat;
   list-style: none;
	float: left;
   width: 190px;
   height: 5px;
   padding: 0px;
   margin: 0px;
   margin-b/ottom: 10px;
   font-style: italic;
}

#testimonial li.bottomimage{ /* all list items */
   background: url(images/testimonialbottom.png);
   list-style: none;
	float: left;
   width: 190px;
   height: 8px;
   padding: 0px;
   margin: 0px;
   margin-b/ottom: 10px;
   font-style: italic;
   margin-bottom: 8px;
}

.copyright{
   position: relative;
   padding-left: 10px;
   width: 50%;
}

.madeby {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right;
   padding-right: 10px;
}


/* Float style for the hover over on 'Champion Events' */
a.thumbnail{
		position: relative;
		z-index: 0;
      color:white;
      text-decoration: none;
}

a.thumbnail:hover{
		background-color: transparent;
		z-index: 50;
}

a.thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		padding: 0px;
		left: -1000px;
		visibility: hidden;
		color: black;
		text-decoration: none;
}

a.thumbnail span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 0px;
}

a.thumbnail:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		top: 10px;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		left: 20px; /*position where enlarged image should offset horizontally */
}

a.smalllink {
   color: #67737a;
   font-size: 9px;
   text-transform: uppercase;
   text-decoration: none;
}


a.smalllink:hover {
   color: orange;
   font-size: 9px;
   text-transform: uppercase;
   text-decoration: none;
}

.copyright {
   color: #67737a;
   font-size: 9px;
   text-transform: uppercase;
   text-decoration: none;
}


a {
   color: #67737a;
   text-decoration: underline;
   font-weight: bold;
}


a:hover {
   color: orange;
   text-decoration: underline;
   font-weight: bold;
}