/* Mass Soccer */
/* Created by Celine O'Neill */
/* Date created: 20/3/08 */


/* RESETS */
html, body, div, span, object, table, caption, tbody, tfoot, thead, tr, th, td, 
img, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big, cite, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	outline: 0;	padding: 0;	margin: 0;	border: 0;
	vertical-align: baseline;	font-family: inherit;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	}
:focus { outline: 0;}
body {	background: #333;	text-align:center;	margin: 0 auto;	font-family: Verdana, Arial, "sans serif";	font-size: 70%;	line-height: 140%}
ul {list-style: none;	}
table {border-collapse: separate;	border-spacing: 0;	}
caption, th, td {	font-weight: normal;	text-align: left;	}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" "";	}
a {	text-decoration:none; color: #1875de;}
.r {float:right;}
.l {float:left;}

.w100p {width: 100%;}

/* BASIC STRUCTURE */
#wrapper {margin:0 auto; width:941px; text-align:left;}
#wrapper-home {padding-bottom: 3em; width:941px; position: relative; background: #fff;}
#wrapper-generic {width:941px; position: relative; background: #fff; }
#block1, 
#block2,
#block3 {float:left;display:inline;}


/* SECONDARY NAV */
#sec-nav {background: url("../img/logo-masssoccer-top.gif") no-repeat 14px bottom; width: 941px;}
#sec-nav ul {margin: 9px 10px 9px 0; float:right;}
#sec-nav li {float:left;display:inline;text-transform:uppercase;color:#6a6a6a;font-size:.9em;}
#sec-nav a {color:#ccc;}
#sec-nav a:hover {color:#fff;}
#sec-nav span{margin:0 .5em;}


/* SHOW CURRENT NAV ON CURRENT PAGE */
.pg-com #sec-nav-com a,
.pg-app #sec-nav-app a {color:#fff;}


/* LOGOS */
#header {background:#fff url("../img/crnr-top.gif") no-repeat top left;width: 100%;}
#header ul {list-style:none;}
#header li {float:left;display:inline;}
#mass-logo {margin-left:14px;padding-bottom:12px;}
#side-logo {margin: 7px 0 0 574px;}
#mass-logo-print {display:none;}


/* PRIMARY NAV */
#nav {background: #45494d url("../img/bg-nav.jpg") repeat-x bottom left;width: 100%;}
#nav li {font-size: 1em; float:left;display:inline;}
#nav a {padding: .5em .77em .7em 1em; display:block;float:left;color: #f0f0bd;}
#nav .on, #nav a:hover {color: #fff;background: url("../img/nav-hover.jpg") repeat-x bottom left;}


/* SHOW CURRENT NAV ON CURRENT PAGE */
.pg-home #nav-home,
.pg-news #nav-news,
.pg-resources #nav-resources,
.pg-selecteams #nav-selectteams,
.pg-statecup #nav-statecup,
.pg-nationalcups #nav-nationalcups,
.pg-leagues #nav-leagues,
.pg-admin #nav-admin,
.pg-photos #nav-photos,
.pg-hof #nav-hof a {color: #fff;background: url("../img/nav-hover.jpg") repeat-x bottom left;}


/* HEADINGS padding: 0 0 .12em 0;*/
h1 {font-size:2.4em; color:#16273a; color:#19487e;
 /*font-size: 2.3em; 
 letter-spacing: -.06em; 
 font-weight:normal; 
 padding-bottom: .2em;*/ }
#title { padding: 1.5em 0 0 15px; background: #ededed url("../img/bg-heading1.jpg") repeat-x top left; 
			 border-bottom:1px solid #e6e6e6; text-align:left;}
			 
/*h1 {margin: .5em 0 0 .5em;font-weight:bold;color: #061523; font-size: 2.5em; letter-spacing: -.04em; }*/
h2 {font-size:1.75em; padding: 1em 0 .5em 0; color:#16273a; border-bottom: 1px solid #16273a;
	 font-weight: normal; }
.pg-home h2, .pg-news h2 {padding: 13px 0 7px;}
h2 a {color:#16273a;}
#wrapper-home h3 {font-size: 1.3em; color:#666; font-weight:bold; border:none; margin:0; padding:0;}
h4 {font-weight:bold;}
.content h3 {font-size: 1.3em; color:#666; font-weight:bold; border:none; margin-top: 2em; margin-bottom:.5em}
.content h2 {border:none;}


/* CONTENT */
.content {padding: 2em 2em 3em 15px;}
.padright {padding-right: 100px;}
.pg-links .content {padding-right:0;}
.pg-photos .content {padding-bottom:0;}
.pg-photos h2 {margin-bottom: 0;}
li ul, li ol {margin:0 1.5em;}
.content ul, .content ol {margin:0 1.5em 1.5em 1.5em;}
.content ul {list-style-type:disc;}
.content li, .content p,.content dt,.content dd {margin-bottom: .8em;line-height: 1.5em; }
.content li {margin-bottom: 0;}
.content ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
.pic-r {margin: 0 0 1em 3em; float:right;}
.logo-r img {margin: 0 0 1em 3em;text-align: center; ;}
.pic-l {margin: 0 1em 1em 0; float:left;}
.pic-m {margin: 1em auto; text-align:center;}
.highlight {background: #efefef;} /**/


/* NOTICE/HIGHLIGHT AREA ABOVE MAIN CONTENT */
#side {margin: 2.2em 1em 0 0; padding: .7em 1em; float:right; width: 15em;
			border-top: 1px solid #f0f0bd; border-bottom: 1px solid #f0f0bd;  background: #ffffbd;
			margin-top: 0; float:none; width: auto; border-top:none;padding: .3em 1.4em; margin:0; }
#side h3 {font-size: 1.3em; font-weight: normal;}
#side p {font-size: .9em;}

/* NOTICE/HIGHLIGHT AREA TO RIGHT OF MAIN CONTENT */
#side-r {margin: 2em 1em 2em 2em; padding: 1em .3em 1em .8em; width: 15.5em; float:right; 
		background: #305e92 url("../img/bg-subnav.jpg") repeat-x top left; 
		border:1px solid #11355e;  }	
#side-r h3 {margin-bottom: .3em; color: #f0f0bd;font-size: 1.2em; font-weight: normal; font-weight: bold;}
#side-r p {font-size: .9em; line-height: 1.2em; color: #b0bece;}
#side-r a {text-decoration:none; color: #fff;}
#side-r a:hover { color: #f0f0bd;text-decoration:underline;}
				
				
/* NEWS, EVENTS LISTING */
.content .article-list {margin: 1em 0 2em 0;}
.content .article-list li {padding-bottom: 1.5em; list-style:none; line-height: 1.3em; border-bottom: 1px dotted #ddd;}
.content .article-list .title {padding:0; margin:1em 0 0 0;  font-weight: bold; border:none; }
.content .article-list .title a {color: #1875de;}
.content .article-list span {font-weight:normal; background:#f0f0bd; color:#738190; font-size: .75em; }
.content .resources .title {padding-bottom: .8em; margin-top: .5em; border-bottom: 1px dotted #ddd; }

.article-list2 { border-top: 1px dotted #999; }
.article-list2 div { padding: 1em 100px .3em .5em; border-bottom: 1px dotted #999; }
.article-list2 h2 a {color: #1875de;}
.article-list2 h2 span { font-weight:normal; font-size: .6em; padding-right: 7px;}
.article-list2 .r {padding-left:25px;}

.content a {text-decoration:none; color: #1875de;}
.content a:hover {text-decoration: underline; color: #1875de;}
.content .article-list .title a:visited,
.content a:visited,
#sitemap a:visited {color: #1875DE;}

.big {font-size: 115%;}


/* LOGO LISTING */
.content .logos {list-style:none;margin:0;}
.logos span {margin-left: 1em; float:left;}
.logos img {float:left;border: 3px solid #eee;}
.logos li {margin: 0 2em 1em 0; display:block; clear:both;/*float:left;*/}
.logos .hr {width:100%; margin:1em 0;}



/* SUB NAV */
#sub-nav { padding-left:15px;background: #305e92 url("../img/bg-subnav.jpg") repeat-x top left; border-bottom:1px solid #11355e;  }
#sub-nav ul{min-height: 2.4em;}
#sub-nav li { margin: 0 1.5em 0 0; float:left; display:inline; }
#sub-nav a {color: #b0bece; display:block; float:left; padding: .6em 0 .6em 0; }
#sub-nav a:hover,#sub-nav .current a{ color: #f0f0bd; }


/* ABOUT MS & INSIDE TITLES */
#intro { padding: 1em 0 0 13px; margin-bottom: 1.3em; position: relative; 
			 background: url("../img/bg-intro.jpg") repeat-x top left; min-height: 7.4em;}
#intro .intro-text {color: #333; width: 705px;}
.kick {position: absolute; bottom: 2.4em; right:54em; }
#intro-pic {position:absolute; top: 0; right: 0;}


/* HOME BOXES */
.block {float:left; display:inline; }
.blockA {width: 320px; margin-left: 14px;}
.blockB {width: 250px; margin-left: 30px;}
.blockC {width: 285px; margin-left: 30px;}


/* NEWS LIST - HOME */
.mini-listing {margin-top: .6em;}
.mini-listing span {font-size: .8em; padding-right: 8px; }
.mini-listing a {margin-bottom: .6em; color: #1875de; width: 252px; text-decoration:none;}
.mini-listing a:hover {text-decoration:underline;}
.mini-listing li {margin-bottom: 7px; }
.mini-listing .pdf {background: url("../img/icon-pdf.gif") no-repeat top left; padding-left: 21px; width: 232px;}


/* GENERAL NOTICES - HOME */
.block-item {clear:both; }
/*.block-item a,*/
.block-item p {margin-bottom: 10px;}
.block-item div {padding:.6em 5px .6em 10px; display:block; width: 235px; background: #f4f4e9;}
.block-item a, .block-item a:visited {color: #1875DE;}
.block-item a:hover {text-decoration: underline;}
.block-item img {border: 4px solid #ececd9; display:inline; float:right;}
.odd { border-bottom: 1px solid #e9eae8;border-top: 1px solid #e9eae8;}
.odd a,
.block-item .odd div {background:#fff; }
.odd a:hover {background:#f4f4e9; }
.block-item h3 {line-height: 1em; margin-bottom: .5em !important;}
.blockB .block-item ul {list-style-type: disc; margin-bottom: 10px; margin-left: 12px}


/* PDF LIST - HOME */
.downloads {margin-top: .6em;}
.downloads span {color: #868686; font-size: .9em;}
.downloads li {margin-bottom: .6em; padding-left: 21px; padding-bottom: 5px;}
.blockC li a, blockC li a:visited {color: #1875DE;}
.blockC li a:hover {text-decoration: underline;}
.blockC p a, blockC p a:visited {color: #1875DE;}
.blockC p a:hover {text-decoration: underline;}
.pdf {background: url("../img/icon-pdf.gif") no-repeat top left; line-height:1.3em;}
.xls {background: url("../img/icon-xls.gif") no-repeat top left; line-height:1.3em;}
.doc {background: url("../img/icon-doc.gif") no-repeat top left; line-height:1.3em;}
.article-list .pdf,
.article-list .xls,
.article-list .doc {padding-left: 21px; padding-bottom: 5px;}
.article-list2 h2 .pdf {background-position: 0 3px; }
.article-list2 a.pdf, .article-list2 a.xls, .article-list2 a.doc, #side-r a.pdf {padding:0 0 5px 18px;}


/* HALL OF FAME */
.hof {margin:2em 0 0 0;}
.hof-item {margin-bottom: 2em;}
.hof h3 {font-size: 1.3em; font-weight:bold; border-bottom: 3px solid #19487e;}
.hof p {padding: .5em; background: #efefef;}
.hof-item div {padding: 1em; text-align:center; border: 1px solid #eee; border-top:none;}


/* PHOTO LIST - HOME */
.photos {/*margin-top: 2em; margin-bottom: 1px; position:relative; */
				position:absolute; bottom: 0; right: 15px;}
.photos ul {margin: 0;}
.photos li {margin-right:3px; float:left;display:inline; }
.photos a {border:2px solid #1875de;float:left;display:block;}
.photos a:hover {border:2px solid #19487e;}
.photos p {position: absolute; bottom:-1.5em; right: 5px; font-size: 1.35em; width: 7.3em;}
.photos p a {color: #1875de; font-weight: bold; border:none; float:none;}
.photos p a:hover {color:#333;border:none;}


/* MAIN PHOTO GALLERY */
.gallery {margin: 2em 0 3em 10em;}
.gallery a {margin: 0 1em 0 0; float:left; display:inline; }
.gallery ul {list-style:none; width: 100%; clear:both; }
.gallery li {margin-bottom: 1em; float:left; display:inline;}
.gallery img {vertical-align: top;}


/* COPYRIGHT, TERTIARY NAV */
#footer {margin-bottom: 3em; padding: 1.1em 0 40px 14px;
				background: #efefef url("../img/crnr-footer.gif") no-repeat bottom left; }
#footer a {color:#303235;}
#footer span {margin: 0 .3em; color:#9b9b9b;}
#footer p {/*float:left;display:inline;*/ float:none; display:block; }
#footer li {float:left;display:inline;}


/* DATA TABLE */
.datagrid {margin: 1em 0; border-collapse:collapse; }
.datagrid td {padding: .5em 0 .4em .5em;
					border-bottom: 1px solid #f0f0bd;}
.datagrid th {padding: .7em 0 .3em .5em;font-weight: bold; color: #19487e;
					border-bottom: 3px solid #f0f0bd; border-top: 1px solid #f0f0bd; background: #ffffbd;}
.datagrid .odd td {background: #ffffe8;}
.datagrid a {background:none;}
.datagrid a:hover {background:none;}

#sitemap,#sitemap ul {list-style:none;margin-bottom: .1em;}
#sitemap a {text-decoration:none; color: #1875de; background: #f4f4f4; padding: .4em 0 .4em .8em;
display:block; width: 20em; border-bottom: 1px solid #eee; border-left: 3px solid #1875de; color:#1875DE;}
#sitemap a:hover { background: #eee; }
#sitemap li {margin-bottom: .2em; }
#sitemap li li {margin: .1em 0 0 0; }
#sitemap li li a {padding: .2em 0 .2em .8em; color: #1875de; width: 18.5em; border-left: 3px solid #eee;}
#sitemap li li a:hover {border-left: 3px solid #1875de;}



/* zero font-size added to prevent potential layout issues */
.clearfix:after {
     content: " "; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     font-size: 0;
     }

/* Cup grid table styles - temporary */ 
table.cupgrid {
	margin-top: 15px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	background-color: #FFFFBD;
	width: 200px;
}
table.cupgrid td {
	padding: 3px 5px 3px 8px;
}
table.cupgrid th {
	padding: 0px 0px 0px 8px;
	font-weight: bold;
}