@charset "utf-8";
/*  CSS */

a img {border: none; }
a:link {color:#333333; text-decoration: none; padding:0px;}
a:visited {color: #000000;text-decoration: none;padding: 0px;}
a:hover { color: #007698;padding:0px;}
a.credit:link {color:#FFFFFF; text-decoration: none; padding:0px;}
a.credit:visited {color: #CCCCCC;text-decoration: none;padding: 0px;}
a.credit:hover {
	color: #FF6600;
	padding:0px;
}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #000000;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
p {
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}
h4			{font:.98em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}

.headlines	{
	padding:5px;
	background-color: #FFFFFF;
	width:auto;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.orange	{
	padding:5px;
	background-color: #FF6600;
	color:#FFFFFF;
	width:150px;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.white {color:#FFFFFF;}
.orangesend	{
	padding:5px;
	background-color: #FF6600;
	color:#FFFFFF;
	width:60px;
	margin: 25px 5px 10px 0px;
	border: 1px solid #FF6600;
}
.whiteform	{
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	width:150px;
	height:23px;
	margin: 25px 0px 10px 5px;
	border: 1px solid #FFFFFF;
}
img {behavior: url(//www.etownyouthbaseball.com/inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map {line-height:15px;}


/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #000000;
	background-image: url(//www.etownyouthbaseball.com/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#header	{
	width:960px;
	height:119px;
	text-align:left;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	}	
#nav {
	width: 960;
	height:auto;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
}
#wrapper	{
	width:960px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

#content	{
	width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	min-height:500px;
    height:auto !important;
    height:500px;
	}
#image	{
	width:420px;
	height:200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 0px;
	}
	
#onecol{
	float:left;
	width:960px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
	min-height:475px;
	height:auto !important;
	height:475px;
	}
	
#onecolinside{
	width:940px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align: left;
	}
	
#leftcol{
	float:left;
	width:450px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
	min-height:475px;
	height:auto !important;
	height:475px;
	}
	
#leftcolinside{
	width:430px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align: left;
	}
	
#rightcol{
	float:right;
	width:484px;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
    height:280px;
	text-align: left;
	}

#rightcolinside{
	width:465px;
	margin-left: 5px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;
    height:280px;
	text-align: left;
	}
	
#facebook{
	float:right;
	width:230px;
	height:60px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 20px;
	padding: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
	}
	
#newsletter{
	float:right;
	width:230px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 20px;
	padding: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
    height:80px;
	}
	
#pgmenu {
float:left;
width:900px;
margin: 0px 0px 0px 20px;
height:40px;}
	
.images{
	width:220px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 6px;
	padding: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
    height:120px;
	}
.bigimages{
	width:304px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 0px;
    height:800px;
	border: 1px solid #FFFFFF;
	}
.bigimages2{
	width:304px;
	margin-left: 0px;
	margin-bottom: 350px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 0px;
    height:424px;
	float:left;
	}
	
.totheleft {margin:0px 0px 20px 20px; float:right;width:600px}
	
#scrollOut{
	float:right;
	width:480px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
   height:120px;
	position:relative;
	overflow:hidden;
	}
#scrollIn {
	position:absolute;
	width:6950px;
	margin:10px;
}
	
/******* FOOTER *******/
#footer	{
	width:960px;
	height:auto;
	text-align:left;
	font-size:.875em;
	line-height:1.3em;
	clear:both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:ffffff;
	}
#footer a	{text-decoration:none;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#666666;text-decoration:none;}
#footer #credit a:hover 	 {color:#FFFFFF;text-decoration:none;}

#googlemap {width: 550px; height: 270px; border:1px solid #ccc;line-height:15px;float:left;}



/******* HORIZONTAL NAV MENU  ***********/
ul#hrznav {
	border: 0 none;
	width: 960px; /*For KHTML*/
	list-style: none;
	height: 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding:0px;
	}
*html ul#hrznav {width: 940px;margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 00px;
	padding:0px;}

ul#hrznav li {

  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
	}
	
*html ul#hrznav li {

  border: 0 none;
  padding: 0px 0px 0px 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
	}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
	}

*html ul#hrznav ul {
  margin: 10px 0px 0px 10px;
  border: 0 none;
  padding: 0px 0px 0px 0px;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
	order-right: 1px solid #053958;
	order-left: 1px solid #0c98e8;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #000000;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 24px;
	word-spacing: normal;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
*html ul#hrznav a {padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin:0px;}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #fff;
  color: #000000;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}

/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #CCCCCC;
	border: 1px solid #2d2205;	
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#000000;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
* html #contact #submit{width:95px;}

#contact .shhhh, .shhhh {display:none;}


/* CALENDAR */
.calendarBG {background-color:#e6e9ec; border:1px solid #fff;}
.calendarBlank {background-color:#f3f6f9;}
.calendarHeader {text-align:center; background-color:#ffffff; color:#990000;}
.calendarHeader th {padding:10px 0 0 0;}
.calendarMonthLinks {
	text-decoration:none;
	font:normal 11px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#555555;
	}
.calendarMonthLinks a, .calendarMonthLinks a:link, .calendarMonthLinks a:visited {text-decoration: underline;}
.calendarMonthLinks a:hover {text-decoration: underline;}
.calendarDayHeading {
	font:normal 12px/19px Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	background-color:#616467; 
	text-align: center;
	padding:8px 4px;
	width:auto;
	}
.calendarToday {
	width:50px;
	height:75px;
	text-align:left;
	vertical-align:top;
	padding-left:4px;
	background:#a4cae2;
	}
.calendarToday p.date {
	font:normal 11px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	padding-left:8px;
	margin-left:-4px;
	margin-right:0;
	width:100%;
	}
.calendarCell {
	width:60px;
	min-width:60px;
	height:65px;
	text-align:left;
	vertical-align:top;
	background-color: #ffffff;
	padding-left:8px;
	}
.calendarCell:hover {}
.calendarCell p.date {
	font:normal 11px/12px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	background:none;
	padding-left:4px;
	margin:-2px 0 2px -6px;
	width:60px;
	}
.calendarCell a, .calendarToday a, .calendarCell a:link, .calendarToday a:link,
.calendarCell a:visited, .calendarToday a:visited, .calendarCell a:active, .calendarToday a:active {
	font:bold 10px/11px arial, helvetica, verdana;
	text-decoration:none; 
	text-align:center;
	padding:0 0 8px 0px;
	display:block;
	color:#2184c3;
	}
	
/* SMALL CALENDAR */
#smcalendar{
	float:right;
	width:230px;
	margin:20px 0px 0px 0px;
	padding: 0px;
	background-image: url(//www.etownyouthbaseball.com/images/10x10pixel.png);
	background-repeat: repeat;
   height:130px;
	}
#smcalendar .calendarBG {background-color:none;border:1px; border-color:#999999;}
#smcalendar .calendarBlank {background-color:none;height:10px; width:10px;margin:0px; padding:0px;}
#smcalendar .calendarHeader {text-align:right; background-color:#FFFFFF; color:#000000;margin:0px;height:10px;}
#smcalendar .calendarHeader th {padding:0px;}
#smcalendar .calendarMonthLinks a, #smcalendar .calendarMonthLinks a:link,
#smcalendar .calendarMonthLinks a:visited {text-decoration: underline;}
#smcalendar .calendarMonthLinks a:hover {text-decoration: underline;}
#smcalendar .calendarDayHeading {
	font-family: "Trebuchet MS";
	font-size:8px;
	line-height:9px;
	font-weight:normal;
	color:#ffffff;
	background-color:#616467; 
	text-align: center;
	padding:0px;
	margin:0px;
	width:10px;
	height:5px;
	}
#smcalendar .calendarToday {
	width:10px;
	height:10px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
	background:#a4cae2;
	}
#smcalendar .calendarToday p.date {
	font-family: "Trebuchet MS";
	font-size:8px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	width:10px;
	line-height:8px;
	}
#smcalendar .calendarCell {
	width:20px;
	min-width:20px;
	height:10px;
	min-height:10px;
	text-align:left;
	line-height:9px;
	vertical-align:top;
	background-color: none;
	padding:0px 0px 0px 3px;
	margin:0px;
	background:#CCCCCC;
	}
#smcalendar .calendarCell:hover {}
#smcalendar .calendarCell p.date {
	font-family: "Trebuchet MS";
	font-size:8px;
	font-weight:normal;
	background:none;
	padding:0px;
	margin:0px;
	width:20px;
	height:8px;
	min-height:8px;
	line-height:9px;
	}
#smcalendar .calendarCell a, #smcalendar .calendarToday a, #smcalendar .calendarCell a:link,
#smcalendar .calendarToday a:link, #smcalendar .calendarCell a:visited, #smcalendar .calendarToday a:visited,
#smcalendar .calendarCell a:active, #smcalendar .calendarToday a:active {
	font-family: "Trebuchet MS";
	font-size:7px;
	font-weight:bold;
	text-decoration:none; 
	text-align:center;
	padding:0px;
	margin:0px;
	display:block;
	color:#2184c3;
	line-height:7px;
	/*background:#999999;*/
	height:5px;
	}
	
/* signup form */
#signupform {width:600px; text-align:left;}
#signupform label {width:225px; float:left; text-align:right; margin-right:5px; margin-bottom:10px;}
#signupform input {width:300px; float:left; margin-bottom:10px;}
#signupform input.radio {width:auto; float:none; margin:auto;}
#signupform br {clear:left;}
#signupform fieldset {margin:5px; border:2px groove #6F6F6F;}
#signupform legend {color:#333; text-transform:uppercase; font-variant:small-caps;}
#signupform .team {width:75px; padding:4px; margin:4px; border:1px solid #eee; float:left; height:65px; font:12px; line-height:13px; text-align:center;}
#signupform .team br {margin:0px; clear:none;}



/* Add Person Form*/
#addplayer, #addadult {cursor:pointer;}
#addpersonform {width:296px; text-align:left; border:1px solid #bbb; clear:left; margin:5px 0;}
#addpersonform label {width:150px; float:left; text-align:right; margin-right:5px; margin-bottom:10px; font-size:.9em;}
#addpersonform input {width:130px; float:left; margin-bottom:10px; background:#fff; border:1px solid #2E3192;}
#addpersonform input#agreement {width:auto;}
#addpersonform br {clear:left;}

#checkoutform {width:594px; text-align:left; border:1px solid #bbb; clear:left; margin:5px 0; float:right; padding:2px;}
#checkoutform label {width:150px; float:left; text-align:right; margin-right:5px; margin-bottom:10px; font-size:.9em;}
#checkoutform input {width:130px; float:left; margin-bottom:10px; background:#fff; border:1px solid #2E3192;}
#checkoutform input#agreement {width:auto;}
#checkoutform br {clear:left;}