@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 "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;
}

body, td, div 
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
}
  li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, textarea, p, blockquote, th, td  {
    margin-left:5px;
    margin-right:5px;
}


/*Link Tags*/
a {   
    font: normal 12px/18px Arial,verdana,sans-serif;         
    color:#d82e2f;
    text-decoration:none;
} 

a:hover {   
    color:#801b1c;
    text-decoration:underline;
}

a:visited {   
    color:#636363;
    text-decoration:none;
}


/*Typography*/ 
p {
      font:normal 12px/18px Arial,verdana,sans-serif;  color:#000000;  
	  margin:10px 0;
	  line-height:14px;

}
h1 {
    font:normal 18px/32px Arial,verdana,sans-serif;  color:#000000;   
    

}

h1#hMainHeader {
    font:bold 30px/36px Arial,verdana,sans-serif; color:#d82e2f;
}

h2 {
    font:italic 18px/32px Arial,verdana,sans-serif; color:#000000;  
    
}
      

h3 {
    font:bold 18px/32px Arial,verdana,sans-serif; color:#000000;   
    
}

h4 {
    font:bold italic 18px/32px Arial,verdana,sans-serif; color:#000000;  
}            

h5 {
    font:normal  18px/32px Arial,verdana,sans-serif;    
    color:#801b1c;
}
h6 {
    font:bold  18px/32px Arial,verdana,sans-serif; 
    color:#801b1c;
}


/* this is for IE, without it, everything is centered */
td {
	text-align:left;
}
/* top ads */
.divTopAds 
{
	background:#000;
	
}
.divOneTopAd 
/* a single top ad */
{
	
}
/* surrounds everything below top ads */
#divMain
{  
        background:white url('images/background.jpg') repeat-x top center;    
      
}
/* main table */
.divMainTable
{             
     
	width:990px;
}
/* masthead */
.divHeader
{
/*  background-image:url('http://mhafiles.rampinteractive.com/ramp/mha3demoheader.jpg');    */
	background-repeat:no-repeat;
	height:128px;
	
}
.divHeaderBottom {
 height:30px;   
}
/* main menu 
 * - menu uses superfish.css
 */
.divMainMenu 
{
}
/* 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 
{           
    float:right;
    margin-right:6px;
}
/* quick links list menu - for either left or right */
ul.quicklinksmnu 
{       
    float:right;
} 

ul.quicklinksmnu  li
{  
    width:158px;
 
}  

ul.quicklinksmnu a
{ 
    background:transparent url('images/quick_links_rollovers.jpg') no-repeat 0 100%; 
    display:block;      
           padding:0.35em 0.5em 0.4em 2.2em;     
    text-align:right;     
    font:normal 11px/18px arial, verdana, sans-serif;  
    color:#d82e2f; 
    padding-right:5px;


 
} 

ul.quicklinksmnu a:hover
{ 
    background:transparent url('images/quick_links_rollovers.jpg') no-repeat 0 0; 
                                                                                      color:white;
}

/* quicklinks/small column in content area ads - for either left or right */
.divSmallColAds 
{
}
/* quicklinks/small column single ad - for either left or right */
.divOneSmallColAd 
{      
    text-align:center;
}
/* 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 
{
	   width:310px;
	   	margin-top:20px; 
	   	    background:black;      
}
/* surrounds all content inside the content area */
.divContent 
{ 
    margin:0 10px;
    width:490px;

} 

.divContent table td {padding:4px;} 

/* main right column */
.tdRightColumn 
{
  
}
/* 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 
{       
    width:170px;
}
/* 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 
{
    margin: 5px 0;
}
/* footer colunm */
.tdFooter 
{
}
/* footer div */
.divFooter 
{         

        text-align:center;                                                                     
      height:35;
      display:block;
        background:transparent url('images/footer_background.jpg') repeat-x 0 center; 
        padding:15px 0;  
}
/* counter */
.divCounter
{
	text-align:center;
}
/* bottom of site (outside table) ads */
.divBottomAds 
{    
           width:100%;
          display:block;    
           padding:10px 0; 
}
/* one ad */
.divOneBottomAd 
{  
    
}

/****************************************************************************
 * tab box - calendar tab - jquery calendar - special days
 ****************************************************************************/
.eventDate .ui-state-default
{
    color: white;
    background-image: none;
    background-color: #7F1B1B;
}
.homeGameDate .ui-state-default
{
    color: white;
    background-image: none;
    background-color: #231F20;
}
.awayGameDate .ui-state-default
{
    color: white;
    background-image: none;
    background-color: #016C42;
}
.practiceDate .ui-state-default
{
    color: white;
    background-image: none;
    background-color: #DA0322;
}                                                                       

#divMainCalLegend
{
          	background: url(images/associationlegend.jpg) no-repeat 50% 0;    

	height:24px;

	padding:0;
	margin-top:6px;
	background-repeat: no-repeat;
}

/*
CALENDAR LEGEND (team)
*/
#divTeamCalLegend
{                                                              

    	   	background: url(images/teamlegend.jpg) no-repeat 50% 0;              

	height:24px;
	width:auto;
	background-repeat: no-repeat;
	margin-top:6px;
}

/****************************************************************************
 * 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 
{
}

/****************************************************************************
 * Poll
 ****************************************************************************/
 .divPolls, .divFamilyAccount, .divNewsLetterSignup, .divAdminLogin
 {
 	padding:10px 10px 5px 10px;
 }
 .divUpcomingEvents, .divNews
 {
 	padding:10px;
 }
.divPolls span#pollQuestion
{   
    font: bold 14px/25px arial,verdana,sans-serif;color:##fff;
} 
.divPolls table.rblButton tr td label
{       
    display:block;
    margin-left:10px;       
    float:left;
}
.divPolls table.rblButton tr td input
{       
    display:block;
 
    float:left;
}                                                   


#ctl00_left_ctl03_btnPollSubmit
{
background: transparent url(images/polls_submit_btn.jpg) 50% 50%  no-repeat;
height:24px; width:79px; border:0; padding-right:20px;   
float:left;    margin-left:30x;      margin-top:10px;
 }

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

 } 

  ul.divlist li, .divTeamListContent ul li {
      border-bottom:1px #913C3D solid; 
      background:#D4C0C0;
  }
 ul.divlist li a, .divTeamListContent ul li a {

 } 
 ul.divlist li a, .divTeamListContent ul li a {
     font: normal 11px/28px Arial,verdana,sans-serif; font-style:italic; 

     font-style:italic;
     padding-left:30px;
     text-decoration:none;
     display:block;
/*     padding-top:.45em;   */
 }  


              

/****************************************************************************
 * 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 
{ 
    color:#000000;
    font-family:Arial,verdana,sans-serif;
    font-size:18px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:32px;
}
/* date */
.divEventDate 
{   
    font-weight:bold;
}
/* event description */
.divEventText 
{  
    color:#000000;
    font-family:Arial,verdana,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:18px;
}


/****************************************************************************
 * 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 
{
}


/****************************************************************************
 * division microsite - division menu - containing div, menu styles in superfish.division.css
 ****************************************************************************/
.divDivisionMenu 
{
}
/****************************************************************************
 * team microsite - team menu - containing div, menu styles in superfish.team.css
 ****************************************************************************/
.divTeamMenu, .divDivisionMenu
{
	display:block;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
	font-size:10px;   
	width:100%; 
	background: #000 url(images/subnavigation_background.jpg) 50% 0% repeat-x;   
	color:#aaaaaa;
}
.divTeamMenu li, .divDivisionMenu li {
	display:inline;
}
.divTeamMenu  a, .divDivisionMenu  a, .divDivisionMenu  a:visited, .divTeamMenu a:visited  
{
	
	color:#fff;
	font-size:10px;
	text-decoration:none;
	padding:8px;
	/*padding: 0.5em 0.75em;*/
	
	
}
.divTeamMenu  a:hover, .divDivisionMenu a:hover {
	color:#fff;
	background:#000;
	text-decoration:none;
}
/****************************************************************************
 * quick search above grid views
 ****************************************************************************/
form.quicksearch {color:#ffffff; padding: 10px; background: #000; }
form.quicksearch input {color:#ffffff; margin-left: 5px; width:200px; border:.1em solid #000; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }


/****************************************************************************
 * table sorter - used with gridviews
 ****************************************************************************/
table.tablesorter { 
width:100%;
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
	background: #FE5200 url(images/subnavigation_background.jpg) 50% 0% repeat-x; 
	font-weight:bold; 
	color:#575757;

} 
table.tablesorter thead tr.odd {
	background: #FE5200 url(images/subnavigation_background.jpg) 50% 0% repeat-x;  

}
table.tablesorter td {
	/*color: #FFF;*/
	padding: 5px;

}
table.tablesorter .even {
	  background: transparent url(images/even_datagrid_bacground.jpg) 50% 100% repeat-x;    
}
table.tablesorter .odd {
	  background: transparent url(images/odd_datagrid_background.jpg) 50% 100% repeat-x; 
	     
} 

table.tablesorter .header {
    background: transparent url(images/small.jpg) center left no-repeat;      
    color:#000;
	text-align:left;


	/*
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	                 */
	padding-left: 20px;
	padding-top: 8px;
	height: auto;
/*  cursor: pointer; 
    cursor: hand;    */

} 

table.tablesorter .headerSortUp 
{
	background-image: url(images/small_asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #FE5200;
        
}
table.tablesorter .headerSortDown {
	background-image: url(images/small_desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #FE5200  ;



}
table.tablesorter tbody tr td div input {

 width:6em;
 border:.1em solid #000;  
 -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}


/* 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 {
    /*margin-bottom: 1em;*/
    font: italic 14px arial,helvetica,sans-serif;
      display:block;
      float:left;
	  margin-left:-10px;
	  margin-right:-10px;
	  width:100%;
    color: white;
    padding: 0.5em 0 ;   
    padding-left:10px;  
    background: #fff url(images/breadcrumb_background.jpg) 0 0% repeat-x;
}

.breadcrumb a {
    font: italic 14px arial,helvetica,sans-serif;

    color: white;
    text-decoration: underline;
}
.breadcrumb a:first {

}
.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;
}