/*--------------------------------------------
http://www.dsll.org
Devon Strafford Little League
Gladwyne, PA
CSS by John Ailor 
(C) 2006, 2007, 2008 MyOhMy Design

May 11, 2008
 -------------------------------------------*/

/*----------------------------
Outer Elements & containers
----------------------------*/

body { 

	font-size:9pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background:white;	
	background: #e9f2f9 url(../images/skyWithGrass.jpg) top center fixed no-repeat;

}  

#wrapper { 
	width:900px;
	margin: 20px auto;
}

#newWrapper { 
	width:900px;	
	margin: 20px auto 0px auto;
	border: 2px groove gray;
	background-color: white;
}

/*------------

HTML Elements

------------*/

h2 {
	width:90%;
	margin: 5px auto;
	color:#AF0300;
	font-size:12pt;
	font-weight:bold;	
	text-align: center;
	text-decoration: none;
}

h2 a {
	margin: 5px auto;
	color:#AF0300;
	font-size:13pt;
	font-weight:normal;	
	text-align: center;
	text-decoration: none;
}

h3 {
	font-size:10pt;
	margin:.1em auto;
	margin-top: .5em;
	color:#00274E;	
	text-align: center;
	text-decoration: none;
}


p {

	line-height:1.5;
	padding: 10px;
	font-size: 9pt;
}

a {

	color:#044585;

}

a:hover, a:focus, a:active {
	color:#0053a4;
	text-decoration:none;
}

a.more:link {
	color:blue;
	text-decoration:none;
	font-size: 8pt;
	
}

a.more:hover, a.more:focus, a.more:active {
	color:maroon;
	text-decoration:none;
	font-size: 8pt;
	
}

/*-------------------------------- 
		Attribute-Specific Icons 
----------------------------------*/

a[href$='.pdf'] { 
padding:0 20px 0 0; 
background:transparent url(/images/icons/icon_pdf.gif) no-repeat center right; 
}

a[href$='.xls'] { 
padding:0 20px 0 0; 
background:transparent url(/images/icons/icon_excel.gif) no-repeat center right; 
}

a[href$='.doc'] { 
padding:0 20px 0 0; 
background:transparent url(/images/icons/icon_word.gif) no-repeat center right; 
}


#yellowDivider{
	clear:both;	
	width:100%;
	margin: 3px auto;
	height: 2px;	
	border-bottom: dashed #1460E7 2px;
}

/*-------
Header
-------*/

#header{
background-image: url(../images/LogoHeaders_Pictures.png);
background-position: left;
background-repeat: norepeat;
background-color: transparent;
height:200px;
	
}

#newHeader{
	width:100%;
	height: 	
}

legend.category{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	word-spacing: .3em;
	letter-spacing: .3em;
	font-variant: small-caps;
	font-weight: bolder;	
}

ul {
	list-style: none;
	line-height: 2em;
}

fieldset{
	width: 600px;
	margin: 10px auto;
}

/*----------------

Header Navigation

----------------*/

	#navMenu{
	width:900px;
	min-height: 47px;
	background-color: #EEEEEE;
	margin: 0px auto 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bolder;
	text-align:center;
	padding: 0px;
	z-index: 2000;
	}

fieldset.ancillary{
	clear:both;
	width:95%;
	margin:auto;	
}

fieldset#gameReport{
	clear:both;
	width:95%;
	margin:10px auto;	
	padding: 10px 0px;
}

p#ancillary{
	width: 120px;
	margin:auto;
	line-height: 2em;
	font-weight:bold;
	text-align:center;
}


/*---------------

Main Navigation

----------------*/


/*------------
CONTENT
-------------*/


#content, newContent {	
clear: both;
width:100%;
padding:5px 0 0;
background-color: white;
font-weight: normal;
background-image: url(../images/LeftBack.gif);
background-repeat: repeat-y;
background-position: left;
}

#newContent {	
background-color: white;
min-height: 500px;
}


/*-- 'Upcoming Events' --*/

div.event {
	margin:0 0 1em;
}


/*-----------------
Home Page Columns
------------------*/



table#ThisWeek{
	font-weight: normal;
}

td.Time{
	width: 60px;
}

td.Date{
	width: 60px;
}



/*--------
Footer
---------*/

#footer {
	clear:both;
	width: 900px;
	margin: 0px auto;
	padding: 5px 0px;
	text-align: center;
	background:#21466C;
	background-image: url(../images/TinyYellowGradiant_900.gif);
background-repeat: repeat-y; 	
border-bottom:2px solid #D7E6F4;
color:#A5C6E6;
font:9pt Arial, Tahoma, Verdana, sans-serif;
}


#footer ul {
	margin:4px 0 3px;
}

#footer li {
	list-style:none;
	display:inline;
	padding:0 10px 0 8px;
	border-right:1px solid;
}

#footer li.first {
	padding-left:none;
}

#footer .last, #footer span.last {
	border:none;
}

#footer a {
	color:#A5C6E6;
	text-decoration:underline;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color:#fff;
}

#bottom{	
	clear:both;
	width: 900px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 8pt;
	font-family: Arial, sans-serif;
	color: white;
	background-image: url(../images/bottomBack_900.gif);
	background-repeat: repeat-y;
	text-align: center;
	padding-top: 5px;		
	padding-bottom: 5px;
	}



/*--------
Misc
---------*/

.asterisk {

	font-size: 13px;
	font-weight: bold;
	color:  #AF0300;

		}




h4 {
	font-size:13pt;	
	color:#00274E;
	text-align:center;

}

/*------------------
ASP.net classes
-------------------*/

.schedule{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:normal;
	}
	
.Announcement{
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px;
}
	

ul.team {float: left;}
li.team {
	list-style:none;
	display:inline;
	padding-right:10px;	
	text-decoration: none;
	}

ul.menu {
float: left;
width:750px;
margin-top:10px;
margin-bottom: 10px;
margin-left: 0px;
background-color: transparent;
font-size:9pt;

 }	
li.menu {
	list-style:none;
	display:inline;
	padding-right:0px;	
	margin:0px;
	font-weight:bold;
	}

a.menu:link{color: black;}
a.menu:hover{color: maroon;}
a.menu:active{color: silver;}
a.menu:visited{color: gray;}

a.noUnderline {text-decoration: none;}
		
img{border: none;}

img.stateChamps {
	border:none;
	margin:5px auto;
}

#stateChamps{
	width:275px;
	margin:5px auto;
}

#gameReport{
	clear:both;
}

.gameHighlights{
	font-size: 15pt;
	font-weight: bold;
	text-align:center;
	width:100%;
	letter-spacing: .2em;
	
}

fieldset.ancillary{
	border:none;
}

fieldset#sponsors{
	width:275px;
	line-height: 20px;
	border:none;	
}

#goldSponsors{
background-color: gold;
}

.sponsors{
	text-align:center;
	text-decoration: none;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

p#championTitle{
	text-align:center;
}


p#champions{	
	text-align: left;
	line-height: 1.2em;
	width:100%;
	padding:2px;	
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*Contacts Page*/

.contacts{
	width:60%;
	margin:15px auto;
	padding: 15px;	
	border: 1px solid silver;
}

h2.contacts{
	width:100%;
	text-align: center;	
	font-size: 14pt;
	color: #3E3FFF;
	border:none;
}

/*Field Conditions*/

#fieldStatus{
	width:100%;
	border: 1px silver groove;
	margin: 5px auto;
	float: left;
}

.Schools, .Township, .DSLL  {
	Width:93px;
	padding: 5px;
	float:left;
	position:relative;
	text-align:center;	
	font-size: 10pt;
	font-weight: bold;
	
}

/* left column*/
.Schools {	
}
/* middle column*/
.Township {	
}

/* right column*/
.DSLL {	
}

fieldset.Games{
	width:800px;
}

/********************
		SLIDE SHOW
*********************/

#flickrShow{
	text-align: center; 
	background-color: black;
	padding-top: 50px;
	z-index: 100;
}

.flickrLiteral{
	z-index: 1;
}

#emailComments{
	width: 90%;
}

/**************************
	Fields Map
****************************/
#mapFrame{	
text-align: center;
width:95%;
margin: 10px auto;
 }
 
 /**********************
 	Calendar 
***********************/

#CalendarDay{
	width: 95%;
	margin: 20px auto;
}

.calendarDay{
	width:100%;
	margin: 15px auto;
}

 ul#thisWeek, ul#today, ul#thisDay{
	display:inline;
	padding:0px;
}

ul#thisWeek li.day, ul#thisWeek li.date, ul#thisWeek li.time, ul#thisWeek li.title,
ul#today li.day, ul#today li.time, ul#today li.title, ul#thisDay li.description, ul#thisDay li.location,
ul#thisDay li.time, ul#thisDay li.title
{
	clear:right;
	float:left;
	position:relative;
	list-style: none;	
	line-height: 1.5em;		
	margin-left:0px;
	width: 25px;	
}

ul#thisDay{
	margin:20px auto;	
	border-bottom: 1px dotted silver;
}

ul#thisWeek li.time, ul#today li.time{
	width: 60px;
	padding-left:0px;
	text-align:right;
}

ul#thisWeek li.title, ul#today li.title {
	width: 130px;
	padding-left:5px;
}

ul#thisWeek li.date{
	width: 45px;
	}
	
ul#thisDay li.time, ul#thisDay li.title, ul#thisDay li.description, ul#thisDay li.location {
		margin:20px auto;
}
	
ul#thisDay li.time{
	width:100px;
	list-style: none;
}

ul#thisDay li.title{
	width:150px;
	padding-left: 10px;
	list-style:none;
}
	
ul#thisDay li.description{
	width:350px;
	padding-left: 5px;
	list-style: none;
	vertical-align: top;
}

ul#thisDay li.location{
	width:150px;
	padding-left: 10px;
	list-style: none;
}

/* -----------------------------------------------------------

Tabs 
------------------------------------------------------------*/

#bulletinBoards{
    width: 323px;
	min-height: 600px;
    margin: auto;
    border: 1px solid black;
    background-color: white;
    font-family:arial;
    font-size: 10pt;
    }
    
#league, #teeBall, #baseBall, #softBall, #JSB{
    width:90%;
    margin: 20px auto;
    }

ul.subsection_tabs {

      list-style:none;
      margin: 0 0 10px 0;
      padding:0;
      clear:both;
      height:20px;
      clear:both;} 

ul.subsection_tabs li {
      float:left;
      margin-right:7px;
      text-align:center;} 

ul.subsection_tabs li a {
      display:block;
      padding:4px;
      background-color:#fff;
      color:#3399FF;
      text-decoration: none;
      width:45px;}
 

ul.subsection_tabs li a:hover {
      color:#ffa300;} 

ul.subsection_tabs li a.active {
      background-color:#f2f2f2;
      color: #ffa300;
      text-decoration: none;}




/* Hides from IE-mac \*/
* html .clearfix {height: 1%;
/* End hide from IE-mac */

/*---------------------

EXTRA RULES FOR IE MAC

---------------------*/

/*\*//*/

body {font-size:82%;}

div ul#topNav {

position:absolute;

right:0;

float:none;

}

div ul#udm {

font-size:105%;

}

div#wrap {position:absolute;}

div#footer {

position:relative;

margin-bottom:-3px;

}

div#footer #smlLogo {

float:none;

position:absolute;

left:0px;

top:0px;

}

#footer ul, #footer address {

margin-left:56px;

}

/**/