@import "jquery.lightbox-0.5.css";
@import "jshowoff.css";
@import "jquery-ui-1.7.2.custom.css";
@import "superfish.css";
@import "forms.css";
/* yahoo reset css */
@import "http://yui.yahooapis.com/3.0.0b1/build/cssreset/reset-min.css";
@import "jmonthcalendar.css";

body
{
	padding:0;
	margin:0;
	background:#001e39;
	color:#cccccc;
}

html 
{
	
}
body, td, div 
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
}
/* this is for IE, without it, everything is centered */
td {
	text-align:left;
}
/***start */
#divMain
{
	
	background:url('images/tablebg.gif') repeat-y center top;
}
#divsecondtablebg 
{
	background:url('images/mainbg.jpg') repeat-x center top;
	/*background:url('images/header.jpg') no-repeat center top;*/
	/**/
}
/* masthead */
.divHeader
{
	
	height:95px;
	
}

/* footer div */
.divFooter 
{
	background-image:url('images/footer.gif');
	padding-top:5px;
	
	color:#fff;
	text-align:center;
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
.divFooter a, .divFooter a:visited
{
	color:#663300;
	text-decoration:underline;
}
/* bottom of site (outside table) ads */
.divBottomAds 
{
	
	background-color:#001e39;
	
}
/* one ad */
.divOneBottomAd 
{
	padding-top:3px;
}

/*************************************************/

/*
 H1 HEADER - appears before any content in either left or right column
*/
#hMainHeader 
{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	
	padding: 10px 10px 5px 180px;
	
	margin:0;
	text-align:left;
	color:#999999;
	
	
}
h1{
	font: 26px Georgia, Arial, Helvetica, sans-serif;
	color:#cc6600;
	padding:0 0 12px 0;
}
h2 {
	font: 26px Georgia, Arial, Helvetica, sans-serif;
	color:#cc6600;
	padding:0 0 12px 0;
	font-style:italic;
}
h3 {
	font:bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#fdb927;
	padding:0 0 12px 0;
}
h4 {
	font:bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#fdb927;
	padding:0 0 12px 0;
	font-style:italic;
}
h5
{
	font:16px Georgia, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 12px 0;

}
h6
{
	font:16px Georgia, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 12px 0;
	font-weight:bold;
}
p {
	line-height:1.4em;
	padding:0 0 8px 0;
}

blockquote {
	padding:6px 20px;
}
hr {
	color:#ab8200;	
}
.tdLeftContent ul {
	padding:6px 20px;
	margin:0 0 0 0;

}

.tdLeftContent ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.tdLeftContent ol {
	padding:6px 20px;
	margin:0 0 0 0;

}
.tdLeftContent ol li {
	list-style-type:decimal;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
a 
{
	color:#99ccff;
	text-decoration:none;
}
a:visited 
{
	color:#99ccff;
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
}

strong, b 
{
	font-weight:bold;
}
em, i 
{
	font-style:italic;
}
/**************************************************/


/*** start quicklinks side (left content) */
.divQuickLinks 
{
	width:170px;
	
}
/* quick links list menu - for either left or right */
ul.quicklinksmnu 
{

	margin-left:5px;
	margin-right:5px;
	border-right:1px solid #fdb927;
	border-left:1px solid #fdb927;
	border-top:1px solid #fdb927;
}
ul.quicklinksmnu a 
{
	
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	padding:5px;
	background-color:#1c2e3e;
	
	border-bottom:1px solid #fdb927;
	
}
ul.quicklinksmnu a:hover
{
	background-color:#fdb927;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	padding:5px;
	
}

/* quicklinks/small column in content area ads - for either left or right */
.divSmallColAds 
{
	width:170px;
	max-width:170px;
	text-align:center;
}
/* quicklinks/small column single ad - for either left or right */
.divOneSmallColAd 
{
	padding-top:3px;
}



/* top ads */
.divTopAds 
{
	background:url('images/topadbg.gif') repeat-x center top;
}
.divOneTopAd 
/* a single top ad */
{
		
}

/** gridview ("tablesorter" found below) and quicksearch */
.breadcrumb
{
	
	color:#cc6600;
	background-color:#fff;
	padding-top:8px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
}
.breadcrumb a, .breadcrumb a:visited
{
	color:##001e3a;
	font-style:italic;
}

/* team and division menus - not using superfish.submenu.css anymore */
.divTeamMenu, .divDivisionMenu
{
	display:block;
	
	padding-top:4px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;

	/*border-bottom:1px solid #ffff00;*/
	background-color:#fdb927;
	
	
}
.divTeamMenu li, .divDivisionMenu li {
	display:inline;
}
.divTeamMenu  a, .divDivisionMenu  a, .divDivisionMenu  a:visited, .divTeamMenu a:visited  
{
	font-family:Georgia, Arial, Sans-Serif;
	color:#001e3a;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	/*padding: 0.5em 0.75em;*/
	
	
}
.divTeamMenu  a:hover, .divDivisionMenu a:hover {
	background-color:#cc6600;
	color:#fff;
	text-decoration:none;
}

/****************************************************************************
 * tab box - calendar tab - jquery calendar - special days
 ****************************************************************************/
.eventDate .ui-state-default
{
    color: #fff;
    background-image: none;
    background-color: #fdb927 !important;
}
.homeGameDate .ui-state-default
{
    color: #fff;
    background-image: none;
    background-color: #6699cc !important;
}
.awayGameDate .ui-state-default
{
    color: #fff;
    background-image: none;
    background-color: #cccccc !important;
}
.practiceDate .ui-state-default
{
    color: #fff;
    background-image: none;
    background-color: #cc6600 !important;
}
/* edit family and printable calendar in jmonthcalendar.css, at the bottom */


/***main menu - superfish.css */




/* surrounds everything below top ads */

/* main table leave this as is */
.divMainTable
{
	
	width:990px;
	
}


/* poll question <span>*/
#pollQuestion
{
	font-size:14px;
	color:#fff;
	font-weight:bold;	
}




ul.divlist a, ul.teamlist a
{
	
	display:block;
	color:#fff;
	background: #000 url(images/divlistbg.gif) no-repeat;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 7px 5px 10px;
	border-bottom:1px solid #fdb927;
}
ul.divlist a:hover, ul.teamlist a:hover
{
	
	display:block;
	color:#fdb927;
	background-color:#78acdd;
}


/*
CALENDAR LEGEND (association/division)
*/
#divMainCalLegend
{
	background: url(images/associationlegend.gif) no-repeat;
	height:32px;
	
	padding:0;
	margin-top:6px;
	background-repeat: no-repeat;
}

/*
CALENDAR LEGEND (team)
*/
#divTeamCalLegend
{
	background: url(images/teamlegend.gif) no-repeat;
	height:32px;
	width:auto;
	background-repeat: no-repeat;
	margin-top:6px;
}





.divPolls, .divFamilyAccount, .divNewsLetterSignup, .divAdminLogin
{
	padding:10px 10px 5px 10px;
}
.divUpcomingEvents, .divNews
{
	padding:10px;
}
/*******************************************************************************************/


/* second masthead - below nav */
.divHeaderBottom 
{
}

/* main menu 
 * - menu uses superfish.css
 */
.divMainMenu
{
	background:url(images/navbg.jpg) repeat-x center top;
	height:31px;
}
/* left column */
.tdLeftColumn 
{
	width:680px;
	
}

/* left column quicklinks/ads (small column in a left content setup - unused if the site is a right content area site) */
.tdLeftSmallColumn 
{
	padding-top:50px;
	
}
/* quick links - for either left or right */
.divQuickLinks 
{
}
/* quick links list menu - for either left or right */
ul.quicklinksmnu 
{
}

/* quicklinks/small column in content area ads - for either left or right */
.divSmallColAds 
{
}
/* quicklinks/small column single ad - for either left or right */
.divOneSmallColAd 
{
}
/* left content area
 *   this will be the content area if the site is setup with left content, otherwise, the calendar/events/news
 *   tabs will be here
 */
.tdLeftContent 
{
	
}
/* surrounds all content inside the content area */
.divContent 
{
	padding:50px 10px;
	
	
	min-height:600px;
	min-width:480px;
	
}


/* right content area
 *   this is the right content area in a right content setup, otherwise, it's used as the calendar/events/news tabs
 */
 /* main right column */
.tdRightColumn 
{
	width:310px;
	
	
}
.tdRightContent
{

	
}
/* quicklinks/small column cell (also for ads) in a right content setup */
.tdRightSmallColumn 
{
}
/* holds ads that appear above the content area */
.divContentTopAds 
{
}
/* one "content top" ad */
.divOneContentTopAd 
{
}
/* holds ads that appear directly below content area */
.divContentBottomAds 
{
}
/* one "content bottom" ad */
.divOneContentBottomAd 
{
}
/* "side bar" ads (calendar/news/events tab box) appears below that */
.divSideBarAds  
{
}
/* one "side bar" ad */
.divOneSideBarAd 
{
}
/* footer colunm */
.tdFooter 
{
}

/* counter */
.divCounter
{
	text-align:center;
}




/****************************************************************************
 * tab box - events tab
 ****************************************************************************/
 /* container div */
.divUpcomingEvents 
{
}
/* events listing */
ul.eventslist 
{
}
/* appears when there's no upcoming events */
.divNoUpcomingEvents 
{
}
/****************************************************************************
 * tab box - news tab
 ****************************************************************************/
.divNews 
{
}
.newslist 
{
}
.divNoCurrentNews 
{
}

/****************************************************************************
 * division listing accordian 
 *   actual accoridian is styled with jquery themes, this is the stuff inside
 ****************************************************************************/
/* div surrounding ul */
.divDivisionListContent 
{
}
ul.divlist 
{
}


/****************************************************************************
 * albums viewall page
 ****************************************************************************/
/* albums viewall page - surrounds list of albums */
.divAlbums 
{
}
/* table that shows 1 album on album list page */
.tblOneAlbum 
{
}
/* album title */
.divAlbumTitle 
{
}
/* created date */
.divAlbumCreated 
{
}
/* photo count */
.divAlbumPhotoCount 
{
}
/* description */
.divAlbumDesc 
{
}


/****************************************************************************
 * one album page - viewing photos
 ****************************************************************************/
/* next/prev links */
a.albumViewPrevNext, a.albumViewPrevNext:link, a.albumViewPrevNext:visited 
{
}
a.albumViewPrevNext:hover 
{
}
/* div around image */
.divPhoto 
{
}
/* image description */
.divPhotoDesc 
{
}


/****************************************************************************
 * viewing one event details
 ****************************************************************************/
/* div around it */
.divEvent 
{
}
/* name */
.divEventName 
{
}
/* date */
.divEventDate 
{
}
/* event description */
.divEventText 
{
}


/****************************************************************************
 * news archives listing page - shows multiple entries
 ****************************************************************************/
/* div that surrounds one news summary */
.divNewsSummary 
{
}
/* title */
.divNewsTitle 
{
}
/* date */
.divNewsDate 
{
}
/* article */
.divNewsArticle 
{
}


/****************************************************************************
 * one news article page
 ****************************************************************************/
/* surrounds article */
.divNewsArticleViewOne
{
}
/* title */
.divNewsArticleTitle 
{
}
/* date */
.divNewsArticleDate 
{
}
/* text */
.divNewsArticleText 
{
}



/****************************************************************************
 * quick search above grid views
 ****************************************************************************/
form.quicksearch { padding: 4px; color:#ccc }
form.quicksearch input { margin-left: 5px; width:200px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }


/****************************************************************************
 * table sorter - used with gridviews
 ****************************************************************************/
table.tablesorter {
}
.tablesorter a, .tablesorter a:hover
{
	color: #000;
	text-decoration:underline;
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
	background-color: #1c2e3e;
	font-weight:bold;
	border:1px; 
	border-color:Black;
	color:#fff;
}
table.tablesorter td {
	/*color: #FFF;*/
	padding: 5px;
}
table.tablesorter .even {
	background-color: #e2e2e2;color:#000;
}
table.tablesorter .odd {
	background-color: #f0f0f0;color:#000;
}
table.tablesorter .header {
	background-image: url(images/small.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-align:left;
	/*
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	
	padding-left: 30px;*/
	padding-top: 8px;
	height: auto;
	cursor: pointer; /* hand cursor for Mozilla based browsers */
	cursor: hand;
	border: #E6EEEE;
	border-color: White;
	border-width: 1px;
}
table.tablesorter .headerSortUp 
{
	background-image: url(images/small_asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #78acdd;
	border-color: White;
	border-width: 1px;
}
table.tablesorter .headerSortDown {
	background-image: url(images/small_desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #78acdd;
	color:#fff;
	border-color: White;
	border-width: 1px;
}


/* modal popup windows */


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=75);
	opacity:0.75;
}

.modalpop {
	/*background-color:#ffffdd;*/
	background-color:White;
	border-width:4px;
	border-style:solid;
	border-color:#212121;
	padding:5px;
	/*width:250px;*/
}



#divAssocTabMasterSchedule {
visibility:hidden;
}