@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;
	color:#000;
	background: #7f7c59 url('images/tablebg.gif') repeat-y center top;
}
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/barbg.gif') repeat-x center top;
}
#divsecondtablebg {
	background:url('images/bodybg.jpg') no-repeat center top;/**/
}
/* masthead */
.divHeader {
	height:143px;
}
/* surrounds all content inside the content area */
.divContent {
	padding:10px 10px;
	min-height:600px;
	min-width:480px;
}
/* footer div */
.divFooter {
	background:url('images/footerbar.gif') no-repeat;
	padding-top:5px;
	text-align:center;
	width:991px;
	margin-left:auto;
	margin-right:auto;
}
.divFooter a, .divFooter a:visited {
	color:#fff;
	text-decoration:underline;
}
/* bottom of site (outside table) ads */
.divBottomAds {
	background-color:#7f7c59;
}
/* one ad */
.divOneBottomAd {
	padding-top:3px;
}
/*************************************************/

/*
 H1 HEADER - appears before any content in either left or right column
*/
#hMainHeader {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size:34px;
	padding: 0px 0px 5px 15px;
	margin-left:10px;
	color:#fff;
}
h1 {
	font: 26px rial, Helvetica, sans-serif;
	color:#ffffcc;
	padding:0 0 12px 0;
	font-weight:bold;
}
h2 {
	font: 26px Arial, Helvetica, sans-serif;
	color:#ffffcc;
	padding:0 0 12px 0;
	font-style:italic;
}
h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 12px 0;
}
h4 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 12px 0;
	font-style:italic;
}
h5 {
	font:16px Arial, Helvetica, sans-serif;
	color:#cccc66;
	padding:0 0 12px 0;
}
h6 {
	font:16px Arial, Helvetica, sans-serif;
	color:#cccc66;
	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;
}
.tdRightContent ul {
	padding:6px 20px;
	margin:0 0 0 0;
}
.tdRightContent ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.tdRightContent ol {
	padding:6px 20px;
	margin:0 0 0 0;
}
.tdRightContent ol li {
	list-style-type:decimal;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
a {
	color:#fff;
	text-decoration:none;
}
a:visited {
	color:#fff;
	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-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
}
ul.quicklinksmnu a {
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	padding:5px;
	background-color:#999966;
	border-bottom:1px solid #000;
}
ul.quicklinksmnu a:hover {
	background-color:#cccc99;
	display:block;
	color:#000;
	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;
	text-align:center;
}
/* quicklinks/small column single ad - for either left or right */
.divOneSmallColAd {
	padding-top:3px;
}
/* main right column */
.tdRightColumn {
	width:680px;
}
.tdRightColumn a, .tdRightColumn a:hover {
	color:#fff;
	text-decoration:underline;
}
/* top ads */
.divTopAds {
	background: #393828 url('images/topadbg.jpg') no-repeat center bottom;
}
.divOneTopAd /* a single top ad */
{
}
/** gridview ("tablesorter" found below) and quicksearch */
.breadcrumb {
	background:url(images/breadcrumbbg.gif) repeat-x;
	height:25px;
	color:#fff;
	padding-top:4px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
}
.breadcrumb a, .breadcrumb a:visited {
	color:#fff;
	font-style:italic;
}
/* team and division menus - not using superfish.submenu.css anymore */
.divTeamMenu, .divDivisionMenu {
	display:block;
	height:33px;
	padding-top:2px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
	color:#FFF;
	/*border-bottom:1px solid #ffff00;*/
	/*background-color:#cf9300;*/
	background:url(images/submenubg.gif) repeat-x;
}
.divTeamMenu li, .divDivisionMenu li {
	display:inline;
}
.divTeamMenu a, .divDivisionMenu a, .divDivisionMenu a:visited, .divTeamMenu a:visited {
	font-family:Arial, Sans-Serif;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px;/*padding: 0.5em 0.75em;*/
	
	
}
.divTeamMenu a:hover, .divDivisionMenu a:hover {
	background-color:#000;
	color:#fff;
	text-decoration:none;
}
/****************************************************************************
 * tab box - calendar tab - jquery calendar - special days
 ****************************************************************************/
.eventDate .ui-state-default {
	color: #fff !important;
	background-image: none;
	background-color: #000000 !important;
}
.homeGameDate .ui-state-default {
	color: #fff !important;
	background-image: none;
	background-color: #333333 !important;
}
.awayGameDate .ui-state-default {
	color: #fff !important;
	background-image: none;
	background-color: #333300 !important;
}
.practiceDate .ui-state-default {
	color: #fff !important;
	background-image: none;
	background-color: #999900 !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:#333333;
	font-weight:bold;
}
ul.divlist a, ul.teamlist a {
	display:block;
	color:#cccc33 !important;
	background-color:#000000 !important;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 7px 5px 10px;
	border-bottom:1px solid #f9f3ae;
}
ul.divlist a:hover, ul.teamlist a:hover {
	display:block;
	color:#000 !important;
	background-color:#cccc33 !important;
}
/*
CALENDAR LEGEND (association/division)
*/
#divMainCalLegend {
	background: url(images/callegend.gif) no-repeat;
	height:32px;
	padding:0;
}
/*
CALENDAR LEGEND (team)
*/
#divTeamCalLegend {
	background: url(images/calteamlegend.gif) no-repeat;
	height:32px;
	width:auto;
}
.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 {
}
/* left column */
.tdLeftColumn {
	width:309px;
	padding-top:8px;
}
/* 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 {
}
/* 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 */



/* 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 {
}
/* 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;
	background: #a9a576;
	color:#fff
}
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: #cd9407;
	text-decoration:underline;
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
	background-color: #999966;
	font-weight:bold;
	border:1px;
	border-color:Black;
	color:#333333;
}
table.tablesorter td {
	/*color: #FFF;*/
	padding: 5px;
}
table.tablesorter .even {
	background-color: #e2e2e2;
	color:#000;
}
table.tablesorter .odd {
	background-color: #cccc99;
	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: #cccc99;
	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: #cccc99;
	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;*/
}