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

* { /* References every element in the HTML document  */
    margin: 0;
    padding: 0;
}

@font-face {
 font-family: CalibriB;
 src: url("https://mail.usparma.com/fonts/calibrib.eot") /* EOT file for IE */
}
@font-face {
 font-family: CalibriB;
 src: url("https://mail.usparma.com/fonts/calibrib.ttf") /* TTF file for CSS3 browsers */
}




/**********     GENERIC CLASSES    **********/

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.hidden { display: none; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.visibilityHidden { visibility: hidden; }
.visibilityVisible { visibility: visible; }

/**********     GENERIC HTML    **********/

html, body {
    height: 100%;
    width: 100%;
    background: url( 'https://mail.usparma.com/images/pageBack.jpg' ) top repeat-x;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    /* In order to Center the Web Page, Text Align Center (aligns anything in IE & Div elements sent to auto in FF) on the Body Tag and Margin = Auto on the ID Supporting the Page Div*/
    /* IE uses Text Align Center & FF uses Margin Auto (maybe in conj. w. Text Align Center */

    z-index: 0;
}

li {
	list-style-position: inside;
	}

a, a:visited {
    color: #00F;
    text-decoration: none;
}

a:hover {
    color: #FF6600;
}

ul.bulletted li {
	margin-left: 15px;
	list-style: disc;	
}

h5 {
	font-size: 15px;	
	font-weight: bold;
	color: #0A0F64;
}


h4 {
	font-size: 13px;	
	font-weight: bold;
}

h3 {
	font-size: 11px;	
	font-weight: bold;
}

h2 {
	font-size: 10px;	
	font-weight: bold;
}
/***************************************/

#page {
	width: 900px;
	margin: 0 auto;
}



/******* HEADER ********/
#header {
	width: inherit;	
	height: 110px;
}

#header #logo {	
	float:left;	
}

#header #title {	
	text-align: left;	
}

/******* HEADER NAVIGATION ********/
#headerNav {
	background: url( 'https://mail.usparma.com/images/navBack.jpg' ) top no-repeat;
	height: 34px;
	clear:both;
	margin-left: 1px;
}


#headerNav ul {
	width: inherit;	
	list-style-type:none;
	line-height: 18px;
	margin: 0 auto;
	padding-left: 200px;
}
#headerNav li {
	float: left;	
}

#headerNav ul a {
	background-image: url(https://mail.usparma.com/css/navi_bg_divider.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 32px;
	padding-left: 32px;
	padding-top: 4px;
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-family: calibri;
	font-weight: bold;
	font-size: 15px;
	color: #FFF;
}

#headerNav ul a:hover {
	color: #ffe502;	
}


/********* CONTENT **********/

#content {
	 clear:both;
	 width: inherit;
}



/********* Left Side Bar  **********/

#leftSideBar {
	width: 170px;	
	float:left;
}

#leftNav h4 {
	width: inherit;	
	list-style-type:none;
	text-align: left;
	background: url( 'https://mail.usparma.com/images/navBarBack.png' ) no-repeat;
	height: 22px;
	width: 161px;
	margin: 5px 0;
}

#leftNav h4 a {	
	/*padding-right: 15px;*/
	padding-left: 10px;
	display: block;
	line-height: 22px;
	text-decoration: none;
	font-family: calibri;
	font-weight: bold;
	font-size: 14px;
	color: #0a0f64;
}


.menu-item {
  width: 161px; 
}

/*ul Styles*/
.menu-item ul {
  	line-height: 22px;
	text-decoration: none;
	font-family: calibri;
	font-weight: bold;
	font-size: 13px;
	color: #0a0f64;
    height: 0px;
  	list-style-type: none;
  	overflow: hidden;
  	padding: 0px;
	margin-top: -4px;
  
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}

.menu-item:hover ul.boysTeams {
  height: 188px;
  /* about 23px per item*/
}

.menu-item:hover ul.girlsTeams {
  height: 211px;
  /* about 23px per item*/
  
}

.menu-item:hover ul.archive {
  height: 536px;
    /* about 23px per item*/
}

.menu-item ul a {
  margin-left: 15px;
  text-decoration: none;
  color: #0a0f64;
  display: block;
  width: 140px;
  text-align: left;
}

/*li Styles*/
.menu-item li {
  border-bottom: 1px solid #ffe502;
}

.menu-item li:hover {
  background: #a0d4ef;
}

/*First Item Styles*/
.alpha p {
	padding: 8px 12px;
	color: #aaa;
}

.alpha p a {
	color: #aaa;
	font-style: italic;	
	text-decoration: none;
}

.alpha p a:hover {
	color: #ccc;
}

/* END LEFT SIDE BAR MENU */


#eNews {
	clear: both;
	background: url( 'https://mail.usparma.com/images/newsLetterBack.png' ) no-repeat;
	height: 65px;
	margin-top: 5px;
}

#eNews #eNewsTitle{
	font-family: calibri;
	font-weight: bold;
	font-size: 13px;
	color: #fff;	
	margin-right: 6px;
}

#eNews input[type=text] {
	margin-top: 15px;
	width: 100px;
	font-size: 11px;
}

#newsSubmit input[type=image]{
	padding: 3px 5px 2px 7px;
	vertical-align: bottom;
}

#sponsors, #league, #partners {
	background: url( 'https://mail.usparma.com/images/sponsorsBack.png' ) no-repeat;
	/*height: 30px;*/
	margin-bottom: -10px;
}

#sponsors p, #league p, #partners p {	
	text-align: left;
	font-family: calibri;
	font-weight: bold;
	font-size: 15px;
	color: #235497;	
	margin-right: 6px;
	margin-left: 10px;
	margin-top: 2px;
}

#sponsorsImages, #leagueImages,  #partnersImages {
	border: 1px solid #235497;
	width: 159px;
	margin-right: 8px;
	margin-top: -10px;
	padding-top: 10px;	
}

#sponsorsImages img, #leagueImages img, #partnersImages img {
	padding: 5px;
	border: 0px;
}

#main {
	float:right;	
	width: 705px;
}

#mainFullWidth {
	float:right;	
	width: 900px;
}

#fullWidthContent {
	border: 2px solid #235497;
	background-color: #4c93b6;
	width: 842px;
	padding: 25px;
	margin-left: 2px;
}

#partialWidthContent {
	border: 2px solid #235497;
	background-color: #4c93b6;
	width: 640px;
	padding: 25px;
	margin-left: 2px;
}

#mainArticles div {
	cursor:pointer;
}



#iconPlay, #iconPause {
	z-index: 90;		
	width: 700px;
	height: 350px;
	position: absolute;
	
}

#iconPause {
	background: url( 'https://mail.usparma.com/images/pause.png' ) no-repeat;
}

#iconPlay {
	background: url( 'https://mail.usparma.com/images/play.png' ) no-repeat;
}



#articleImageHolder, .articleImageHolder {
	border: 2px solid #235497;
	background-color: #4c93b6;
	width: 700px;
	height: 310px;
	text-align: middle;
	margin-bottom: 5px;
}

#articleImageHolder img, .articleImageHolder img {
	margin: 10px auto;
}

#article1, #article2, #article3, #article4, #article5, #article6, #article7, #article8, #article9, #article10 {
 	margin-bottom: 20px;
}
 
.articleTitle, .newsSectionTitle, .sectionTitle {
	background: url( 'https://mail.usparma.com/images/articleHeaderBack.png' ) no-repeat;
	height: 31px;
	margin-top: 15px;
	padding-top: 5px; 
	font-family: calibri;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.yellowSubHeader, .yellowSubHeaderDouble {
	padding-top: 2px;
	padding-left: 10px;
	font-family: calibri;
	font-weight: bold;
	font-size: 14px;
	color: #024775;
	text-align: left;	
}

.yellowSubHeader{
	background: url( 'https://mail.usparma.com/images/itemHeader.png' ) repeat-x;
	height:  22px;
	
}

.yellowSubHeaderDouble{
	background: url( 'https://mail.usparma.com/images/itemHeaderDouble.png' ) repeat-x;
	height:  40px;
	
}

.articleContent{
	background-color: #FFF;
}

.articleContent, .sectionContent, .directionContent {
	border: 1px solid #235497;	
	padding: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.articleContent img, .articleContent a img, .sectionContent img, .sectionContent img a {
	text-align: middle;
}

.articleContent ul, .directionContent ul {
	padding-bottom: 5px;
	text-decoration: none;
	list-style:none;
}

.directionContent ul {
	padding-left: 10px;
	list-style:disc;
	margin-top: 2px;
}

#directionPageLinks {
	border: 2px solid #235497;
	background-color: #4c93b6;
	width: 700px;
	text-align: middle;
	padding: 5px 0;
	margin: 5px 0 10px 0;
}

#directionPageLinks a {
	color: #fff;	
}

#directionPageLinks a:hover {
	color: #00f;	
}


.articleContent p, .directionContent p{
	padding-top: 5px;
	padding-bottom: 5px;
}

.contentSubHeading{
	font-weight: bold;
	font-size: 14px;	
}


#innerContentHeader840, #innerContentHeader705,  #innerContentHeader640 {
	height:  30px;	
	padding-top: 4px;
	font-family: calibri;
	font-weight: bold;
	font-size: 16px;
	color: #235497;
	margin-top: 4px;
}

#innerContentHeader840{
	background: url( 'https://mail.usparma.com/images/ltBlueSectionHeader840px.png' ) no-repeat;
	width: 840px;
}

#innerContentHeader705{
	background: url( 'https://mail.usparma.com/images/ltBlueSectionHeader705px.png' ) no-repeat;
	width: 705px;
}

#innerContentHeader640{
	background: url( 'https://mail.usparma.com/images/ltBlueSectionHeader640px.png' ) no-repeat;
	width: 640px;
}

#innerContentContainerFull{
	width: 818px;
	margin: 0 auto;
	border: 1px solid #235497;	
	padding: 10px;
	text-align: left;	
	background-color: #fff;	
}

#innerContentContainer{
	margin: 0 auto;
	border: 1px solid #235497;	
	padding: 10px;
	text-align: left;	
	background-color: #fff;	
}

#aboutUSPContent p {
	padding: 5px 0;
	text-align: left;
	color: #000;
	font-size: 13px;
	
}

.newsItem, .sectionItem {
	margin-bottom: 20px;	
}


#contactTable, #teamInfoTable, .infoTable{
	border: 1px solid #000080;
	width: 680px;
	font-size: 12px;
}

#contactTableMd{
	border: 1px solid #000080;
	width: 480px;
	font-size: 12px;
}

#contactTableLg{
	border: 1px solid #000080;
	width: 580px;
	font-size: 12px;
}

#clubContacts td, #teamInfo td {
	text-align:center;
	border: 1px solid #000080;
}

#schedules td {
	text-align:left;
	border: 1px solid #000080;
	padding-left: 5px;
}

#teamInfo td {
	text-align:left;
	border: 1px solid #000080;
	padding-left: 5px;
	vertical-align:top;
	font-size: 11px;
}


.contactTableHeader, .teamInfoTableHeader,  .infoTableHeader {
	background-color: #9dd4ef;	
	color: #034776;
}

.teamInfoTableHeader td {
	text-align: center !important;	
}


.staffInfoTable li{
	padding-left: 3px;
	text-align: left;	
	font-size: 10px;
	line-height: 14px;	
	margin-left: 5px;
	list-style:none;
}

.staffBlock{
	width: 560px;
	margin: 5px auto;
}

.staffPic {

}

.staffInfoContainer {
	
}

#tryoutAgeTable td{
	font-size: 12px;
}


#footer {
	clear: both;
}

.greyText {
	color: #999;	
}

.tryoutTableDiv {
	float: left;
	padding: 5px;
	width: 205px;
	margin: 5px;	
}

.tournamentTableDiv {
	padding: 5px;
	margin: 5px;
	float: left;	
	width: 320px;
}

.tournamentTableDiv td{
	font-size: 12px;	
}

div.sectionContent hr {
	display: block; 
	clear: left; 
	margin: -0.66em 0;
  	visibility: hidden;
}

ul.stackedList {
	margin-bottom: 10px !important;
}

#featuredNav{
	background: url( 'https://mail.usparma.com/images/featuredBack.png' ) no-repeat;
	height: 24px;
	font-family: calibri;
	font-weight: bold;
	font-size: 12px;
	color: #024775;
	text-align: left;	
}

#featuredNav ul {
	list-style:none;	
	margin-left: 10px;
	padding-top: 2px;
}

#featuredNav ul li {
	float: left;	
}

#featuredNav ul li.fAnumber {
	margin-left: 15px;	/* Adjust spacing between numbers */
	cursor: pointer;
}


#featuredNav ul li a.activeFA {
	background-color: #024775;
	color: #ffcc33;
}

#featuredNav ul li a:hover{
	background-color: #ffcc33;
	color: #024775;
}

.fANavTitle{
	cursor: none;	
}

#photoGallery .yellowSubHeader {
	margin-bottom: 5px;
}

.socialMediaLinks {	
	clear: both;
	float: right;
	z-index: 100;	
	margin-right: 80px;	
	/* width: 80px; */
}


.socialMediaLinks a, .socialMediaLinks a:visited, .socialMediaLinks a:hover, .socialMediaLinks a:active {
  border: 0px !important;
}

.socialMediaLinks .instagram {
	position: absolute;
	margin-top: 5px;
	float: right;
	margin-left: 40px !important;
	
}

.socialMediaLinks .facebook {
	position: absolute;
	margin-top: 5px;	
	float: right;
}

.socialMediaLinks .twitter {
	position: absolute;
	margin-top: 5px;	
	float: right;
	margin-left: 80px !important;
}