/*************************************************************************TOP NAVIGATION*************************************************************************/


/* This section menu also uses an .htc (csshover.htc) file which extends IE to allow hovering on elements other than <a> tags */

/* Supposedly, this section is styling for all browsers, while the next is specific to IE. This has not been my experience though  */

.top_nav {
font-family: verdana, sans-serif;
position:relative;
font-size: 10px;
width:570px; /* 08/18/06 added to accomodate IE on XP */
z-index:100;
}

.movie {
z-index:0;
}

.top_nav ul {
padding:0; 
margin:0;
list-style-type: none;
}

.top_nav ul li {
float:left;
position:relative; 
}

/*** Top Menu Item Styles ****/
.top_nav ul li a, .top_nav ul li a:visited {
display:block; 
text-decoration:none;
text-align: center;
color:#000; 
width:134px;
height:2.2em;
color:#373737; 
border:1px solid #fff; 
border-width:0px 2px 2px 2px; /* border around elements top, right, bottom, left */
border-color: #777777;
background:#CFCFCF;
padding-left:0px;
padding-right:0px; 
line-height:2em;
z-index: 100000;
position:relative;
}

/* I belive this trick is used to target IE 5.5 and IE 6 - I think the star specifies IE and the slash is for IE 6 - it needs to go before a vowel, I beileve */ 

* html .top_nav ul li a, .top_nav ul li a:visited {
z-index:10000;
position:relative;
width:166px;
w\idth:134px;
}

.top_nav ul li ul {
display: none;
}


/* Again, this section is supposedly specific to non IE browsers */


/* Top menu item hover  */

.top_nav ul li:hover a,
.top_nav ul li a:hover {
color:#0D3692;
background-color: #AAAAAA;
z-index:10000;
position:relative;
}

.top_nav ul li:hover ul,
.top_nav ul li a:hover ul {
display:block; 
position:absolute; 
top: 0px;
margin-top:0px;
top:0px;
padding-top:27px; /* Padding between the tab and the drop down - there's about 25 extra pixels here for some reason. */
height: 0px;
left:0; 
width:150px;
}

/* I belive this trick is used to target IE 5.5 and IE 6 - I think the star specifies IE and the slash is for IE 6 - it needs to go before a vowel, I beileve */ 

* html .top_nav ul li a:hover ul {
margin-top: 10px;
marg\in-top:1px;
}

.top_nav ul li:hover ul li ul,
.top_nav ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

/* Dropdown styles */
.top_nav ul li:hover ul li a,
.top_nav ul li a:hover ul li a {
	text-align: left;
	display:block;
	background-color: #CFCFCF;
	height: auto;
	line-height: 17px; /* used to be 1.2em */
	padding: 0px 0px 0px 0px;  /* HELPED WITH IE OFFSET Padding around entire drop down element (top, right, bottom, left) - or, actually just the text - now I'm not sure. */
	width:175px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
}
* html .top_nav ul li a:hover ul li a {
width:150px;
w\idth:175px;
}

/* Drop down margin */
.top_nav ul li:hover ul li a .drop_margin,
.top_nav ul li a:hover ul li a .drop_margin {
margin-left: 7px;
}

/* Top link in drop down */
.top_nav ul li:hover ul li a.drop_top,
.top_nav ul li a:hover ul li a.drop_top {
	border-top-width:1px;
}

.top_nav ul li:hover ul li a:hover,
.top_nav ul li a:hover ul li a:hover {
	color: #333333;
	background-color: #BBBBBB;
	border-left-width: 1px;
	border-right-width: 1px;
}



/************************************************************************* LEFT NAVIGATION *************************************************************************/ 



.left_nav {
width: 134px; /* Sets the width of the menu */
behavior: url("./includes/csshover.htc");
}

.left_nav ul {
list-style: none; /* Gets rid of the bullets*/
margin: 0;
padding: 0;
}

.left_nav a {
font: 11px arial, helvetica, sans-serif;
color: #FFFFFF ;
display: block;
border-width: 1px;
border-style: none;
border-color: #cccccc;
margin-left: 8px;
padding: 2px;
background: #0D3692;  /*Changes the BG color behind elements */
text-decoration: none;
line-height: 12px;
}

.refer_a_friend {
font: 11px arial, helvetica, sans-serif;
color: #FFFFFF ;
margin-left: 8px;
padding: 2px;
background: #0D3692;  /*Changes the BG color behind elements */
text-decoration: none;
line-height: 12px;
}

.left_nav a:hover {
color: #7A8CB5;
background: #0D3692;
}


.left_nav ul li ul li a:hover {
display:block;/*igor*/
color: #FFFFFF;
background: #7A8CB5;
}


/* Keeps flyout beside menu */ 
.left_nav li {
position: relative;
margin-right: 8px;
}

/* Also keeps flyout in right spot */
.left_nav ul ul {
position: absolute;
z-index: 10000;
padding-left: 1px;
top: 0;
left: 100%;
width: 115%;
}

/* Seems to control the flying out */ 
div.left_nav ul ul, 
div.left_nav ul li:hover ul ul {
display: none;
}

/* Also controls the flying out */
div.left_nav ul li:hover ul,
div.left_nav ul ul li:hover ul {
display: block;
}


/************************************************************************* OTHER THAN NAVIGATION *************************************************************************/


.new_to_vavi {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFF00;
line-height: 25px;
font-weight:bold;
}

a:hover .new_to_vavi {
color:#FFFFFF;
}

.athletics_heading {
font-family:"Times New Roman", Times, serif;
font-size:30px;
font-style: italic;
color: #FFFFFF;
margin-left: 10px;
margin-top: 10px;
}

.athletics_sub {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-style: normal;
color: #FFFFFF;
}

.start_here {
line-height:10px;
font-size: 11px;
}

.left_padding {
margin-left: 6px;
}

input.refer {
background-color: #E3E8F3;
border: 1px solid #CCCCCC;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 5px;
margin-bottom: 5px;
margin-left:10px;
}

#main_left_shadow_infinite {
	background-image:url(../images/main_left_shadow_infinite.jpg);
	background-repeat:no-repeat;
	height: 883px;
}

#main_right_shadow_infinite {
	background-image:url(../images/main_right_shadow_infinite.jpg);
	background-repeat: repeat-y;
	height: 883px;
	width: 17px;
}

#main_bottom_shadow {
	background-image:url(../images/main_bottom_shadow.jpg);
	background-repeat: repeat-y;
	height: 30px;
}

#main_dots {
	background-image:url(../images/ads_filler_ad.jpg);
	background-repeat: repeat-y;
	width: 1px;
}

#nav_and_content {
width:713px;
}

table.center {
margin-left:auto; 
margin-right:auto;
}

/*********************** BEGIN OLD CSS ****************************************************/

BODY  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #889296;
	background-image: url(../images/background_gradient.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;	
}

.barefoot a:visited, .barefoot a:link{
	color: blue;
}

.barefoot a:hover {
	color: white;
}

.barefoot{
	text-align: center;
	color: black;
	text-decoration:none;
	font-size: 10px;
}

.required           {COLOR: #ED1C24;FONT:bold 15px Arial, Helvetica, sans-serif;TEXT-DECORATION: none}

.choose_sport {
    width: 146px;
}

.PhorumBodyArea
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size: 12px;
    width: 500px;
}

.PhorumListTable
{
    border-style : solid;
    border-color : Black;
    border-width : 1px;
}

.PhorumListRow
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
}

.PhorumListHeader
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
    height: 24px;
}

.PhorumForumTitle
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: bold;
}

.PhorumTableHeader
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.PhorumNav
{
    font-family: Geneva, Verdana, MS Sans Serif , Clean, sans-serif;
    font-size: 10px;
}

.PhorumNewFlag
{
    font-family: Geneva, Verdana, MS Sans Serif , Clean, sans-serif;
    font-size: 10px;
    color: Red;
}

.PhorumMessage
{
    font-family: Courier New, Geneva, Courier, Clean;
    font-size: 12px;
}

.PhorumForumDescription
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size: 10px;
}

.PhorumForumPosts
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.PhorumForumLast
{
    font-family: Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.directions
{
    font-family: Verdana, Arial, Clean, Helevetica, sans-serif;
    font-size: 10px;
}

.error
{
    font-family: Verdana, Arial, Clean, Helevetica, sans-serif;
    font-size: 12px;
    color: red;
}


TABLE {
	font : 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	border-collapse:collapse;	
}

TD.gray         {
	BACKGROUND-COLOR: #CCCCCC;
}

  .redhead {
    color : #FF0000;
    font-weight : bold;
    font-size   : 12px;
    font-family : Verdana, Arial, Helvetica, 'Sans-Serif';
  }

  H2.boldtitle {
    color : #000000;
    font-weight : bold;
    text-decoration : underline;
    line-height : 140%;
    font-family : Verdana, Arial, Helvetica, 'Sans-Serif';
  }

  H2.sectiontitle {
    color : #000080;
    font-weight : bold;
    font-size   : 12px;
    font-family : Verdana, Arial, Helvetica, 'Sans-Serif';
  }
  
.subsectiontitle {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	/*font-family: Verdana, Arial, Helvetica, 'Sans-Serif';*/
	text-decoration: none;
	line-height: 140%;
}
.seo_content {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	/*font-family: Verdana, Arial, Helvetica, 'Sans-Serif';*/
	text-decoration: none;
	line-height: 140%;
}

TR.odd {
    background-color: #CCCCCC;
}
TR.even {
    background-color: whitesmoke;
}
.table_heading {
    color : #000000;
    font-weight : bold;
    font-size   : 11px;
    font-family : Verdana, Arial, Helvetica, 'Sans-Serif';
}
.table_information {
    color : #000000;
    font-size   : 11px;
    font-family : Verdana, Arial, Helvetica, 'Sans-Serif';
}
.table_title {
    color : #082C8C;
    font-weight : bold;
    font-size   : 18px;
    text-align  : center;
    font-family : Verdana, Arial, Helvetica, 'Sans-Serif';
}
.video_title {
    color : #082C8C;
    font-size	: 11px;
    font-weight : bold;
    font-family : Tahoma, Verdana, Arial, Helvetica, 'Sans-Serif';
}
.large_video_title {
    color : #082C8C;
    font-size	: 20px;
    font-weight : bold;
    font-family : Tahoma, Verdana, Arial, Helvetica, 'Sans-Serif';
}
.video_links {
    color : #000000;
    font-size	: 11px;
    font-family : Tahoma, Verdana, Arial, Helvetica, 'Sans-Serif';
}
.roster_textbox {
    font-size: 10px;
    border-width: 2px;
}

.whats_happening {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.whats_happening input {
width:160px;
height:15px;
background-color: #E3E8F3;
border: 1px solid #CCCCCC;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top:0px;
margin-bottom:5px;
margin-left:0;
}

.whats_happening .submit_button {
width:49px;
height:13px;
margin-bottom:0px;
}

#pod_subhead {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin:5px 0 5px 0;
}

#whats_happening_form {
margin-top: 0px;
margin-bottom: 0px;
}

.sign_up {
background-image:url(../images/pod_bg_girls.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.left_td {
background-image:url(../images/pod_middle_left.gif);
background-repeat:repeat-y;
}
.right_td {
background-image:url(../images/pod_middle_right.gif);
background-repeat:repeat-y;
}
.bottom_td {
background-image:url(../images/pod_bottom_middle.gif);
background-repeat:repeat-x;
}

.activity_heading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height: 30px;
}

.sign_up a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0D3692;
text-decoration: none;
}
.sign_up a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0D3692;
text-decoration: none;
}
.sign_up a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF6600;
text-decoration: underline;
}
.sign_up a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0D3692;
text-decoration: none;
}
.in_the_news {
margin-top:11px;
}

.blue_title {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #3366CC;
}


.seo_content h1 {
line-height: 25px;}

.lnkblk {
	color: blue;
	text-decoration: underline;
	line-height: 19px;
	}
.lnkblk:hover{
	color: red;}	
	
.lnkbld {
	color: red;
	text-decoration: none;
	font-weight: bold;
	}
#sport_image {
	float: right;
	margin-top: 3%;
	padding-left: 10px;
	}

.FBConnectButton_Simple {
	
	background-position: -9999px -9999px;
	
	}
	
	.hide {
	display: none;
	}	
	
.fl_left a {
	color: blue;
	padding-left: 10px;
	
	}