foo/* Common HTML styles
---------------------------
*/
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

html {
	min-height: 100%; margin-bottom: 1px;
}

body {
	font: 0.75em/1.333 Verdana, Arial, sans-serif;
	margin: 0; padding: 0;
	text-align:center;
	color: #232020;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}

h1 {
	font-size: 2.0em;
	line-height: normal;
	color: #860038;
}

h2 {
	font-size: 1.7em;
	line-height: normal;
	margin: 0 0 14px 0;
	font-weight: normal;
	color: #0d2f7a;
}

h3 {
	font-size: 1.3em;
	line-height: normal;
	margin: 0 0 14px 0;
}

h4 {

}

a {
	text-decoration: none;
	color: #870038;
	outline: 0;
}


a img {
	border: 0;
}


table {
	margin: 20px auto;

}

th {
	background: #333;
	color: #fff;
	padding: 4px;
}

td {
	vertical-align: top;
	padding: 4px;
}

.clearboth {
	clear: both;
}

.clearleft {
	clear: left;
}

div#ezarticleviewtpl ul {
	margin-left: 40px;
}

.smaller {
	font-size: 80%;
	display: block;
}


/* Template
---------------------
*/

#sitewrapper {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: transparent url("/images/bg-framework.gif") repeat-y left top;
}

#siteinner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#masthead {
	height: 134px;
	background: transparent url("/images/bg-header.jpg") no-repeat left top;
}

#masthead h1 {
	margin: 0;
	padding: 0;
}

#masthead a {
	display: block;
	position: absolute;
	left: 40px;
	top: 40px;
	width: 260px;
	height: 50px;
	text-indent: -999em;
}

/* =Navigation
-----------------------------------------------
*/

ul#navbar {
	margin: 0;
	padding: 0;
}

#navbar {
	background: transparent url("/images/navbar.gif") no-repeat 0px 0px;
	width: 960px;
	height: 35px;
	position: relative;
	margin: 0 auto;
	top: 0;
	left: 0;
	list-style: none;
	z-index:100;
}


#navbar li {
	list-style: none;
	position: absolute;
	top: 0;
	z-index: 200;
}

ul#navbar li,
#navbar a {
	height: 35px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navbar li a {
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}


#nb1 { left: 0; width: 57px;}
#nb2 { left: 57px; width: 76px;}
#nb3 { left: 133px; width: 84px;}
#nb4 { left: 217px; width: 104px; }
#nb5 { left: 321px; width: 117px; }
/* #nb6 { left: 378px; width: 125px;}  removing FH athletic club*/
#nb7 { left: 438px; width: 84px;}
#nb8 { left: 522px; width: 82px;}
#nb9 { left: 604px; width: 111px; }
#nb10 { left: 715px; width: 87px; }
#nb11 { left: 802px; width: 87px; }
#nb12 { left: 889px; width: 71px; }

#nb1 a:hover,
#nb2 a:hover,
#nb3 a:hover,
#nb4 a:hover,
#nb5 a:hover,
/* #nb6 a:hover,removing FH athletic club */
#nb7 a:hover,
#nb8 a:hover,
#nb9 a:hover,
#nb10 a:hover,
#nb11 a:hover,
#nb12 a:hover {
    background: transparent url("/images/navbar.gif?1") no-repeat 0 0;
}

#nb1 a:hover { background-position: 0 -35px; }
#nb2 a:hover { background-position: -57px -35px; }
#nb3 a:hover { background-position: -133px -35px; }
#nb4 a:hover { background-position: -217px -35px; }
#nb5 a:hover { background-position: -321px -35px; }
/* #nb6 a:hover { background-position: -378px -35px; } removing FH athletic club*/
#nb7 a:hover { background-position: -438px -35px; }
#nb8 a:hover { background-position: -522px -35px; }
#nb9 a:hover { background-position: -604px -35px; }
#nb10 a:hover { background-position: -715px -35px; }
#nb11 a:hover { background-position: -802px -35px; }
#nb12 a:hover { background-position: -889px -35px; }

/* dropdowns */
ul#navbar li ul {
	font-size: 90%;
	position: absolute;
	left: -9999px;
	width: 210px;
	margin: 0;
	background: #9cb584;
	padding: 0 3px 6px;
	border: 3px solid #9cb584;
	z-index: 125;
}

ul#navbar li:hover ul,
ul#navbar li.sfhover ul {
	left: 0;
	z-index: 550;
	position:static; /* prevents ie 7 sticky windows */
}

ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
	line-height: normal;
}


ul#navbar li ul li a {
	text-indent: 0px;
	color: #fff;
	font-weight: bold;
	text-indent: 0px;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover { color:#c4cfaa; background:transparent; }

/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {

}


/* =Category Pages
-----------------------------------------------
*/

.eznav,
.ezdetails,
.ezreadmore img {
	display: none;
}

.ezreadmore {
	text-align: right;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

/* Content Area
------------------------------------------------
*/

#contentwrapper {
	padding: 0 0 5em 0;
	border-top: 5px solid #0e2f7e;
	position: relative;
}

#leftbar,
.contentleftwrapper {
	width: 668px;
	padding: 20px;
	height:auto !important; /* real browsers */
	height:600px; /* IE6: treaded as min-height*/
	min-height:600px; /* real browsers */

}

#rightbar {
	width: 286px;
	background: transparent;
	position: absolute;
	left: 698px;
	top: 0;
	z-index: 1;
	padding: 5px 0 0 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#rb-inner {
	width: 260px;
	margin: 0 auto;
	padding: 178px 0 0;
}

#footer {
	background: transparent url("/images/bg-body.gif") repeat-y left top;
	border-top: 5px solid #0d2f7a;
	position:absolute;
	width:960px;
	bottom:0; /* stick to bottom */
}

/* =Search Field
-----------------------------------------------
*/


/* for firefox */
form.searchform {
	margin: 0;
	padding: 20px 0;
	background: transparent url("/images/bg-formfield.gif") repeat-x left top;
	width: 250px;
	position:relative;
	background: #bec7db;
}

input.searchfield {
	background: transparent url("/images/bg-searchfield.gif") no-repeat left top;
	width: 120px;
	height: 21px;
	margin: 0 0 0 20px;
	padding: 3px 20px 0 6px;
	font-size: 10px;
	vertical-align:middle;
	position:relative;
	border: 0;
}

label.overlabel {
	color:#999;
	font-size: 10px;
}
label.overlabel-apply {
	position:absolute;
	top: 23px;
	left:30px;
	z-index:1;
	color:#999;
	font-size: 10px;
}

input.searchbutton {
	vertical-align:middle;
	margin: 0 0 2px;
	padding: 0;
	border: 0;
	width: 61px;
	height: 20px;
}



/* What's Happening Announcement Box
------------------------------------------------
*/

#whatshappening {
	background: transparent url("/images/bg-wave.png") no-repeat left top;
	padding: 60px 20px;
}

.ezadlistitem {
	width: 30%;
	margin: 0 2% 0 0;
	float: left;
}

/* Right Bar
------------------------------------------------
*/

.rpod {
	margin: 24px;
}


/* Right Navigation
------------------------------------------------
*/

ul#rnavbar {
	margin: 0;
	padding: 0;
}

#rnavbar {
	background: transparent url("/images/navsports.jpg") no-repeat 0px 0px;
	width: 300px;
	height: 220px;
	list-style: none;
	z-index:100;
	position: relative;
}


#rnavbar li {
	list-style: none;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 100;
}

ul#rnavbar li,
#rnavbar a {
	width: 210px;
	height: 44px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#rnavbar li a {
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: transparent;
}

#rnavbar li#rnb1 { top: 5px; }
#rnavbar li#rnb2 { top: 60px; }
#rnavbar li#rnb3 { top: 115px; }
#rnavbar li#rnb4 { top: 170px; }
#rnavbar li#rnb5 { top: 225px; }

#rnb1 a:hover,
#rnb2 a:hover,
#rnb3 a:hover,
#rnb4 a:hover,
#rnb5 a:hover { background: transparent url("/images/navsports.jpg") no-repeat 0 0; }

#rnb1 a:hover { background-position: -20px -280px; }
#rnb2 a:hover { background-position: -20px -335px; }
#rnb3 a:hover { background-position: -20px -390px; }
#rnb4 a:hover { background-position: -20px -445px; }
#rnb5 a:hover { background-position: -20px -500px; }

/* Calendar
------------------------------------------------
*/

#hdr-calendar {
	background: transparent url("/images/hdr-calendar.gif") no-repeat left top;
	width: 65px;
	height: 21px;
	text-indent: -999em;
}

#calendar-rpod {
    width: 210px;
}

#calendar-rpod form {
    margin: -20px;
}

/* Login
------------------------------------------------
*/

#hdr-login {
	text-indent: -999em;
	display: block;
	height: 24px;
	width: 39px;
	background: transparent url("http://www.unionstreetmedia.com/ezstatic/data/fieldhousevt/i/hdr-login.gif") no-repeat left top;
}


/* Weather
------------------------------------------------
*/

#hdr-weather {
	background: transparent url("/images/hdr-weather.gif") no-repeat left top;
	width: 62px;
	height: 21px;
	text-indent: -999em;
}

#weatherbox img {
	float: left;
	margin: 0 8px 0 0;
}
p.currenttemp {
	font-weight: bold;
	font-size: 200%;
	float: left;
}

p.currentweather {
	font-weight: bold;
	clear: left;
	margin: 0;
	padding: 10px 0 8px;
}

/* Login Area
------------------------------------------------
*/

div#loginarea {
    padding-left: 20px;
}

div#loginarea label, div#loginarea input.formTextbox {
    width: 210px;
}

div#loginarea input.formButton {
    float: right;
    clear: left;
    margin-right: 15px;
}

div#loginarea p {
    float: left;
    clear: both;
}

/* What's Happening - Green Wave
------------------------------------------------
*/

#whatshappening {
    min-height: 100px;
}


/* Sport Pages
------------------------------------------------
*/

body.category-sports #leftbar {
	min-height: 600px;
	width: 450px;
	margin: 20px 0 0;
}


body.category-sports #leftbar {
    height: auto !important;
    height: 600px;
}


body.sport-soccer #contentwrapper {
	background: transparent url("/images/g-soccer.jpg") no-repeat 186px -200px;
}

body.sport-lacrosse #contentwrapper {
	background: transparent url("/images/g-lax.jpg") no-repeat 230px top;
}

body.sport-field-hockey #contentwrapper {
	background: transparent url("/images/g-fldhockey.jpg") no-repeat 201px top;
}

body.sport-clinics #contentwrapper {
	background: transparent url("/images/g-clinics.jpg") no-repeat 260px top;
}

body.sport-club #contentwrapper {
	background: transparent url("/images/g-athleticclub.jpg") no-repeat 320px -50px;
}

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

#usmtag a {
	display: block;
	width: 222px;
	height: 22px;
	margin: 0 0 0 418px;
	text-indent: -9999px;
	background: transparent url("/images/usmtag.gif") left top no-repeat;
}

.footertext {
	margin: 0;
	padding: 0;
	width: 245px;
	height: 129px;
	overflow: hidden;
	background: transparent url("/images/hdr-footer-text2.gif") no-repeat 50px 10px;
	text-indent: -999em;
	text-align: left;
	position: relative;
}

.footertext a.lnk-email {
	position: absolute;
	display: block;
	width: 120px;
	height: 18px;
	left: 50px;
	top: 113px;
}

/* Some specific rules */

p.error {
    border: 3px red solid;
    -moz-border-radius: 8px;
    background: #F88;
    color: red;
    font-weight: bold;
    padding: 1.6em;
    margin: 0.5em;
}

p.call_for_help {
    text-align: center;
    font-size: 140%;
    font-weight: bold;
}

div.contentHiddenMask {
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    zoom: 1; /* Because otherwise IE refuses to apply these opacity filters. */
}

div.adminContentTools {
    text-align: right;
}

div.adminContentTools ul {
    margin: 0;
    padding: 0;
}

div.adminContentTools ul li {
    list-style-type: none;
    display: inline;
}

div.coachadmin_teams {
    width: 49%;
    float: left;
}

div.coachadmin_teampeople {
    width: 49%;
    float: left;
}

div.coachadmin_teammembers {
    width: 100%;
    float: left;
}

/* CALENDAR */

#calendar-rpod a:link {text-decoration: none}
#calendar-rpod a:visited {text-decoration: none}
#calendar-rpod a:active {text-decoration: none}
#calendar-rpod a:hover {text-decoration: underline}

#calendar-rpod .tabletext {font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 7px;background-position: center;}
#calendar-rpod .calendartable{background-color:white;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:9px;margin:0;padding:0;}
#calendar-rpod .calendartable td { padding: 0; width: 2em; height: 2em; }
#calendar-rpod .thborder{border-bottom:2px solid black;}

#calendar-rpod td.off {background: white; font-size:9px;}

#calendar-rpod td.on {background: #be7c98; font-size:9px;}
#calendar-rpod td.past_on { background: #CCCCAA; font-size:9px;}
#calendar-rpod td.future_on { background: #be7c98; font-size:9px;}
#calendar-rpod td.on_over { background: #be7c98; font-size:9px; cursor:pointer;}

span.calcell {
    display: block;
    padding: 0.5em;
    margin: 0;
}

td.td_reserved, td.on_rsv, td.off_rsv {
  padding: 0;
}

span.fo_hover {
  display: block;
  width: 100%;
  height: 1.7em;
}

.hovertip {
	position: relative;
    display: none;
	border: 1px black solid;
	background-color: #d3e3f6;
	z-index: 100;
	margin-left: -485px;
	margin-top: 5px;
}

.fo {
  margin-left: 50px;
  margin-top: 10px;
}

.hovertip p {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
}

.hovertip table {
    margin-top: 0;
}

.hovertip table td {
    font-size: 90%;
    padding: 8px;
}

/* SPORTS */

ul#sports_page_navbar {
	width: 678px;
	list-style: none;
	margin: 0;
	padding: 4px 6px;
	position: absolute;
	top: 0;
	left: 0;
	background: #6178a8;
}

ul#sports_page_navbar li {
	position: relative;
	float: left;
	margin: 0 16px 0 0;
	padding: 0;
	height: 20px;
}
ul#sports_page_navbar li a {
	height: 20px;
	color: #fff;
	font-weight: bold;
}

ul#sports_page_navbar li a:hover {
	background: black;
}

/* dropdowns */
ul#sports_page_navbar li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 90%;
	top: 20px;
	left: -9999px;
	width: 180px;
	margin: 0;
	background: #6178a8;
	padding: 0 3px 6px;
	border: 3px solid #6178a8;
	z-index: 125;
}

ul#sports_page_navbar li:hover ul,
ul#sports_page_navbar li.sfhover ul {
	left: 0;
	z-index: 500;
}

ul#sports_page_navbar li ul li {
	float: none;
	height:auto;
	top: 6px;
	padding: 0;
	line-height: normal;
}

ul#sports_page_navbar li ul li a {
	display: block;
	text-indent: 0px;
	font-weight: bold;
	text-indent: 0px;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px;
}

ul#sports_page_navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#sports_page_navbar li ul li a:hover {
	color:#c4cfaa;
	background:transparent;
}

body.category-athleticclub #leftbar {
  margin-top: 20px;
}

/* Sports Events */

p#teamsignup {
	display: block;
	width: 100%;
}

p#teamsignup a {
	border: 1px #999 solid;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	width: 30em;
	height: 2em;
	padding-top: 0.5em;
	background: transparent url("/images/bg-wave.png") no-repeat left -36px;
	display: block;
}

div.sports_event {
	display: block;
	width: 100%;
	float: left;
	padding-bottom: 0.5em;
	border-bottom: 1px #999 solid;
}

h4.orgname {
	display: block;
	float: left;
	clear: left;
	margin: 0.5em 0 0 0;
}

p.joinlink {
	display: block;
	float: right;
	margin: 0.5em 0 0 0;
	font-weight: bold;
}

p.notes, p.date, p.time, div.detailstoggle, div.details {
	display: block;
	float: left;
	clear: left;
}

div.detailstoggle {
	text-decoration: none;
	color: #870038;
	outline: 0;
	cursor: pointer;
}