/************************
*** HG Sports Sub-nav ***
*************************/
#hs_secondary_nav{
	background:url(/projo/main/art/main-nav-bg.png) repeat-x top left;
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
}
#hs_secondary_nav ul{
	float:left;
	margin-bottom: 10px;
}
#hs_secondary_nav ul.secondary-col, #hs_secondary_nav ul.secondary-col a{
	color: #fff;
}
#hs_secondary_nav ul.secondary-col{
	padding: 10px 10px 0px 10px;
}
#hs_secondary_nav ul.secondary-col li{
	display: block;
	float: none;
	margin-left: 20px;
	min-height: 10px;
	padding-bottom: 5px;
}
#hs_secondary_nav ul.secondary-col li.col-header{
	margin-left: 10px;
	color: #015092;
	font-weight: bold;
}
#hs_secondary_nav ul.secondary ul li a{
	text-align: left;
	color: #015092;
}
#hs_secondary_nav .hs-border-left {
	background:url(/projo/main/art/border-sides.png) no-repeat top left;
	height:100%;
	float:left;
	padding-left:15px;
	background-color:#FFF;
}
#hs_secondary_nav .hs-border-right {
	background:url(/projo/main/art/border-sides.png) no-repeat top right;
	height:100%;
	float:left;
	padding-bottom:10px;
	width:450px;
}
#hs_secondary_nav .hs-border-btm {
	background:url(/projo/main/art/border-btm.png) repeat-x bottom center;
	float:left;
	width:100%;
	padding-bottom: 4px;
}
	
#hs_secondary_nav ul li.nav-one{
	background:url(/projo/main/art/main-nav-divider.png) no-repeat top left;
	height:40px;
	padding-left:2px;
	list-style:none;
	display:inline-block;
	float:left;
	width: 101px;
}
#hs_secondary_nav ul li.nav-one a {
	padding:0.9em 0px;
	display:block;
	color:#fff;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	text-align: center;
}


#hs_secondary_nav ul li ul li a {
	padding: 1px !important;
	text-align: left !important;
	color: #fff;
}
#hs_secondary_nav ul li ul li a:hover{
	text-decoration: underline;
}

/* Hover State */
#hs_secondary_nav ul li:hover .active-state, #hs_secondary_nav ul li:focus .active-state {
	background:url(/projo/main/art/main-nav-active-bg.png) repeat-x top left;
	display:block;
}
#hs_secondary_nav ul li:hover .active-state a, #hs_secondary_nav ul li:focus .active-state a {
	background:url(/projo/main/art/main-nav-active-chevron.png) no-repeat center bottom;
	display:block;
	height: 16px;
}


/* Active State */
#hs_secondary_nav ul li.active .active-state, #hs_secondary_nav ul li.index-active .active-state {
	background:url(/projo/main/art/main-nav-active-bg.png) repeat-x top left;
	display:block;
}
#hs_secondary_nav ul li .secondary, #hs_secondary_nav ul li .secondary{
	visibility: hidden;
}
#hs_secondary_nav ul li:hover .secondary, #hs_secondary_nav ul li:focus .secondary {
	visibility:visible;
	display: block;
	z-index: 1000;
	position: absolute;
	margin-left: -362px;
	background-color: #fff;
}
#hs_secondary_nav ul li .secondary ul li{
	background: none;
}


/**********************
*** Secondary Level ***
**********************/
#container_main_navigation ul li ul {
	visibility:hidden;
	position:absolute;
	background-image:none;
	padding:0;
	z-index:1;
	background-color:#FFF;
}
#container_main_navigation ul li .secondary {
	z-index:1;
	margin-left:-470px;
	background-color:#FFF;
	padding-left:400px;
	height:40px;
	overflow:visible;
}
#container_main_navigation ul li ul li {
	background-image:none;
	padding:8px 10px 0 10px;
	height:auto;
}
#container_main_navigation ul li ul li a {
	font-size:12px;
}
#container_main_navigation ul li:hover ul li a, #container_main_navigation ul li ul li a, #container_main_navigation ul li.active ul li a {
	background:none;
	padding:0;
	/*color:#707070;*/
	color:#0e3d71;
	font-size:12px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif
}
/* Hover State */
#container_main_navigation ul li ul li:hover a, #container_main_navigation ul li ul li.active a {
	/*color:#020202;*/
	text-decoration:underline;
}


		
/***********************
 *** Main Navigation ***
 **********************/
.navigation-main { 
	width:980px;
	margin-left:10px;
}
#container_main_navigation {
	background:url(/projo/main/art/main-nav-bg.png) repeat-x top left;
	max-width:1020px;
	margin:auto;
	height:80px;
}
/********************
*** Primary Level ***
********************/
#container_main_navigation ul {
	background:url(/projo/main/art/main-nav-divider.png) no-repeat top right;
	padding-right:2px;
	float:left;
}
#container_main_navigation ul li {
	background:url(/projo/main/art/main-nav-divider.png) no-repeat top left;
	height:40px;
	padding-left:2px;
	list-style:none;
	display:inline-block;
	float:left;
}
#container_main_navigation ul li a {
	padding:10px 0.78em 0 0.78em;
	display:block;
	height:30px;
	color:#FFF;
	/* font-size:14px; */
	font-size:117%;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
/* Darker Menu */
#container_main_navigation ul li.dark-menu a {
	background:url(/projo/main/art/main-nav-dark-bg.png) repeat-x top left;
	display:block;
}
/* Hover State */
#container_main_navigation ul li:hover a, #container_main_navigation ul li:focus a {
	background:url(/projo/main/art/main-nav-active-chevron.png) no-repeat center bottom;
	display:block;
}
#container_main_navigation ul li:hover .active-state, #container_main_navigation ul li:focus .active-state {
	background:url(/projo/main/art/main-nav-active-bg.png) repeat-x top left;
	display:block;
}
#container_main_navigation ul li:hover .secondary, #container_main_navigation ul li:focus .secondary {
	visibility:visible;
}
/* Active State */
#container_main_navigation ul li.active a, #container_main_navigation ul li.index-active a {
	background:url(/projo/main/art/main-nav-active-chevron.png) no-repeat center bottom;
	display:block;
}
#container_main_navigation ul li.active .active-state, #container_main_navigation ul li.index-active .active-state {
	background:url(/projo/main/art/main-nav-active-bg.png) repeat-x top left;
	display:block;
}
#container_main_navigation ul li.active .secondary {
	visibility:visible;
	z-index:0;
}
/**********************
*** Secondary Level ***
**********************/
#container_main_navigation ul li ul {
	visibility:hidden;
	position:absolute;
	background-image:none;
	padding:0;
	z-index:1;
	background-color:#FFF;
}
#container_main_navigation ul li .secondary {
	z-index:1;
	margin-left:-470px;
	background-color:#FFF;
	padding-left:400px;
	height:40px;
	overflow:visible;
}
#container_main_navigation ul li ul li {
	background-image:none;
	padding:8px 10px 0 10px;
	height:auto;
}
#container_main_navigation ul li ul li a {
	font-size:12px;
}
#container_main_navigation ul li:hover ul li a, #container_main_navigation ul li ul li a, #container_main_navigation ul li.active ul li a {
	background:none;
	padding:0;
	/*color:#707070;*/
	color:#0e3d71;
	font-size:12px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}
/* Hover State */
#container_main_navigation ul li ul li:hover a, #container_main_navigation ul li ul li.active a {
	/*color:#020202;*/
	text-decoration:underline;
}
/**********************
*** Tertiary Level ***
**********************/
.tertiary-bottom {
	visibility:hidden;
}
#container_main_navigation ul li .secondary li.has-children:hover .tertiary-bottom, #container_main_navigation ul li .secondary li.has-children:focus .tertiary-bottom, #container_main_navigation ul li .secondary li.has-children:hover ul, #container_main_navigation ul li .secondary li.has-children:focus ul {
	visibility:visible;
}
#container_main_navigation ul li .secondary li.has-children {
	background:url(/projo/main/art/nav-third-level.png) no-repeat right 13px;
	padding-right:15px;
}
#container_main_navigation ul li .secondary li.has-children:hover, #container_main_navigation ul li .secondary li.has-children:focus {
	background-position:right -21px;
}
#container_main_navigation ul li .secondary li.has-children ul {
	display:block;
	float:left;
	background:none;
	position:relative;
	width:100%;
	height:100%;
	padding-bottom:5px;
}
#container_main_navigation ul li .secondary li.has-children ul li {
	float:none;
	display:block;
	margin:0;
	padding:2px 0;
}
#container_main_navigation ul li .secondary li.has-children ul li a {
	text-decoration:none;
	height:auto;
	margin:0;
	padding:2px 0;
	display:block;
	color:#015092;
}
#container_main_navigation ul li .secondary li.has-children ul li a:hover, #container_main_navigation ul li .secondary li.has-children ul li a:focus {
	text-decoration:underline;
}
#container_main_navigation ul li .secondary li.has-children .tertiary-container {
	position:absolute;
	margin:-10px 0 0 -7px;
}
#container_main_navigation ul li .secondary li.has-children .tertiary-bottom {
	background:url(/projo/main/art/border-btm.png) repeat-x bottom center;
	float:left;
	height:100%;
	width:auto;
	display:block;
	padding-bottom:4px;
}
#container_main_navigation ul li .secondary li.has-children .tertiary-left, #container_main_navigation ul li .secondary li.has-children .tertiary-right {
	background:url(/projo/main/art/border-sides.png) no-repeat top left;
	float:left;
	height:auto;
	width:auto;
	display:block;
	padding:0 0 0 12px;
	background-color:#FFF;
}
#container_main_navigation ul li .secondary li.has-children .tertiary-right {
	background-position:top right;
	padding:0 12px 0 0;
}
/************************
*** Index Pop up Menu ***
************************/
#container_main_navigation ul li #index-pop-up {
	display:none;
	position:absolute;
	z-index:1000000;
	margin-left:-556px;
}
#container_main_navigation ul li #index-pop-up .column {
	float:left;
	width:130px;
	margin-right:20px;
}
#container_main_navigation ul li #index-pop-up ul {
	display:block;
	visibility:visible;
	padding:0;
	margin:10px 0 10px 0;
	float:none;
	position:relative;
}
#container_main_navigation ul li #index-pop-up ul li {
	display:list-item;
	float:none;
	padding:0;
	margin:0;
	height:auto;
	line-height:16px;
}
#container_main_navigation ul li #index-pop-up ul li a, #container_main_navigation ul li #index-pop-up ul li a:hover, #container_main_navigation ul li #index-pop-up a {
	height:auto;
	background-image:none;
	display:inline;
	padding:0;
}
#container_main_navigation ul li #index-pop-up ul li.section {
	margin-bottom:5px;
}
#container_main_navigation ul li #index-pop-up ul li.section a {
	color:#015092;
	font-size:12px;
	font-weight:bold;
	height:auto;
}
#container_main_navigation ul li #index-pop-up ul li.section a:hover, #container_main_navigation ul li #index-pop-up ul li.section a:focus {
	color:#1368af;
	text-decoration:none;
}
#index-pop-up #index-border-left {
	background:url(/projo/main/art/border-sides.png) no-repeat top left;
	height:100%;
	float:left;
	padding-left:15px;
	background-color:#FFF;
}
#index-pop-up #index-border-right {
	background:url(/projo/main/art/border-sides.png) no-repeat top right;
	height:100%;
	float:left;
	padding-bottom:10px;
	width:600px;
}
#index-pop-up #border-btm {
	background:url(/projo/main/art/border-btm.png) repeat-x bottom center;
	float:left;
	width:100%;
	padding-bottom:4px;
}
#index-pop-up #top-bar {
	margin:10px 0 5px 0;
	max-width:600px;
}
#index-pop-up #top-bar a {
	color:#015092;
}
#index-pop-up #top-bar #close-index {
	float:right;
	margin-right:20px;
	display:inline-block;
}
/* Secondary Alignment Fix */
#container_main_navigation ul li.nav-one .secondary {
	margin-left:0px; /* Sets the navigation all the way to the left */
	padding-left:0px; /* Sets padding to align with its parent navigation and overlays any content below it to the left */
	width:930px; /* Overlays any content to the right of the navigation */
}
#container_main_navigation ul li.nav-two .secondary {
	margin-left:-116px;
	padding-left:94px;
	width:839px;
}
#container_main_navigation ul li.nav-three .secondary {
	margin-left:-175px;
	padding-left:0px;
	width:930px;
}
#container_main_navigation ul li.nav-four .secondary {
	margin-left:-244px;
	padding-left:93px;
	width:832px;
	z-index:1000000;
}
#container_main_navigation ul li.nav-five .secondary {
	margin-left:-305px;
	padding-left:0px;
	width:930px;
}
#container_main_navigation ul li.nav-six .secondary {
	margin-left:-385px;
	padding-left:315px;
	width:617px;
}
#container_main_navigation ul li.nav-seven .secondary {
	margin-left:-460px;
	padding-left:300px;
	width:625px;
}
#container_main_navigation ul li.nav-eight .secondary {
	margin-left:-515px;
	padding-left:150px;
	width:780px;
}
#container_main_navigation ul li.nav-nine .secondary {
	margin-left:-615px;
	padding-left:0px;
	width:930px;
}
#container_main_navigation ul li.nav-ten .secondary {
	margin-left:-665px;
	padding-left:0px;
	width:930px;
}
#container_main_navigation ul li.nav-eleven .secondary {
	margin-left:-735px;
	padding-left:0px;
	width:930px;
}
#container_main_navigation ul li.nav-tweleve .secondary {
	margin-left:-785px;
	padding-left:460px;
	width:470px;
}
/***********************
 *** Main Video Navigation ***
 **********************/
#video-main-navcontainer {
	width: 140px;
}
#video-main-navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#video-main-navcontainer a {
	display: block;
	padding: 5px;
	width: 140px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #eee;
	color: #363535;
}
#video-main-navcontainer a:link, #video-main-navlist a:visited {
	color: #363535;
	text-decoration: none;
}
#video-main-navcontainer a:hover {
	background-color: #0E3D71;
	color: #FFFFFF;
}
/***********************
 *** Main Photo Navigation ***
 **********************/
#photo-main-navcontainer {
	width: 140px;
}
#photo-main-navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#photo-main-navcontainer a {
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #eee;
	color: #363535;
}
#photo-main-navcontainer a:link, #photo-main-navlist a:visited {
	color: #363535;
	text-decoration: none;
}
#photo-main-navcontainer a:hover {
	background-color: #0E3D71;
	color: #FFFFFF;
}
/***************************************
 *** High School Tertiary Navigation ***
 ***************************************/
#hs_sports_tertiary_nav {
	padding:5px;
	background-color:#FFF;
	border-bottom: 1px solid #6FA1D8;
	width: 610px;
}
#hs_sports_tertiary_nav li {
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	background:url(/projo/main/art/border-sides.png) no-repeat top left;
	background-color:#FFFFFF;
}
#hs_sports_tertiary_nav a {
	color: #0E3D71;
	font-size: 10px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
#hs_sports_tertiary_nav a:hover {
	text-decoration: underline;
}
/* ----- CALENDAR ----- */



div.calendar {
	position: relative
}
.calendar table {
	border:1px solid #dedede;
	font-size: 11px;
	color: #000;
	background: #fff;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
/* Header part -- contains navigation buttons and day names. */



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;    /* They are the navigation buttons */
	padding: 2px;          /* Make the buttons seem like they're pressing */
}
.calendar .nav {
	background:#f5f5f5;
}
.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;      /* Pressing it will take you to the current date */
	text-align: center;
	background: #dedede;
	color: #000;
	padding: 2px;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	background: #f5f5f5;
	color: #444;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
	background: #fff;
}
.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px dotted #ccc;
	padding: 2px;
	text-align: center;
	color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #666;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
	background-color: #444;
	color: #fff;
	padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
	background-color: #CF4723;
	color:#fff;
	padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	color: #222;
	text-align: right;
	padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}
.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #666;
}
.calendar tbody .rowhilite td {
	background: #FFF1AF;
}
.calendar tbody .rowhilite td.wn {
	background: #FFF1AF;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
	padding: 1px 3px 1px 1px;
	background:#444 !important;
	color:#fff !important;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
	color:#fff;
	background: #CF4723 !important;
	padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected { /* Cell showing today date */
	font-weight: bold;
	border: 1px solid #888;
	padding: 1px 3px 1px 1px;
	background: #f5f5f5 !important;
	color: #222 !important;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #666;
}
.calendar tbody td.today { /* Cell showing selected date */
	font-weight: bold;
	color: #CF4723;
}
.calendar tbody .disabled {
	color: #999;
}
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}
/* The footer part -- status bar and "Close" button */



.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	text-align: center;
	background: #556;
	color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #dedede;
	color: #222;
	border-top: 1px solid #dedede;
	padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	background: #77c;
	padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #222;
	font-size: 90%;
	z-index: 100;
}
.calendar .combo .label,  .calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}
.calendar .combo .label-IEfix {
	width: 4em;
}
.calendar .combo .hilite {
	background: #444;
	color:#fff;
}
.calendar .combo .active {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #dedede;
	font-weight: bold;
}