/* Sangster PTA Stylesheet  */ 
/* Written by David Moody   */
/*  October 7, 2008         */
/* Winter Holiday Theme     */
/* Color choices:           */
/* purple       #800080 	*/
/* maroon       #800000		*/
/* red          #FF0000		*/
/* fuchsia      #FF00FF		*/
/* yellow       #FFFF00		*/
/* lime         #00FF00		*/
/* green        #339900 	*/
/* olive        #808000		*/
/* teal         #008080		*/
/* blue         #0000FF		*/
/* navy         #000080		*/
/* white        #FFFFFF		*/
/* silver       #C0C0C0		*/
/* gray         #808080		*/
/* black        #000000		*/

/* Place spring background picture behind body */
body {
	background-image: url(http://www.sangsterpta.org/images/springbg.jpg); 
}


/* Large Heading - White on Hunter */
h1 {
	font: bold x-large Verdana, Arial, sans-serif;
	padding-left: 2%;
	color: #FFFFFF;
	background: #009900;
}


/* Intermediate Heading - WHITE on HUNTER */
h2 {
	font: bold large Verdana, Arial, sans-serif;
	padding-left: 2%;
	color: #FFFFFF;
	background: #009900;
}

/* Small heading - Royal on Light Blue */
h3 {
	font: medium Verdana, Arial, sans-serif;
	padding-left: 2%;
	color: #006600;
	background: #CCFFCC;
	font-size: medium;
	font-weight: bold;
}


#navsite p {
display: none;
}

/* Basic menu - white text on black background */
#navsite {
	font-family: Veranda, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	width: 20em;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	padding: 0;
	margin-bottom: 1em;
	background-color: #000000;
	color: #ffffff;
}

#navsite ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navsite ul li {
	margin: 0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/* Active buttons have dark green (#006600) text on light green (#CCFFCC) background */
#navsite ul li a {
	display: block;
	padding: 2px 2px 2px 0.5em;
   border-top: 1px solid #808080;
	border-left: 10px solid #006600;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #CCFFCC;
	color: #006600;
	text-decoration: none;
	width: 100%;
/*	border-top: 1px solid #DDDDDD; */
/*	border-left: 10px solid #0000FF; */
/*	border-right: 1px solid #000000; */
/*	border-bottom: 1px solid #000000; */
/* background-color: #BBBBFF; */
/*	color: #0000FF; */
/* text-decoration: none; */
/*	width: 100%; */
}


html>body #navsite ul li a {
width: auto;
}

/* On mouseover, active buttons turn to light green (#CCFFCC) text on dark green (#006600) background */
#navsite ul li a:hover {
border-top: 1px solid #DDDDDD;
	border-left: 10px solid #CCFFCC;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #006600;
	color: #CCFFCC;
/*	border-top: 1px solid #808080; */
/*	border-left: 10px solid #BBBBFF; */
/*	border-right: 1px solid #000000; */
/*	border-bottom: 1px solid #000000; */
/*	background-color: #0000FF; */
/*	color: #FFFFFF; */
}

#topbanner {
	background: #CCCCFF;
	width: 100%;
	padding: 0;
	margin: 0;
	}


#banner {
	background: #BBBBFF;
	width: 100%;
	padding: 0;
	margin: 0;
	}

/* Active links have new color on mouseover */ 	
a:link:hover, a:link:visited:hover {
	background: #ccccff;
	border-bottom: 1px dashed #0000ff;
	color: #0000ff;
	}
	
#copyright {
	color: grey;
	font-style: italic;
	text-align: center;
	font-size: .75em;
}

#container {
	width: 80%;
	background-color:#EBEBEB;
	margin: 0 auto;
	padding:0;
	text-align:left;
}