/* CSS for SSN */

body {
/*	margin: 	10px;   */
	margin:		0;
	padding:	0;
	color:		#000000;
	font-family:Verdana, sans-serif;
	font-size: 	small;
	behavior:	url(csshover.htc);
}

#banner{
	clear:		both;
	margin:		0;
	padding:	0;
	float:		left;
	
	border:		0;
}
#ssn{
	clear:		both;
	float:		left;
	border: 	0;
}
#bottom{
	color:		#996633;
}
#bottom table{
	bgcolor:	#420001;
}
/*----------------------------------------------------*/
/*      navigation                                    */
/*----------------------------------------------------*/
#nav ul{
	margin: 	0;
	padding: 	0;
	list-style: none;
	width: 		960px;
	height:		30px;
	float:		left;
	color:		#FFFF33;
	background:	#420001 repeat-x;
}

#nav ul li{
	float:			left;
/*	border-right:	2px solid;
	border-bottom:  1px solid; */
	font-size:		96%;
	font-weight:	bold;
}

#nav ul a{
	display:		block;
	float:			left;
	padding: 	    0 1.25em;
	line-height: 	2.2em; 
	text-decoration: none;
	color: 			#e3b602;
}

#nav a:hover{
	color:			#FFFF33;
	background:		#666666;
}

/*----------------------------------------------------*/
/*      scores section                                */
/*----------------------------------------------------*/
#scores{
	background:		#a4a4a4;
	width:			960px;
	height: 		72px;
}
#score{
	float:			left;
	margin-top:	    5px;
	margin-right: 	3px;
	color:			#CCCCCC;
	width:			70px;
	padding: 		5px;
	font-size:  	60%;
	background:		#463E3F;
	text-align:		center;
	font-weight:	bold;
}
#scoreLeft{
	float:			left;
}
#scoreRight{
	float:			right;
}

#sports
{
	float:			left;
	color:			#fcff00;
	font-weight:	bold;
	padding:        3px;
}
#selected
{
	float:			none;
	font-size:		80%;
	font-weight:	bold;
	color:			#fcff00;
	text-decoration: none;	
	background: 	#a4a4a4 url(../images/sportBackgroundArrow.gif) no-repeat left bottom;
}
#selected a
{
	padding-left:	25px;
	padding-right:	30px;
	color:			#fcff00;
	text-decoration: none;
}
#sport
{
	float:			none;
	font-size:		80%;
	color:			#fcff00;
	font-weight:	bold;
	background: 	#a4a4a4 url(../images/sportBackground.gif) no-repeat left bottom;
}
#sport a
{
	padding-left:	25px;
	padding-right:	30px;
	color:			#fcff00;
	text-decoration: none;
}
#sport a:hover
{
	background: 	#a4a4a4 url(../images/sportBackgroundArrow.gif) no-repeat left bottom; 
	color:			#fcff00;
	text-decoration: none;
}
#sport a:active
{
	background: 	#a4a4a4 url(../images/sportBackgroundArrow.gif) no-repeat left bottom; 
	color:			#fcff00;
	text-decoration: none;
}


/*----------------------------------------------------*/
/*      other section                                 */
/*----------------------------------------------------*/
#content{
	margin:		5px;
	padding: 	5px;
	background:	#000000;
}
#feature{
	float:		left;
	display:	inline;
	padding-right: 10px;
	border:		0;
}
#standings{
	margin:		 5px;
	float:		 left;
	padding-left:10px;
	background:	 #000000;
}
/*----------------------------------------------------*/
/*      video on main page                            */
/*----------------------------------------------------*/
#video{
	float:		right;
	padding: 	2px;
	background:	#420001;
}
#videoList{
	clear:		both;
	background-color:#999999;
	text-decoration:none;
	color:		#99CCCC;
	float:		left;
	font-size:  120%;
	padding:	10;
	margin:		10;
}
#videoList a{
	text-decoration:none;
	padding:    3px;
}

#videoDesc{
	float:		right;
	padding:	2px;
	text-align:	right;
	font-weight:bold;
}
/*----------------------------------------------------*/
/*      video page section                            */
/*----------------------------------------------------*/
#videoScreen{
	padding: 	10px;
	background:	#000000;
}
#videoMain{
	float:		right;
	padding: 	3px;
	background:	#420001;
	color:		#7a7a7a;
}
#photoList{
	float:		right;
	padding: 	3px;
	background:	#420001;
	color:		#FFFF00;
}
#videoMainList{
	clear:		both;
	color:		#7a7a7a;
	float:		right;
	padding:	0;
	margin:		0;
}
#videoMainDesc a{
	float:		right;
	margin:		0;
	padding:	5px;
	padding-right:10px;
	text-align:	right;
	text-decoration:none;
	font-weight:bold;
	font-size:	70%;
	color:		#FFFF00;
}
#videoMainDescLeft a{
	float:		left;
	margin:		0;
	padding:	5px;
	padding-right:10px;
	text-align:	right;
	text-decoration:none;
	font-weight:bold;
	font-size:	70%;
	color:		#FFFF00;
}
#videoMainDesc a:hover{
	color:		#FFFF00;
	background:	#666666;
	font-size:	80%;

}
/*----------------------------------------------------*/
/*      text section                                  */
/*----------------------------------------------------*/
h1{
	margin: 	5px;
	color:		#fec311;
	text-decoration: none;
	font-size:	130%;
}
h2{
	margin: 	5px;
	color:		#fec311;
	text-decoration: none;
	font-size:	80%;
}
#footer {
	clear: 		both;
	padding: 	10px 20px;
	background: #cc9;
}
table{
	border:		0;
	padding:	0;
	margin:		0;
}
tr{
	border:		0;
	padding:	0;
	margin:		0;
}

td{
	border:		0;
	padding: 	0;
	margin:		0;
}
img{
	border:		0;
	padding: 	0;
	margin:		0;
}
ul{
	border:		0;
	padding:	0;
	margin:		0;
}
li{
	border:		0;
	padding:	0;
	margin:		0;
	list-style: none;
}

/*----------------------------------------------------*/
/*      standings box section                         */
/*----------------------------------------------------*/
.box {
	font-size: 			1em;
	width: 				330px;
	height: 			100px;
	margin-bottom:		10px;
	background: 		#cccccc url(../images/tile.jpg) repeat-y;  
}
.box .first {
	background: 		#cccccc url(../images/top.jpg) no-repeat left bottom;
	padding-top: 		20px;
}
.box h2 {
	margin: 			0;
	background: 		#cccccc url(../images/top.jpg) no-repeat left top;
	font-size: 			1.3em;
	text-align:			center;
  	font-weight: 		bold;
	color: 				#420001;
	text-decoration: 	none;
	padding-left: 		20px;
	padding-right: 		20px;
	padding-top:	    5px;
	padding-bottom:     2px;
}
.box h3 {
	background: 		#cccccc url(../images/top.jpg) no-repeat left top;
	padding-top: 		20px;
	font-size: 			1.5em;
  	font-weight: 		bold;
	text-decoration: 	underline;
	line-height: 		1; 
	color: 				#420001;
	margin: 			0;
	padding-left: 		20px;
	padding-right: 		20px;
}
.box li {
	background: 		#cccccc url(../images/tile.jpg) no-repeat left top;
	color: 				#420001;
	margin: 			0;
	padding-left: 		20px;
	padding-right: 		20px;
	padding-bottom:  	2px;
}
.box a {
	background: 		#cccccc url(../images/tile.jpg) no-repeat left top;
	color: 				#420001;
	margin: 			0;
	padding-left: 		60px;
	padding-right: 		20px;
	text-align:			center;
}
hr{
	border:				0;
	padding:			0;
	margin:				0;
}
.box .last {
	background: 		#cccccc url(../images/bottom.jpg) no-repeat left bottom;
	padding-bottom: 	10px;
	line-height:		0;
	margin:				0;
}
.box p {
	padding-left: 		20px;
	padding-right: 		20px;
	background: 		#cccccc url(../images/top.jpg) repeat-y;
}

/*----------------------------------------------------*/
/*      MAP		                      			      */
/*----------------------------------------------------*/
#map {
	background:	#420001;
	height:		360;
	width:		140;
	
}
#map a{
	display:	block;
	margin: 	0;
	padding: 	0;
	padding-top:  5px;
	padding-left: 20px;
	text-decoration: none;
	list-style:	none;
	width:		140px;
	border:		1;
	color:		#cccccc;
	background:	#420001;
}
#map a:hover{
	color:		#999999;
	background:	#666666;
}
#map ul{
	margin: 	0;
	padding: 	1;
	list-style:	none;
	width:		140px;
	border:		1;
	color:		#cccccc;
}

#map ul li{
	font-size:	96%;
	font-weight:	bold;
	padding-left:	15px;
	color:		#cccccc;
}

#map ul a{
	display:	block;
	padding: 	0 1.75em;
	text-decoration: none;
	color: 		#e3b602;
}
#map ul a:hover{
	color:		#999999;
	background:	#666666;
}

#map ul ul ul {
	position: 	relative;
	top: 		0;
	left: 		100%; 	/* to position them to the right of their containing block */
	width: 		100%; 	/* width is based on the containing block */
}


/*----------------------------------------------------*/
/*      scores section                                */
/*----------------------------------------------------*/
#standings{
	background:		#a4a4a4;
	padding:		10px; 
	width:			580px;
	height: 		710px;
}

#standingsText{
	float:			left;
	color:			#fcff00;
	font-weight:	bold;
	padding:        5px;
}

#standings a{
	color:			#666666;
	text-decoration: none;
}
#standings a:active, a:hover{
	background:		#99CCCC;
	color:			#fcff00;
	text-decoration: none;
}


/*----------------------------------------------------*/
/*      scores section                                */
/*----------------------------------------------------*/
#features{
	background:		#a4a4a4;
	padding:		10px; 
	width:			100%;
	height: 		100%;
}
#features2{
	background:		#a4a4a4;
	padding:		10px; 
	padding-right:	20px;
	width:			580;
	height: 		100%;
}

#featuresText{
	float:			left;
	color:			#fcff00;
	font-weight:	bold;
	padding:        5px;
}

#features a{
	color:			#FFFF00;
/*	text-decoration: none; */
}
#features a:active, a:hover{
	background:		#99CCCC;
	color:			#fcff00;
	text-decoration: none;
}


.TeamListHead
{      
  text-align:		center;
  background-color: #c0c0c0;                      
  font-family: 		Verdana, Arial;                    
  font-weight: 		bold;                              
  font-size: 		8pt;                                
  color: 			#000000;
  padding-left: 	3px;  
  padding-right:	3px;                            
}                                                 
.TeamListBigHead
{      
  text-align:		center;
  background-color: #c0c0c0;                      
  font-family: 		Verdana, Arial;                    
  font-weight: 		bold;                              
  font-size: 		170%;                                
  color: 			#000000;
  padding-left: 	3px;  
  padding-right:	3px;                            
}                                                 
.TeamListHeadLeft
{      
  text-align:		left;
  background-color: #c0c0c0;                      
  font-family: 		Verdana, Arial;                    
  font-weight: 		bold;                              
  font-size: 		8pt;                                
  color: 			#000000;
  padding-left: 	10px;  
  padding-right:	3px;                            
}                                                 
.TeamListHeadRight
{      
  text-align:		right;
  background-color: #c0c0c0;                      
  font-family: 		Verdana, Arial;                    
  font-weight: 		bold;                              
  font-size: 		8pt;                                
  color: 			#000000;
  padding-left: 	10px;  
  padding-right:	5px;                            
}                                                 
.TeamListContent                              
{                                                 
  text-align:		center;
  font-size:		12px;
  background-color: #ffffff;                      
}    
a
{
  color:	#333333;
}
a.TeamUnselected                              
{                                                 
  font-family: Verdana, Arial;                    
  font-weight: bold;                              
  font-size: 9pt;                                 
  color: #cd853f;                                 
  line-height: 25px;                              
  padding-right: 5px;                             
  padding-left: 5px;                              
  text-decoration: none                           
}                                                 
a.TeamUnselected:hover                        
{                                                 
  color: #d2691e;                                 
  padding-right: 5px;                             
  padding-left: 5px                               
}                                                 
a.TeamSelected                                
{                                                 
  font-family: Verdana, Arial;                    
  font-weight: bold;                              
  font-size: 9pt;                                 
  color: #a0522d;                                 
  line-height: 25px;                              
  padding-right: 5px;                             
  padding-left: 5px;                              
  text-decoration: none                           
}    
     
#aboutContent {
	clear: 		both;
	padding: 	10px 20px;
	background: #cc9;
}





.TableHeader
{      
  font-family: 	Verdana;
  font-weight: 	bold;
  font-size: 	12px;
  color: 		#ffffff;
  text-align:	center;
  background: 	#00008b
}      
.TableRow
{      
  font-family: 	Verdana;
  font-size: 	11px;
  text-align:	center;
  background: 	#dcdcdc
}      
.AdminPageText
{      
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
}      
.AdminErrorText
{      
  font-weight: bold;
  font-size: 12px;
  color: red;
  font-style: italic;                                            
  font-family: Verdana, Helvetica, sans-serif;                   
}                                                                
.AdminButtonText                                                 
{                                                                
  color: Black;                                                  
  font-family: Verdana, Helvetica, sans-serif;                   
  font-weight: bold;                                             
  font-size: 11px;                                               
}        
.Login                                                                                         
{                                                                                              
  font-family: Verdana, Helvetica, sans-serif;                                                 
  font-size: 9pt                                                                               
}                                                                                              
.LoginHead                                                                                     
{                                                                                              
  border-right: #cc6666 2px solid;                                                             
  border-top: #cc6666 2px solid;                                                               
  border-left: #cc6666 2px solid;                                                              
  border-bottom: #cc6666 2px solid;                                                            
  background-color: #dc143c;                                                                   
  font-family: Verdana, Arial;                                                                 
  font-weight: bold;                                                                           
  font-size: 10pt;                                                                             
  color: #f5f5dc;                                                                              
  padding-left: 3px                                                                            
}                                                                                              
.LoginContent                                                                                  
{                                                                                              
  border-right: #cc6666 2px solid;                                                             
  border-top: #cc6666 2px solid;                                                               
  border-left: #cc6666 2px solid;                                                              
  border-bottom: #cc6666 2px solid;                                                            
  background-color: #ffcccc;                                                                   
  font-family: Arial, Verdana;                                                                 
  font-size: 9pt;                                                                              
  color: brown;                                                                                
  padding-top: 3px;                                                                            
  padding-left: 12px;                                                                          
  margin-top: 3px
}       
.SubmitLogin
{       
  border-right: #cc6666 1px solid;
  border-top: #cc6666 1px solid;
  border-left: #cc6666 1px solid;
  border-bottom: #cc6666 1px solid;
  background-color: #ffcccc;
  font-family: Arial, Verdana;
  font-size: 9pt;
  color: #a52a2a;
  margin-top: 3px;
  margin-bottom: 5px
}  
     
#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent url(../images/sportBackgroundArrow.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#navcontainer ul li a:hover
{
background: transparent url(../images/sportBackgroundArrow.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(../images/sportBackgroundArrow.gif) left center no-repeat;
color: #666;
}
                           
