body {
	margin: 0;
	font-family: Trebuchet MS, verdana, sans-serif;
	background: #911b1e url(../images/bg.jpg) no-repeat top center;
}



#header{
	width: 100%;
	height: 125px;
}

#header-content{
	width: 1000px;
	margin: 0 auto;
	padding-top: 0px;
	text-align: center;
}

#topLogo{
	display: inline;
	height: 69px;
}

/* ----------------- These styles create the menu ----------------- */


#nav{
	height: 33px;
	width: 100%;
	padding-bottom: 10px;
	z-index: 5;
	background: #720306 ;
}

#nav-content{
	width: 1200px; /* the larger the number, the more shifted to the LEFT */
	margin: 0 auto;
	padding-top: 0px;
	z-index: 5;
/*	background: #d7d7d7 ;  */
}
/* when SCOREBOARD link is activated, set the width to 1150px */
/* regular width is 1125px */




#navbar {  
   height: 1em; 
   z-index: 5; 
}
   
#navbar li {
   list-style: none;
   float: left; 
   z-index: 5;
}
   
#navbar li a {
	display: block;
	padding: 10px 20px; 
	font-style:normal;
	color:#ffffff ;
	font-family: arial, sans-seriff;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration: none; 
	z-index: 5;
}
#navbar li a:hover {
	display: block;
	padding: 10px 20px; 
	font-style:normal;
	color:#c0c0c0;
	font-family: arial, sans-seriff;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration: underline; 
	background: #911b1e; /* Main nav mouseover #fffc00 is yellow*/
	z-index: 5;
}


   
   
/*------------------------ Page Layout ------------------------*/

#header{
	width: 100%;
	height: 125px;
	background-image: url(../images/bgTopBar.png);
	background-repeat: repeat-x;
	background-position: top center;	
}

#header .content{
	width: 900px;
	margin: 0 auto;
	padding-top: 0px;
}

#header .topLogo{
	display: inline;
	margin-top: 50x;
	height: 75px;
	float: left;
}



/*------------------------ HEADER STYLES ------------------------*/

h1 {
	color: #FFFFFF;
	font-family: Trebuchet MS, sans-serif;
	font-size: 18pt;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.5px;
	text-transform: uppercase;	
}

h2 {
	color: #FFFFFF;
	font-family: Trebuchet MS, sans-serif;
	font-size: 17pt;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}


h3 {
	color: #FFFFFF;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14pt;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
	padding-bottom: 0px;
	margin-bottom: 0px;
}


h4 {
	color: #FFFFFF;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12pt;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*------------------------ LINK STYLES ------------------------*/


	
	
/* ------------------ LIST CLASSES ------------------*/

ol {
	color: #6d6d6d;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 10pt;
	line-height: 180%;
	text-decoration: none;
	padding-right: 5px;
}
	
ul .names {
	color: #6d6d6d;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 10pt;
	line-height: 180%;
	text-decoration: none;
	padding-right: 5px;
}
		
/* ------------------ HORIZONTAL RULE CLASSES ------------------*/
	
.dashed {
	height: 0;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #c6c6c6;
	width: 100%;
}

.solid {
	height: 0;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #FFFFFF;
	width: 80%;
}

/* ------------------ IMAGE CLASSES ------------------*/


img.thumbs { 
	padding:5px;
	border-style: solid;
	border-width: 1px ;
	border-color: #BDBDBD;
}




/* ------------------------------
PAGE STRUCTURE
------------------------------ */

#column_full{
width:900px; 
margin-right:5px; 
text-align: center;
}

#column_twothirds{
width:600px; 
margin-right:5px; 
float:left;
}

#column_left{
width:300px; 
margin-right:5px; 
float:left;
text-align: center;
}

#column_lefthome{
width:450px; 
margin-right:5px; 
float:left;
text-align: center;
}


#column_right{
width:450px; 
float:left;
text-align: center;
}


#column_middle{
width:300px; 
margin-right:5px; 
float:left;
}


div.spacer{clear:both; height:10px; display:block;}

#footer{width:auto; display:block; padding:10px 0; font-size:11px; color:#666666;}


#main{
	width:auto; 
	display:block; 
	padding:10px 0;
}

#main-content{
	width: 910px;
	margin: 0 auto;
	padding-top: 0px;
}

#main p{
	color: #e8e8e8;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	line-height: 150%;
	text-decoration: none;
	padding-right: 5px;
}

#main ul{
	color: #e8e8e8;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	line-height: 150%;
	text-decoration: none;
	padding-right: 5px;
}
   
.bodybright{
	color: #FFFFFF;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	line-height: 150%;
	text-decoration: none;
	font-style:italic;
	font-weight: bold;
	cursor: pointer;
}

a{
	color: #FFFFFF ;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	line-height: 150%;
	text-decoration: underline;
	font-style:italic;
	font-weight: bold;
}

a:hover{
	color: #c0c0c0;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	line-height: 150%;
	text-decoration: underline;
	font-style:italic;
	font-weight: bold;
}


.clearfooter {
height: 100px;
clear: both;
}

#footer{
	width: 100%;
	height: 125px;
	text-align:center;
}

#footer-content{
	width: 800px;
	margin: 0 auto;
	color: #192152;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 11px;
	line-height: 180%;
	text-decoration: none;
}









.myform{
margin:0 auto;
width:600px;
padding:14px;
}

.mytext{
margin:0 auto;
width:600px;
text-align: left;
}

/* ----------- stylized ----------- */
#stylized{
color:#FFFFFF;
}



#stylized label{
display:block;
font-weight:bold;
text-align:left;
width:200px;
font-size: 10pt;
}

#stylized .field{
font-size:12px;
padding:4px 2px;
border:solid 1px #000;
width:300px;
margin:2px 0 10px 5px;
}


.mytextarea {
font-size:12px;
padding:4px 2px;
border:solid 1px #000;
width:295px;
height:100px;
margin:2px 0 20px 10px;
vertical-align: top;
resize: none;
}

.submitbutton {
margin: 0 0 0 8px;
padding: 4px;
}



hr {
	height: 0;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #c6c6c6;
	width: 100%;
}


#floatBody {  
   float: left;  
   padding-right: 50px;
}

img.floatLeftBody { 
	float: left;
	padding-right: 10px;

}



















#container {
	width:1000px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
	z-index: 1;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	top:-3px;
	left:-80px;
}


/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:930px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:930px;
	height:325px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:117px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:945px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/slider/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}