@import "jquery.lightbox-0.5.css";
@import "jshowoff.css";
@import "jquery-ui-1.7.2.custom.css";
@import "superfish.css";
/* superfish.submenu.css is used for division/team/family menus */
@import "superfish.submenu.css";
@import "forms.css";
/* yahoo reset css */
@import "http://yui.yahooapis.com/3.0.0b1/build/cssreset/reset-min.css";
@import "jmonthcalendar.css";

html {
	background-color:#d5d5d5;
}

body
{
	padding:0;
	margin:0;
	background-color:#d5d5d5;
}

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;
}
/* top ads */
.divTopAds 
{
			background:#0c0c0c;
}
.divOneTopAd 
/* a single top ad */
{
	background:#0c0c0c;
}
/* surrounds everything below top ads */
.divMain
{
	background-image:url(images/headerBg.gif);
	background-repeat:repeat-x;
	width:auto;
}
#maintablebg  {
	background-image:url(images/headerBg.gif);
	background-repeat:repeat-x;
	width:auto;
}
/* main table */
.divMainTable
{
	width:990px;
}
/* masthead */
.divHeader
{
	background-image:url(images/masthead.gif);
	background-repeat:no-repeat;
	height:76px;
	
}
/* main menu 
 * - menu uses superfish.css
 */
.divMainMenu 
{
	background-color:#770e03;
}
/* left column */
.tdLeftColumn 
{
	
}
/* left column quicklinks/ads (small column in a left content setup - unused if the site is a right content area site) */
.tdLeftSmallColumn 
{
	
}
/* quick links - for either left or right */
.divQuickLinks 
{
}
ul.quicklinksmnu li a 
{
	display:block;
	width:150px;
	padding:5px;
	font-size:14px;
	background-color:#d8bdbb;
	border:#c62e22 1px solid;
	margin-bottom:1px;
	color:#333;
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.quicklinksmnu li a:hover {
	background-color:#333;
	color:#FFF;
}

/* 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 
{
	margin: 0px 15px 15px 0px;
	background-color:#FFF;
	padding:15px;
	border:#919191 1px solid;
	min-height:600px;
	min-width:480px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* main right column */
.tdRightColumn 
{
	width:310px;
}
/* right content area
 *   this is the right content area in a right content setup, otherwise, it's used as the calendar/events/news tabs
 */
.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 
{
}
/* footer div */
.divFooter 
{
	background-color:#d5d5d5;
}
.divFooterLinks {
	text-align:center;
	padding:5px;
}
/* counter */
.divCounter
{
	text-align:center;
}
/* bottom of site (outside table) ads */
.divBottomAds 
{
	background-image:url(images/footerBg.gif);
	background-repeat:repeat-x;
	height:75px;
	width:auto;
}
/* one ad */
.divOneBottomAd 
{
}

/*-----------GLOBAL STYLES*/

#hMainHeader {
	font-size:36px;
	color:#c1272c;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-1px;
	text-shadow: 1px 1px 1px #fff;
}

h1 {
	font-size:24px;
	color:#c1272c;
	border-bottom:#000 1px solid;
	font-style:italic;
	letter-spacing:-1px;
	margin-bottom:15px;
	font-weight:bold;
}
h2 {
	font-size:18px;
	color:#000;
	margin-bottom:15px;
	font-weight:100;
	margin-bottom:15px;
}
h3 {
	font-size:18px;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-bottom:15px;
}
h4 {
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin-bottom:15px;
}
h5 {
	font-size:14px;
	font-style:italic;
	margin-bottom:15px;
}
h6 {
	font-size:14px;
	color:#000;
	margin-bottom:15px;
}
p {
	line-height:1.5em;
	margin-bottom:15px;
	color:#222c2c;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
blockquote {
	border-left:#c1272c 4px solid;
	margin:15px;
	font-size:14px;
	font-style:italic;
	padding-left:5px;
}
.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:#c1272c;
}
a:hover {
	color:#666;
}



/****************************************************************************
 * tab box - calendar tab - jquery calendar - special days
 ****************************************************************************/
.eventDate .ui-state-default
{
    color:#fff;
    background-image: none;
    background-color:#ffcc00;
}
.homeGameDate .ui-state-default
{
    color: Maroon;
    background-image: none;
    background-color: #666666;
}
.awayGameDate .ui-state-default
{
    color: Maroon;
    background-image: none;
    background-color: #c21407;
}
.practiceDate .ui-state-default
{
    color: Maroon;
    background-image: none;
    background-color: #32650c;
}

/****************************************************************************
 * 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 
{
	background-color:#333;
}
ul.divlist li a {
	display:block;
	width:auto;
	background-color:#770e03;
	color:#fff;
	text-decoration:none;
	padding: 0.5em;
	margin-bottom:1px;
	font-style:italic;
	font-size:14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.divlist li a:hover {
	background-color:#000;
}

ul.teamlist li a {
	display:block;
	width:auto;
	background-color:#770e03;
	color:#fff;
	text-decoration:none;
	padding: 0.5em;
	margin-bottom:1px;
	font-style:italic;
	font-size:14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.teamlist li a:hover {
background-color:#000;
}

/****************************************************************************
 * albums viewall page
 ****************************************************************************/
/* albums viewall page - surrounds list of albums */
.divAlbums 
{
}
/* table that shows 1 album on album list page */
.tblOneAlbum 
{
}
/* album title */
.divAlbumTitle 
{
	font-size:24px;
	color:#c1272c;
	border-bottom:#000 1px solid;
	font-style:italic;
	letter-spacing:-1px;
	font-weight:bold;
}
/* created date */
.divAlbumCreated 
{
	line-height:1.5em;
	margin-bottom:15px;
	color:#222c2c;
}
/* 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 
{
	font-size:24px;
	color:#c1272c;
	border-bottom:#000 1px solid;
	font-style:italic;
	letter-spacing:-1px;
	font-weight:bold;
}
/* date */
.divEventDate 
{
	line-height:1.5em;
	margin-bottom:15px;
	color:#222c2c;
	font-size:10px;
}
/* event description */
.divEventText 
{
}


/****************************************************************************
 * news archives listing page - shows multiple entries
 ****************************************************************************/
/* div that surrounds one news summary */
.divNewsSummary 
{
}
/* title */
.divNewsTitle 
{
	font-size:24px;
	color:#c1272c;
	border-bottom:#000 1px solid;
	font-style:italic;
	letter-spacing:-1px;
	font-weight:bold;
}
/* date */
.divNewsDate 
{
	line-height:1.5em;
	margin-bottom:15px;
	color:#222c2c;
	font-size:10px;
}
/* article */
.divNewsArticle 
{
}


/****************************************************************************
 * one news article page
 ****************************************************************************/
/* surrounds article */
.divNewsArticleViewOne
{
}
/* title */
.divNewsArticleTitle 
{
	font-size:24px;
	color:#c1272c;
	border-bottom:#000 1px solid;
	font-style:italic;
	letter-spacing:-1px;
	font-weight:bold;
}
/* date */
.divNewsArticleDate 
{
	line-height:1.5em;
	margin-bottom:15px;
	color:#222c2c;
	font-size:10px;
}
/* text */
.divNewsArticleText 
{
}


/****************************************************************************
 * division microsite - division menu - containing div, menu styles in superfish.division.css
 ****************************************************************************/
.divDivisionMenu {
	margin-bottom:15px;
}

.divDivisionMenu li {
	display:inline;
}

.divDivisionMenu li a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-color:#ae080e;
	padding: 0.5em 0.75em;
	margin:1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.divDivisionMenu li a:hover {
	background-color:#333;
	color:#CCC;
}
/****************************************************************************
 * team microsite - team menu - containing div, menu styles in superfish.team.css
 ****************************************************************************/
.divTeamMenu {
	margin-bottom:15px;
}
.divTeamMenu li {
	display:inline;
}
.divTeamMenu li a {
	color:#FFF;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	background-color:#ae080e;
	padding: 0.5em 0.75em;
	margin:1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.divTeamMenu li a:hover {
	background-color:#333;
	color:#CCC;
}


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


/****************************************************************************
 * table sorter - used with gridviews
 ****************************************************************************/
table.tablesorter {
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
	background-color: #C0C0C0;
	font-weight:bold;
	border:1px; 
	border-color:Black;
}
table.tablesorter td {
	/*color: #FFF;*/
	padding: 5px;
}
table.tablesorter .even {
	background-color: #fff;
}
table.tablesorter .odd {
	background-color: #F0F0F6;
}
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: #8DBDD8;
	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: #8DBDD8;
	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;*/
}

.breadcrumb
{
	display:block;
	margin:0 0 12px 0;
	padding:0 0 0 0;

}
/*
CALENDAR LEGEND (association/division)
*/
#divMainCalLegend
{
	background-image:url(images/Cal-Legend.gif);
	background-repeat:no-repeat;
	height:18px;
	width:auto;
	margin: 2px 0px 2px 0px;
}

/*
CALENDAR LEGEND (team)
*/
#divTeamCalLegend
{
	background-image:url(images/Cal-Legend-Div.gif);
	background-repeat:no-repeat;
	height:18px;
	width:auto;
	margin: 2px 0px 2px 0px;
}
.divContent table td {padding:4px;}