/*
------------------------------------------------------
RESET ALL ELEMENTS FOR STYLING
------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a {outline: none;}
/*
------------------------------------------------------
SET BASE FONT VALUES
------------------------------------------------------
*/
body{font:62.5% "Trebuchet MS", verdana,sans-serif;}
select,input,textarea{font:99% verdana,sans-serif;}

body {padding:0;margin:0;font:62.5% Verdana, Arial, sans-serif; background: #EEEAE1;}
img {border: 0; }
p, h1, h2, h3, h4, ul, ol, form {padding:0;margin:0;}
ul, ol {list-style: none;}
p {font-size: 1.2em; padding: 0 0 10px; line-height: 1.5em;}

a {color: #900;}
a:hover {text-decoration: none; color: #600}
h2 {font-size: 1.8em; color: #000; margin-bottom: 15px; }
h3 {font-size: 1.4em; color: #000; margin-bottom: 10px; font-weight: bold;}
h4 {font-size: 1.2em; color: #000; font-weight: bold; margin-bottom: 5px;}
strong {font-weight: bold;}

/* fonts */
@font-face {
	font-family: 'FuturaStdBold';
	src: url('http://www.northdeltasoftball.ca/_fonts/futurastd-bold-webfont.eot');
	src: local('.'), url('http://www.northdeltasoftball.ca/_fonts/futurastd-bold-webfont.woff') format('woff'), url('http://www.northdeltasoftball.ca/_fonts/futurastd-bold-webfont.ttf') format('truetype'), url('http://www.northdeltasoftball.ca/_fonts/futurastd-bold-webfont.svg#webfontDKMW9ovk') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
------------------------------------------------------
LAYOUT STYLES
------------------------------------------------------
*/
body {background: #ffd700 url(../_img/shared/img-bg.jpg) repeat-x 0 0;}
#wrap {text-align: left; width: 980px; margin: 0 auto; position: relative;}
#container {width: 960px; padding: 0 10px;}
#header {background: #FFF; position: relative; border-bottom: 6px solid #666}
#banner-left {width: 10px; height: 43px; background: url(../_img/shared/img-nav-wrap-left.gif) 0 0 no-repeat; position: absolute; top: 109px; left; 0;}
#banner-right {width: 10px; height: 43px; background: url(../_img/shared/img-nav-wrap-right.gif) 0 0 no-repeat; position: absolute; top: 109px; right: 0;}
/*
------------------------------------------------------
HEADER STYLES
------------------------------------------------------
*/
#logo-bar {
   display: block;  
   background: url(../_img/shared/img-logo-text.gif) 100% 0 no-repeat;
   height: 109px;
}
	.logo a {
	   display: block;
	   width: 192px;
	   height: 109px;
	   text-indent: -5000px;
	   background: url(../_img/shared/img-logo.gif) 0 0 no-repeat;
	}

#nav {
   margin: 0; 
	padding: 0 0 0 137px;
   height: 26px;
   background: url(../_img/shared/img-nav-left-bg.jpg) 0 0 no-repeat;
}
#nav li {
   float: left;
   
}
#nav a {
   color: #333; 
   display: block;
   width: 75px;
   height: 26px;
   background: url(../_img/shared/img-nav.gif) 0 0 no-repeat;
   text-indent: -5000px;
}
/* home*/
#nav .nav-home a {
	width: 53px;
	background-position: 0 0;
}

#nav .nav-home a:hover,
#nav .nav-home a.active,
#nav .nav-home-over a {
	background-position: 0 -26px;
}
/* about us */
#nav .nav-about-us a {
	width: 77px;
	background-position: -53px 0;
}

#nav .nav-about-us a:hover,
#nav .nav-about-us a.active,
#nav .nav-about-us-over a {
	background-position: -53px -26px;
}

/* registration */
#nav .nav-registration a {
	width: 102px;
	background-position: -130px 0;
}
#nav .nav-registration a:hover,
#nav .nav-registration a.active,
#nav .nav-registration-over a {
	background-position: -130px -26px;
}
/* tournaments */
#nav .nav-tournaments a {
	width: 110px;
	background-position: -235px 0;
}
#nav .nav-tournaments a:hover,
#nav .nav-tournaments a.active,
#nav .nav-tournaments-over a {
	background-position: -235px -26px;
}
/* players */
#nav .nav-players a {
	width: 73px;
	background-position: -347px 0;
}
#nav .nav-players a:hover,
#nav .nav-players a.active,
#nav .nav-players-over a {
	background-position: -347px -26px;
}

/* coaches */
#nav .nav-coaches a {
	width: 75px;
	background-position: -417px 0;
}
#nav .nav-coaches a:hover,
#nav .nav-coaches a.active,
#nav .nav-coaches-over a {
	background-position: -417px -26px;
}

/* publications */
#nav .nav-publications a {
	width: 104px;
	background-position: -492px 0;
}
#nav .nav-publications a:hover,
#nav .nav-publications a.active,
#nav .nav-publications-over a {
	background-position: -492px -26px;
}

/* resources */
#nav .nav-resources a {
	width: 84px;
	background-position: -596px 0;
}
#nav .nav-resources a:hover,
#nav .nav-resources a.active,
#nav .nav-resources-over a {
	background-position: -596px -26px;
}

/* news */
#nav .nav-events a {
	width: 58px;
	background-position: -680px 0;
}
#nav .nav-events a:hover,
#nav .nav-events a.active,
#nav .nav-events-over a {
	background-position: -680px -26px;
}

/* contact us */
#nav .nav-contact-us a {
	width: 87px;
	background-position: -736px 0;
}
#nav .nav-contact-us a:hover,
#nav .nav-contact-us a.active {
	background-position: -736px -26px;
}
#nav .tier2 {
	width: 140px;
	top: 2.6em;
}
	#nav .tier2 a {
		background: url(../_img/shared/subnav-bg-up.png);
      border-bottom:1px solid #666;
      color:#999;
      height:auto;
      line-height:1;
      padding:7px 10px;
      text-decoration:none;
      text-indent:0;
      width:120px;
      font-size: 1.1em;
	}
	#nav .tier2 a:hover {
	  background: url(../_img/shared/subnav-bg-over.png);
	  color: #fff;
	}
#subnav li a {
	display: block;
	font-size: 1.1em;
	color: #333;
	text-align: right;
	padding: 7px 10px 5px 0;
	margin-bottom: 2px;
	text-decoration: none;
}
	#subnav li a:hover,
	#subnav li .active {
		background: url(../_img/shared/img-subnav-bg.jpg) 100% 0 no-repeat;
	}

	#content {overflow: hidden; padding-bottom: 20px;}
		#main {float: left; width: 690px;}
	   #right-panel {float: left; width: 270px; padding-top: 20px; background: #000 url(../_img/shared/img-right-panel-bottom.gif) 0 100% no-repeat;}
   
   /* FRONT PAGE TEMPLATE */
   #Front .front-image img { display: block;}
   #Front #content {background: url(../_img/shared/img-front-bg.gif) 0 0 repeat-y;}
   	#Front #display {float: left; width: 278px; padding-top: 33px; background: url(../_img/shared/img-front-mid-top.jpg) 0 0 no-repeat;}
		#Front #sidebar {float: left; width: 412px; padding-top: 33px; background: url(../_img/shared/img-front-main-top.jpg) 0 0 no-repeat;}
		
	/* INTERIOR PAGE TEMPLATE */
   #Interior #content {background: url(../_img/shared/img-interior-bg.jpg) 0 0 repeat-y;}
   	#Interior #display {float: left; width: 518px; padding-top: 33px; background: url(../_img/shared/img-interior-main-top.jpg) 0 0 no-repeat;}
		#Interior #sidebar {float: left; width: 172px; padding-top: 33px; background: url(../_img/shared/img-interior-sidebar-top.jpg) 0 0 no-repeat;}
/*
------------------------------------------------------
FOOTER STYLES
------------------------------------------------------
*/
#footer {background: #000 url(../_img/shared/img-footer-bg.jpg) 0 0 repeat-x; padding: 10px 0; clear: both; height: 100px;}
   #footer p {color: #fff; clear: both; padding: 0 0 0 10px; color: #999; font-size: 1em;}
   #footer li a {padding-left: 10px; float: left; color: #FFF;}
   

/* ------------------------------------------------------
GENERAL PAGE STYLES
------------------------------------------------------*/

.module {margin: 0 20px;}
.module ul.int-list li {
	padding-left: 15px;
	background: url(../_img/shared/bullet_black.png) 0 0 no-repeat;
	padding-bottom: 10px;
	font-size: 12px;
}
#display .module ol li {
list-style: number;
font-size: 12px;
padding-bottom: 10px;
margin-left: 15px;
}
#display .module ul li {
	padding-left: 15px;
	background: url(../_img/shared/bullet_black.png) 0 0 no-repeat;
	padding-bottom: 10px;
	font-size: 12px;
}

	.mod-social li.facebook {
background:url("../_img/shared/facebook.png") no-repeat scroll 0 0 transparent;
line-height: 2;
padding-left:20px;
}
	#right-panel  .mod-social a {color: #ccc; text-transform: uppercase;}
#main h2, #main h3, #main h4, #main h5 {font-weight: normal; font-style: normal; line-height:normal; font-family: 'FuturaStdBold', sans-serif; text-transform: uppercase;}
#main h2 {font-size: 16px}
#main h3 {font-size: 14px;}
#main h4 {font-size: 12px}
#main h5 {font-size: 11px}
#main table thead th {font-size: 1.2em;}
#main table td {
   font-size: 1.2em;
   padding: 5px 10px;
}

#main #display .module {
	border-bottom:1px solid #CCCCCC;
	margin:0 20px 10px;
	padding-bottom:5px;
}
#Front #main #display h2 {
	font-size: 14px;
}
#Front #main #display h3 {
	
	color:#666;
	font-size:12px;
	padding:5px 0 4px;
}
	#Front #main #display p,
	#Front #main #display li,
	#Front #main #display a {
		font-size: 11px;
	}

#main .tbl-data {
width: 100%; border: 1px solid #999; border-width: 1px 1px 0 0;
}
#main .tbl-data td {border: 1px solid #999; border-width: 0 0 1px 1px;}
#sidebar h4 {padding-left: 15px; padding-top: 15px;color: #999;}
#right-panel .module {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #444;
}
#main p img {
	border: 1px solid #999;
	display: block;
}
	
#right-panel h2 {
	color: #f6d415;
font-weight: normal; font-style: normal; line-height:normal; font-family: 'FuturaStdBold', sans-serif;
font-size: 14px;
text-transform: uppercase;
}
#right-panel p {
	color: #FFF;
	font-size: 1.1em;
}
#right-panel ul li {
	background-image: url(../_img/shared/bullet_yellow.png);
	background-position: 0 0;
	color: #FFF;
	font-size: 1em;
}
#right-panel a {font-size: 1em; color: #f6d415;}
#right-panel img {display: block; border: 1px solid #FFF;}
#right-panel .form-row {
   margin-bottom: 10px;
}
   #right-panel .form-row label {
      display: block;
      color: #fff;
      padding-bottom: 5px;
      font-size: 1.1em;
   }
   #right-panel .form-row input {
      width: 96%;
      padding: 2px 5px;
      font-size: 1.1em;
   }
   #right-panel .form-submit input {
      padding: 2px 5px;
   }
   #theForm .errMsg {color: #F00; padding: 5px; border: 1px solid #f00; margin-bottom: 10px; text-align: center;}

.gallery {overflow: hidden; clear: both;}   
#Interior #display .gallery-img {width: 110px; height: 110px; border: 1px solid #666; margin-bottom: 10px; float: left; overflow: hidden; margin: 0 10px 10px 0;}
   #Interior #display .gallery-img a {display: block; width: 100%; height: 100%; text-indent: -5000px; background-position: 50% 50%; background-repeat: no-repeat;}
   
#right-panel #confirmation {color: #fff; font-weight: bold;}
#right-panel .rp-gallery-img {width: 108px; height: 108px; border: 1px solid #FFF; margin-bottom: 15px; float: left; overflow: hidden;}
   #right-panel .rp-gallery-img a {display: block; height: 100%; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; text-indent: -5000px;}

#sidebar .lp-gallery-img {width: 66px; height: 66px; border: 1px solid #999; margin-left: 15px; margin-bottom: 10px; float: left; overflow: hidden;}
   #sidebar .lp-gallery-img a {width: 100%; height: 100%; display: block;background-position: 50% 30%; background-repeat: no-repeat; text-indent: -5000px;}
#Interior #sidebar p {padding-left: 15px; font-size: 11px;}

.mod-news li a {display: block; padding-top: 5px;}

img.no-border {border: none !important;}
#footer .badge a {
color: #666;
}
#footer .badge a:hover {
color: #999
}
.btn-register {
	background: url(../_img/shared/btn-register.png) 0 0 no-repeat;
	display: block;
	width: 170px;
	height: 60px;
	text-indent: -5000px;
	margin: 0 auto;
}
.btn-register:hover {
	background-position: 0 -60px;
}

#footer li {float: left;}
strong {font-weight: bold}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.sf-menu {
	line-height:	1.0;background: url("../_img/shared/subnav-bg-up.png") no-repeat;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN **
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { 
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}
*/
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*::::: PIROBOX WHITE RULES::::::::*/
.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:black; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:url(/_img/addon/pirobox/white/bg_load.png) center no-repeat!important;background:url(/_img/addon/pirobox/white/bg_load.gif) center no-repeat }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(/_img/addon/pirobox/white/ajax-loader_w.gif) center center no-repeat!important;background: url(/_img/addon/pirobox/white/ajax-loader_b.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:white;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:black;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

.piro_close{position:absolute;top:-10px;right:-10px;height:35px;width:35px;background:url(/_img/addon/pirobox/white/close_btn3.png) no-repeat;cursor:pointer;z-index:100006;}
a.piro_next{position:absolute;bottom:-33px;width:34px; height:35px;right:-37px;text-indent:-999em;outline:none; display:block;background:url(/_img/addon/pirobox/white/next.png) no-repeat; border:none;cursor:pointer;}
a:hover.piro_next{position:absolute;height:35px;width:34px;display:block; background:url(/_img/addon/pirobox/white/next_h.png) no-repeat; border:none;}

a.piro_prev{position:absolute;bottom:-33px;width:34px; height:35px;left:-35px; text-indent:-999em; outline:none;display:block;background: url(/_img/addon/pirobox/white/prev.png) no-repeat;border:none; cursor:pointer;}
a:hover.piro_prev{position:absolute;height:35px;width:34px;display:block; background:url(/_img/addon/pirobox/white/prev_h.png) no-repeat;border:none;}

a.piro_next_out{position:absolute; z-index:2000000;top:50%; width:100px; height:250px; right:0;text-indent:-999em;outline:none; display:block; background: url(/_img/addon/pirobox/white/nextoutside.png) no-repeat; border:none;cursor:pointer;}
a:hover.piro_next_out{position:absolute;display:block; width:100px; height:250px;  background: url(/_img/addon/pirobox/white/nextoutside_h.png) no-repeat; border:none;}

a.piro_prev_out{position:absolute;z-index:2000001; width:100px; top:50%; height:250px; left:0; text-indent:-999em; outline:none;display:block; background: url(/_img/addon/pirobox/white/prevoutside.png) no-repeat;border:none; cursor:pointer;}
a:hover.piro_prev_out{position:absolute; width:100px; height:250px;  display:block; background: url(/_img/addon/pirobox/white/prevoutside_h.png) no-repeat; border:none;}

.pirobox_content {position:absolute; top: 50%; left: 50%; padding:0; width: 400px; height: 200px; margin: -100px 0 0 -200px; display: block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(/_img/addon/pirobox/white/t_l.png) no-repeat; width:10px; height:10px;}
.t_r{background: url(/_img/addon/pirobox/white/t_r.png) no-repeat; width:10px; height:10px;}
.t_c{height:10px; background:url(/_img/addon/pirobox/white/t_c.png) repeat-x;}

.c_l{width:10px; background: url(/_img/addon/pirobox/white/c_l.png) repeat-y;}
.c_c{background:url(/_img/addon/pirobox/white/img_bg.png) repeat; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: url(/_img/addon/pirobox/white/c_r.png) repeat-y;}

.b_c{height:10px; background:url(/_img/addon/pirobox/white/b_c.png) repeat-x;}
.b_l{background:url(/_img/addon/pirobox/white/b_l.png) no-repeat; width:10px; height:10px;}
.b_r{background:url(/_img/addon/pirobox/white/b_r.png) no-repeat; width:10px; height:10px;}

.box_img{ position:absolute; z-index:99995; background: url(/_img/addon/pirobox/white/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:black; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;top:2px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:21px;width:21px;right:0;color:#999;top:4px; background:url(/_img/addon/pirobox/white/link_out.png) no-repeat!important;background:url(/_img/addon/pirobox/white/link_out.gif) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(/_img/addon/pirobox/white/link_out_h.png) no-repeat!important;background:url(/_img/addon/pirobox/white/link_out_h.gif) no-repeat; border:none;}
a.play{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(/_img/addon/pirobox/white/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(/_img/addon/pirobox/white/play_h.png) no-repeat;}
a.stop{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(/_img/addon/pirobox/white/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(/_img/addon/pirobox/white/pause_h.png) no-repeat;}