/*
Theme Name: Bethlehem Soccer Club
Theme URI: http://www.bethlehemsoccerclub.org/
Description: Bethlehem Soccer Club CSS design
Version: 1.0
Author: Concept 64, Inc.
Author URI: http://www.concept64.com/
*/
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	background: white;
	font: 76%/1.6 Verdana, Arial, Helvetica, sans-serif;
	color:white;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.2em;
}

h3 a {
	text-decoration:none;
}

h4 {
	font-size:1.1em;
}


form {
	text-align:center;
	padding:5px 15px 15px 15px;

}

form div {
	padding:2px;
	text-align:left;
}

form div.submit {
	text-align: left;
	padding-left: 6em;

}

form label {
	display:block;
	width:5em;
	padding-right:7px;
	text-align:right;
	float:left;
}

.error {
	color:red;
	font-weight:bold;
}

a, a:link, a:visited {
	color:white;
	text-decoration:underline;
}
a:hover, a:active {
	color: #F6C60C;
	text-decoration:underline;
}

hr {
	width: 75%;
	margin: 3px auto;
	height: 1px;
	color: #F6C60C;
	background-color: #F6C60C;

}

fieldset {
	border:0;
}

#container {
	background:white;
	width:732px;
	margin: 0 auto;
}

/*   START HEADER    */

#header-flash {
	margin:15px 15px 0 15px;
	width:704px;
	height:224px;
	background: white url(images/bg/header-bottom.png) no-repeat bottom center;
}

#header-flash h1 {
	display: none;
}

#header {
	margin: 16px 15px 0 15px;
	background: white url(images/bg/header-bottom.png) no-repeat bottom center;
	height:224px;
}

#header h1 {
	background: white url(images/banner/rotate.php) no-repeat top center;
	text-indent:-999em;
	display:block;
	height: 200px;
}

#summary, #accessibility {
	display:none;
}
/*   END HEADER    */


/*   START NAVIGATION    */

#navigation {
	margin: 0px 16px;
	height:60px;
	padding: 0 0 0 0px;

}

#home-but, #club-but, #coaches-but, #teams-but, #players-but, #store-but, #calendar-but, #photos-but, #links-but, #contact-but
{
	display:block;
	float:left;
	height:60px;
	background: none no-repeat 0 -60px;

}

#home-but {
	background-image: url(images/nav/home-but.png);
	width:73px;
}

#home-but a, #home-but a:link, #home-but a:visited {
	background-image: url(images/nav/home-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:73px;
text-indent:-999em;
text-decoration:none;
overflow:hidden;
}

#club-but {
	background-image: url(images/nav/club-but.png);
	width:56px;
}

#club-but a, #club-but a:link, #club-but a:visited {
	background-image: url(images/nav/club-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:56px;
text-indent:-999em;
text-decoration:none;
overflow:hidden;
}

#coaches-but {
	background-image: url(images/nav/coaches-but.png);
	width:81px;
}

#coaches-but a, #coaches-but a:link, #coaches-but a:visited {
	background-image: url(images/nav/coaches-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:81px;

text-indent:-999em;
text-decoration:none;
overflow:hidden;
}

#teams-but {
	background-image: url(images/nav/teams-but.png);
	width:64px;
}

#teams-but a, #teams-but a:link, #teams-but a:visited {
	background-image: url(images/nav/teams-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:64px;

text-indent:-999em;
text-decoration:none;overflow:hidden;
}


#players-but {
	background-image: url(images/nav/players-but.png);
	width:69px;
}

#players-but a, #players-but a:link, #players-but a:visited {
	background-image: url(images/nav/players-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:69px;

text-indent:-999em;
text-decoration:none;overflow:hidden;
}

#store-but {
	background-image: url(images/nav/store-but.png);
	width:62px;
}

#store-but a, #store-but a:link, #store-but a:visited {
	background-image: url(images/nav/store-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:62px;
text-indent:-999em;
text-decoration:none;overflow:hidden;
}

#calendar-but {
	background-image: url(images/nav/calendar-but.png);
	width:84px;
}

#calendar-but a, #calendar-but a:link, #calendar-but a:visited {
	background-image: url(images/nav/calendar-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:84px;
text-indent:-999em;
text-decoration:none;overflow:hidden;
}

#photos-but {
	background-image: url(images/nav/photos-but.png);
	width:72px;
}

#photos-but a, #photos-but a:link, #photos-but a:visited {
	background-image: url(images/nav/photos-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:72px;
text-indent:-999em;
text-decoration:none;overflow:hidden;
}


#links-but {
	background-image: url(images/nav/links-but.png);
	width:55px;
}

#links-but a, #links-but a:link, #links-but a:visited {
	background-image: url(images/nav/links-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:55px;
text-indent:-999em;
text-decoration:none;overflow:hidden;
}
#contact-but {
	background-image: url(images/nav/contact-but.png);
	width:84px;
}

#contact-but a, #contact-but a:link, #contact-but a:visited {
	background-image: url(images/nav/contact-but.png);
	background-position:0 0;
	display:block;
	height:60px;
	width:84px;
text-indent:-999em;
text-decoration:none;overflow:hidden;
}


#home-but ul li a, #home-but ul li a:link, #home-but ul li a:visited,
#club-but ul li a, #club-but ul li a:link, #club-but ul li a:visited,
#coaches-but ul li a, #coaches-but ul li a:link, #coaches-but ul li a:visited,
#teams-but ul li a, #teams-but ul li a:link, #teams-but ul li a:visited,
#players-but ul li a, #players-but ul li a:link, #players-but ul li a:visited,
#store-but ul li a, #store-but ul li a:link, #store-but ul li a:visited,
#calendar-but ul li a, #calendar-but ul li a:link, #calendar-but ul li a:visited,
#photos-but ul li a, #photos-but ul li a:link, #photos-but ul li a:visited,
#links-but ul li a, #links-but ul li a:link, #links-but ul li a:visited,
#contact-but ul li a, #contact-but ul li a:link, #contact-but ul li a:visited
{
	text-indent:0;
	text-decoration:none;
	background-image: none;
	height: auto;
	width: auto;
}


#mainnav li ul {
	list-style-type:none;
	z-index:200;
	background: #0F2740;
	color: white;
	border:2px solid #F6C60C;

	position: absolute;
	left: -999em;

	line-height:1em;
	height: auto;
	width: 140px;
	margin-top: -10px;
	margin-left: 7px;
	padding: 0;

	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
}

#mainnav li li {
	padding:2px;
	width:136px;
}

#mainnav li ul a{
	text-indent:0;
	display:block;
	color: white;
	width:133px;
	height:auto;
	text-decoration:none;
	padding:2px 2px 2px 2px;
}

#mainnav li ul ul {
	margin:-1.9em 0 0 138px;
	font-size:.9em;
	width:113px;
}

#mainnav li li li {
	width:79px;
}


#mainnav li ul ul a{
	display:block;
	color: white;
	width:113px;
	text-decoration:none;
	padding:2px 2px 2px 2px;
}


#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {
	left: -999em;
}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {
	left: auto;
}

#mainnav li li a:hover,#mainnav li li a:active, #mainnav li li a.sfhover
{
	color: #F6C60C;
}

#home-but a:hover, #home-but a:active ,
#club-but a:hover, #club-but a:active ,
#coaches-but a:hover, #coaches-but a:active ,
#teams-but a:hover, #teams-but a:active ,
#players-but a:hover, #players-but a:active ,
#store-but a:hover, #store-but a:active ,
#calendar-but a:hover, #calendar-but a:active ,
#photos-but a:hover, #photos-but a:active ,
#links-but a:hover, #links-but a:active ,
#contact-but a:hover, #contact-but a:active {
	background-image: none;
}

/*   END NAVIGATION    */


/*   START CONTENT    */

#main {
}

.content {
	background: white url(images/bg/content-bottom.png) no-repeat bottom right;
	float:left;
	width:424px;
	padding:12px 0 150px 15px;
}

.content h2 {
	display:block;
	height: 89px;
	text-indent: -999em;
	background: transparent none no-repeat top right;
}


.content .section {
	background: #0F2740 url(images/bg/content-repeat.png) repeat-y;
	padding: 0 15px 15px 15px;
	margin-bottom:-1px;
	border:0;
}

.normal {
  padding: 0 15px 15px 15px;
}

.content .section h3, .normal h3 {
	color: #F6C60C;
	padding:0;
	margin:0;
	border:0;
}

.content .section p, .normal h3 {
	padding:5px 0;
	margin:0;
	border:0;

}

.content .section ol {
	padding: 10px 25px;
}

.content .section ul {
	list-style: disc outside;
	padding: 10px 25px;
}

.content .section ul li, .content .section ol li {
	padding-bottom: 5px;
}

.content .section li a img {
	vertical-align: middle;
	border: 0;
}


/*   END CONTENT   */


/*   START CONTENT SECTIONS  */


#home h2 {
	background-image: url(images/headers/home-top.png);
}

#the-club h2 {
	background-image: url(images/headers/the-club-top.png);
}

#coaches h2 {
	background-image: url(images/headers/coaches-top.png);
}

#players h2 {
	background-image: url(images/headers/players-top.png);
}

#store h2 {
	background-image: url(images/headers/store-top.png);
}


#news h2 {
	background-image: url(images/headers/archived-news-top.png);
}

#news-single h2 {
	background-image: url(images/headers/news-top.png);
}

#archived-news h2 {
	background-image: url(images/headers/archived-news-top.png);
}


#calendar h2 {
	background-image: url(images/headers/upcoming-events-top.png);
}

#links h2 {
	background-image: url(images/headers/links-top.png);
}

#contact-us h2 {
	background-image: url(images/headers/contact-us-top.png);
}

#terms-of-use h2 {
	background-image: url(images/headers/terms-of-use-top.png);
}

#accessibility-statement h2 {
	background-image: url(images/headers/accessibility-top.png);
}



.post {
	padding:10px;
}

#recent-news .post .date{
	font-weight:normal;
	font-style:italic;
	text-indent: 5px;
	font-size: .9em;
}

#blog-navigation {
	text-align:center;
}


/*   END CONTENT SECTIONS  */



/*   START SIDEBAR  */

.sidebar {
	float:left;
	width:264px;
	margin: 0 0 0 11px;

	background: white url(images/bg/side-repeat.png) repeat-y top right;
}

.sidebar .last-update {
	background-color: white;
	padding-top: 10px;
	color: #0F263F;
	text-align: right;
	font-weight: bold;
}

.sidebar .side-section {
	background: transparent url(images/bg/side-bottom.png) no-repeat bottom right;
	border-top:12px solid white;
	padding-bottom:10px;
	margin-bottom:-1px;
}

.sidebar .side-section h3 {
	background: transparent url(images/bg/side-top.png) no-repeat top right;
	padding:0px 0 0 10px;
}

.sidebar .side-section p {
	padding:5px 10px 5px 15px;
}

.sidebar h4 {
	padding: 5px 10px 0px 10px;
	color: #F6C60C;
}

.sidebar ul {
	padding:5px 10px 5px 15px;
	list-style-type:none;
}

.sidebar ol {
	padding:5px 10px 5px 10px;
	list-style-type: none;
}
.sidebar ol strong {
	color: #F6C60C;
}

.sidebar li {
	padding: 5px 0;
}

.sidebar li a img {
	vertical-align: middle;
	border: 0;
}

.adobe-link {
	text-align:center;
}

/*   END SIDEBAR  */



/*   START SIDEBAR TRYOUTS  &  ROSTER ADMIN */

.sidebar #tryouts-reg, .sidebar #roster-admin {
	text-align:center;
}
.sidebar #tryouts-reg h3, .sidebar #roster-admin h3{
	padding:8px 0 0 0;
	font-size:1.2em;
	text-transform: uppercase;
}

.sidebar #tryouts-reg a, .sidebar #roster-admin a{
	color: #F6C60C;
}

/*   END SIDEBAR TRYOUTS   */


/*   START SIDEBAR CALENDAR   */

.sidebar #calendar-snapshot h3 {

	background: transparent url(images/sides/side-calendar.png) no-repeat top right;
	height: 35px;
	text-indent: -999em;
}

.sidebar .calendar-grid {
	width:236px;
	padding:5px 10px;
	margin:15px 0 0 0;
	font-size:.9em;
}

.sidebar .calendar-grid table caption {
	font-size:1.2em;
	font-weight: bold;
}

.sidebar .calendar-grid table tbody tr td, .sidebar .calendar-grid table thead tr th {
	width:33px;
	text-align:center;
}

.sidebar .calendar-grid #today {
	border: 2px solid #F6C60C;
}

.sidebar .calendar-grid .eventday {
	background-color:#314199;
}

.sidebar .calendar-grid .eventday a, .sidebar .calendar-grid .eventday a:link, .sidebar .calendar-grid .eventday a:visited{
	color: #F6C60C;
	text-decoration:none;
	font-weight:bold;
}

.sidebar .calendar-grid .eventday a:hover, .sidebar .calendar-grid .eventday a:active{
	text-decoration:underline;
}

/*   END SIDEBAR CALENDAR   */


/*   START SIDEBAR CALENDAR EVENTS   */

.sidebar #calendar-snapshot .event-entry {
	padding:0 2px 0 8px;
}

.sidebar #calendar-snapshot .event-entry h4{
	font-size:1em;
	font-weight:bold;
}

.sidebar #calendar-snapshot .event-entry h4 a{
	color: #F6C60C;
}

/*   END SIDEBAR CALENDAR EVENTS   */


/*   START CALENDAR EVENTS   */
#calendar-events .event-entry .title, #calendar-events .event-entry .location, #calendar-events .event-entry .details {
	padding-left: 15px;
}

#calendar-events .event-entry .title {
	font-size: 1.1em;
}


/*   END CALENDAR EVENTS   */


/*   START MAILING LIST   */

.sidebar #mailing-list {
	padding:0;
}
.sidebar #mailing-list h3 {

	background: transparent url(images/sides/side-mailing-list.png) no-repeat top right;
	height: 35px;
	text-indent: -999em;
}

.sidebar #mailing-list #ml-groups label {
	display:none;
}

.sidebar #mailing-list #ml-groups {
		padding-left: .8em;
}



/*   END MAILING LIST   */

/*   START SIDEBAR NEWS ARCHIVES   */

.sidebar #news-archives h3 {

	background: transparent url(images/sides/side-archives.png) no-repeat top right;
	height: 35px;
	text-indent: -999em;
}

/*   END SIDEBAR NEWS ARCHIVES

/*   START SPONSOR LOGS  */

.sponsor-logo {
	background: white none no-repeat top left;
	border-top:12px solid white;
	margin-top:-1px;
	padding:0;
	height: 155px;
	width: 264px;
	overflow:hidden;
}

.sponsor-logo h3 {
	background: white none no-repeat top right;
	height:155px;
	text-indent:-999em;
	padding:0;
}

.sponsor-logo h3 a {
	background: none;
	display:block;
	height:155px;
	text-decoration:none;
}

.sidebar #proolympic-logo h3 {
	background-image: url(images/sponsors/side-proolympic.png);
}

.sidebar #asd-logo h3 {
	background-image: url(images/sponsors/side-asd.png);
}


.sidebar #coplay-logo h3 {
	background-image: url(images/sponsors/side-coplay.png);
}

.sidebar #soccer-magic-logo h3{
	background-image: url(images/sponsors/side-soccer-magic.png);
}

.sidebar #desales-logo h3 {
	background-image: url(images/sponsors/desales.png);
}

.sidebar #c64-logo h3 {
	background-image: url(images/sponsors/side-c64.png);
}

/* END SPONSOR LOGOS */


/* START PHOTO THUMB */
.sidebar #side-photo h3 {
	text-indent: -999em;
}


.sidebar #side-photo p {
	color: white;
	padding: 5px 10px 5px 10px;
	text-align:center;
	font-weight:bold;
}

.sidebar #side-photo .click-help {
	text-align:center;
	color:white;
	font-weight:normal;
}


.sidebar #side-photo img {
	margin: auto auto;
	border: 3px solid white; /*#F6C60C;*/
}

.sidebar #side-photo a:hover img, .sidebar #side-photo a:active img {
	border: 3px solid #F6C60C;
}



/* END PHOTO THUMB */

/* START FORMS & DOWNLOADS */

.sidebar #forms-downloads h3 {

	background: transparent url(images/sides/side-forms.png) no-repeat top right;
	height: 35px;
	text-indent: -999em;
}

.players .sidebar #forms-downloads h3 {
	background: transparent url(images/sides/side-player-forms.png) no-repeat top right;
	height: 35px;
	text-indent: -999em;
}


/* END FORMS & DOWNLOADS */

/* START STORE */

#main #store a img {
	float: left;
	clear: both;
	border: 3px solid #F6C60C;
	margin: 0 20px 20px 0;
}

#main #store div {
	clear:both;
}

#main #store .section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #main #store .section {height: 1%;}
/* End hide from IE-mac */


/* END STORE */

/*   START PHOTOS */



#main #photo-main {

	background: white url(images/bg/footer-bottom.png) no-repeat bottom right;
	float:left;
	width: 700px;
	padding:12px 0 15px 15px;

}

#main #photo-main h2 {
	display:block;
	height: 87px;
	text-indent: -999em;
	background: transparent url(images/headers/photos-top.png) no-repeat top right;
}

#main #photo-main .section {
	background: #0F2740 url(images/bg/footer-middle.png) repeat-y;
	padding: 0px 15px 0px 15px;
	margin-bottom:-1px;
	border:0;
}

#main #photo-main .section h3 {
	color: #F6C60C;
	padding:0;
	margin:0;
	border:0;
	clear:left;
}

#main #photo-main .section ul {
	padding-top:10px;
	list-style-type: none;
	clear:left;
}

#main #photo-main .section ul li {
	display:block;
	float:left;
    height: 200px;
    width: 220px;
    margin:auto auto;
    text-align:center;
}

#main #photo-main .section ul li img {
	margin: 0 auto;
	border: 3px solid white;
}

#main #photo-main .section ul li a:hover img, #main #photo-main .section ul li a:active img {
	border: 3px solid #F6C60C;
}

#main #photo-main .section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #main #photo-main .section {height: 1%;}
/* End hide from IE-mac */

#photo {
	background: white url(images/bg/footer-middle.png) repeat-y;
	float:left;
	margin: 12px 0px 0 0px;
	border-left:16px solid white;
	width: 700px;

}


#photo2 {
	background: transparent url(images/bg/footer-bottom.png) no-repeat bottom center;
}

#photo3 {
	padding:20px 0;
	background: transparent url(images/bg/footer-top.png) no-repeat top center;
}


#photo3 p {
	display:block;
	text-align:center;
}

#photo3 img {
	border: 3px solid white; /*#F6C60C;*/

}

#photo3 a:hover img, #photo3 a:active img {
	border: 3px solid #F6C60C;
}


/*   END PHOTO  */


#main #notfound-404 {

	background: white url(images/bg/footer-bottom.png) no-repeat bottom right;
	float:left;
	width: 700px;
	padding:12px 0 15px 15px;

}

#main #notfound-404 h2 {
	display:block;
	height: 87px;
	text-indent: -999em;
	background: transparent url(images/headers/404-error-top.png) no-repeat top right;
}

#main #notfound-404 .section {
	background: #0F2740 url(images/bg/footer-middle.png) repeat-y;
	padding: 0px 15px 0px 15px;
	margin-bottom:-1px;
	border:0;
}


/*   START TEAMS */



#main #teams-main {
	background: white url(images/bg/footer-middle.png) repeat-y;
	float:left;
	width: 700px;
	position: relative;
	top: 12px;
	left: 16px;
	margin-bottom: 15px;
}

#main #teams-main2 {
	background: transparent url(images/bg/footer-bottom.png) no-repeat bottom right;
	border:0;
	padding: 0 0 15px 0;
	margin: 0 0 -1px 0;
	position: static;
}

#main #teams-main2 h2 {
	display:block;
	height: 87px;
	text-indent: -999em;
	background: transparent url(images/headers/teams-top.png) no-repeat top right;
}

#main #teams-main2 #team-intro {
	padding: 0 15px 20px 15px;
}

#main #teams-main2 .section {
	padding: 13px 15px 20px 15px;

	width: 307px;
	height: 100%;
}

#main #teams-main2 .section p {
	padding: 0 0 1em 0;
}

#main #teams-main2 .team-line {
	margin: 0 7px;
	border: 2px solid #F6C60C;
	border-top: 0;
	background: transparent url(images/bg/teamline.png) repeat-y top left;
}

#main #teams-main2 .team-line.first {
	border-top: 2px solid #F6C60C;
}

#main #teams-main2 .left {
	float: left;
	clear: both;
}

#main #teams-main2 .right {
	float: left;
}


#main #teams-main2 .section h3 {
	color: #F6C60C;
	padding:10px 0 35px 55px;
	margin:0;
	border:0;
	line-height: 1em;
	clear:left;
	background: transparent url(images/logo-sm.png) no-repeat top left;
}


#teams-main2 .team-photo img {
	border: 3px solid white; /*#F6C60C;*/
}

#teams-main2 .team-photo a:hover img, #teams-main2 .team-photo a:active img {
	border: 3px solid #F6C60C;
}




#main #teams-main2 #teams:after, #main #teams-main2 .team-line:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #main #teams-main2 #teams, #main #teams-main2 .team-line {height: 1%;}
/* End hide from IE-mac */

/* END TEAMS */

#main #maillist-main {
	background: white url(images/bg/footer-middle.png) repeat-y;
	float:left;
	width: 700px;
	position: relative;
	top: 12px;
	left: 16px;
	margin-bottom: 15px;
}

#main #maillist-main2 {
	background: transparent url(images/bg/footer-bottom.png) no-repeat bottom right;
	border:0;
	padding: 0 0 15px 0;
	margin: 0 0 -1px 0;
	position: static;
}

#main #maillist-main2 h2 {
	display:block;
	height: 87px;
	text-indent: -999em;
	background: transparent url(images/headers/mailinglist-top.png) no-repeat top right;
}

#main #maillist-main3 {
	padding: 0 15px;
}


/*   START FOOTER   */

#footer{
	float: none;
	clear: both;
	margin: 0px 0 16px 16px;
	padding-top:11px;
	background: white url(images/bg/footer-bottom.png) no-repeat bottom right;
	width:700px;
	padding-bottom:18px;
}

#footer h4 {
	display:block;
	background: transparent url(images/bg/footer-top.png) no-repeat top right;
	height: 18px;
	text-indent: -999em;
	font-size:.1em;
}

#footer div {
	font-size:1em;
	background: transparent url(images/bg/footer-middle.png) repeat-y;
}

#footer ul {
	list-style-type:none;
}

#footer ul li {
	display:inline;
	padding-left:10px;
}

#members {
	float:right;
	padding-right:20px;
	margin-top:-1.65em;
}

/*   END FOOTER   */