/*  CSS Document
    Print Style Sheet */

/* This style sheet documents the styles used on the 
Chelmsford Youth Soccer Association (CYSA) web site. */

/* Author: Bill Dowling */
/* Creation Date: 24 March 2004 */
/* Last Updated: 24 March 2004 */

html, body {
	height: 100%;
  	background: #FFFFFF; 
  	color: black;
  	font: small Verdana, Arial, sans-serif;
  	}

.skip {display: none;}
span {display: none;}  /* Hide text inside this element */

P.breakhere {page-break-after: always} /* for paginating printed output at specific locations */


/* Basic Styles */

h1 {font-size: 250%; margin: 0;}
h2 {font-size: 180%; margin: 0 0 0.75em;}
h3 {font-size: 135%; margin: 2em 0 0.2em;}
h4 {font-size: 115%; margin: 1.5em 0 0.25em;}
h5 {font-size: 100%; margin: 1em 0 0;}
h6 {font-size: 85%; margin: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
pre, code {font: 1em Courier, "Courier New", monospace; letter-spacing: -0.066em;
  color: #333;}
p {margin: 0.3em 0 1.2em; line-height: 1.25em;}
hr {display: block; clear: both; visibility: hidden;}


/* All the DIVS */

/* The Masthead */

#masthead {
	display: none;
  }
  
    
/* The Navigation Bar Below the Masthead */

#navbar {
	display: none;
 	}
 	
	
/* Main Body */
/* The main body is made up up a sidebar menu on the left, a newsbar for announcements on the far right
   and a content area for feature articles in the middle
 */

#main {
	position: relative;
	background: #FFFFFF; 
	padding: 2em 0 1em 0; 
	margin: 1px 2px 0 0;
	  	}
	
#main p {
	padding: 0.5em 1em; margin: 0;
	}

#footer {
	width: 1024px;
  	background: transparent;
  	font-size: 100%;
  	clear: both;
  	}
  	
#footer p {
	padding: 0.75em 1.5em 0.75em 1.5em;
	text-align: center;
	color: #990033; 
	}
	
#content {						/* Content area for feature articles */
	width: auto;
	margin: 0 5%;
	padding: 0;
	border: 0;
	float: none !important;
	color: #000000;
	background: transparent;
	
	/* position: absolute;
	top: 25px;
	width: auto;
	height: auto;
	z-index: 7; */
	}

#scroller {
	display: none;
  	}
  	  		
.story {						/* Content area for feature articles */
	left: 200px;
	width: auto;
	right: 0;
	border: 1px solid black;
	margin: 0 0 0.75em 0;
	}
	
.story h3 {
	border: solid #000000 1px;
	padding: 0.5em 1em;
	margin: 0;
	background: #FFFFFF;
	text-align: center;
	color: #000000;
	}
	
.story h4 {
	margin: 0 0 0 1em;
	}
	
.story p {						/* Paragraph format for feature article  */
	padding: 0.5em 1em;
	margin: 0;
	}
	
.story p a:hover {
	background: #990033;
	color: #FFFFFF;
	}
	
.byline {						/* Byline for feature article  */
	padding: 0.5em 0.5em;
	text-align: left;
	font-style: italic;
	font-size: 75%;
	color: #999999;
	margin: 0 0 0 1em;
	}
	
.punchportrait {				/* Text box for feature article with portrait photo */
	float: left;
	width: 210px;		/* Size of Picture */
	height: 280px;		/* Size of Picture */
	text-align: center;
	background: #FFFFFF;
	color: #FFFFFF;
	border: solid black 1px;
	border-width: 0 1px 1px 0;
	padding: 0 1px 1px 0;
	margin: -1px 25px 10px -1px;
	}
	
.punchlandscape {				/* Text box for feature article with landscape photo */
	float: right;
	width: 280px;		/* Size of Picture */
	height: 210px;		/* Size of Picture */
	text-align: center;
	background: #FFFFFF;
	color: #FFFFFF;
	border: solid black 1px;
	border-width: 0 0px 1px 1px;
	padding: 0 0px 1px 1px;
	margin: -1px -1px 10px 25px;
	}
	
.content h2 {						/* Title bar for feature article */
	border: solid #000000 1px;
	padding: 0.5em 1em;
	margin: 0;
	background: #FFFFFF;
	color: #000000;
	}

.punchportrait img {			/* feature article with portrait photo in 4:3 format */
	height: 280px;
	width: 210px;
	}
	
.punchlandscape img {			/* feature article with landscape photo in 3:4 format */
	height: 210px;
	width: 280px;
	}
	
.coordinator {				/* Text box for feature article with portrait photo */
	float: left;
	width: 150px;		/* Size of Picture */
	height: 200px;		/* Size of Picture */
	text-align: center;
	background: #FFFFFF;
	color: #FFFFFF;
	border: solid black 1px;
	border-width: 0 1px 1px 0;
	padding: 0 1px 1px 0;
	margin: -1px 25px 10px -1px;
	}

.coordinator img {			/* feature article with portrait photo in 4:3 format */
	height: 200px;
	width: 150px;
	}

.document {						/* Content area for documents like bylaws and constitution */
	/*left: 200px;*/
	height: auto;
	width: auto;
	right: 0;
	border: 1px solid black;
	margin: 0 0 0.5em 0;
	background: #FFFFFF;
	/* overflow: scroll; */
	}
	
.document h2 {						/* Title bar for document */
	border: solid #000000 1px;
	padding: 0.5em 1em;
	margin: 0;
	background: #FFFFFF;
	font-size: larger;
	text-align: center;
	color: #000000;
	}
	
.document h3 {						/* Title bar for document */
	text-align: center;
	background: #FFFFFF;
	color: #000000;
	}
	
.document h4 {						/* Title bar for document section or article */
	color: #000000;
	font-size: larger;
	text-align: center;
	}
	
.document h5 {						/* Title bar for document section or article */
	color: #000000;
	margin: 0 1em 0 1em;
	font-size: larger;
	text-align: left;
	}
	
.document p {						/* Paragraph format for document  */
	padding: 0.5em 1em;
	margin: 0 2em 0 2em;
	text-align: justify;
	}
	
.document a {
  	/* text-decoration: none; */
  	color: #000000;
  	}
	
.document p a:hover {
	background: #990033;
	color: #FFFFFF;
	}

.document ol,ul {						/* formating of ordered list in document */
	padding: 0.5em 1em;
	margin: 0 4em 0 4em;
	text-align: justify;
	}	
		
/* Menu Bar on Left */

#sidebar {
	display: none;
	}


#newsbox {								/* the area where announcements are posted */
	display: none;
	}
	


/* Footer */

/*#footer {
	display: none;
  	
  	}
*/