/* BGS Template */
body {
	margin: 0;
	padding: 0;
	background-color: 					#FFFFFF;
	font-size: 90%;
	font-family:  Verdana, Arial, Tahoma, sans-serif;
	color: #000000;
	text-align: center;
}
p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 1.2em 0;
	}
h1{
	margin:0 0 0 0;
	font-family: Georgia, Verdana, Arial, Tahoma, sans-serif;
	color: 		#000080;
}
h2, h3, h4, h5, h6 {
	margin: 1.3em 0 0 0;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: 		#000080;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.4em;
	text-align: center;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
	text-align: center;
	clear: both;
}

a {
	text-decoration: none;
}
a:link {
	color: #FF0055;
}
a:visited {
	color: #FF0055;	
}
a:hover, a:active {
	color:  #191970;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #000000;
}

/* Layout */
#wrapper
{
	margin: 0 auto;
	text-align:left;
	width:720px;
}

#header
{
    width:720px;
    height:117px;
	margin:0;
   	padding: 0;
	border-top: 20px solid 	#FFFFFF;
    border-bottom: 20px solid 	#FFFFFF;
    overflow:hidden;
	text-align:center;
	background-image: url(images/SPQlogo2010.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
    #header h1
    {
	font-size: 16px !important;
    line-height:1.2em;
    color:#000080;
    text-transform:uppercase;
    letter-spacing:0.2em;
}


#content 
{
	float:left;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background-color: #FFFFFF;
	margin:0;
} 


#uniqueContent 
{
	margin: 10px 10px 10px 10px;
}

.center 
{
	margin: 0 auto;
	text-align: center;
}

.intro
{
	margin: 0 auto;
	width: 550px;
	text-align: center;
}
 
 .teach 
{
	margin: 0 auto;
	width: 600px;
	text-align: left;
}

 .kit 
{
	margin: 0 auto;
	width: 600px;
	text-align: center;
}
#links li {
	margin: 0 0 1.1em 0;
}

ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 1.2em;
	padding: 0;
	list-style: none;
}

* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}


#footer {
	clear: both;
	font-size: 0.9em;
}

/* Footer Styles */
#footer p {
	margin: 0;
	padding: 10px 100px 10px 100px;
	background-color: 			#FFFFFF;
	border-top: 20px solid 	#99FF00;
	font-size: 0.9em;
	text-align: center;
}

.menu {
  width: 720px;
  margin: 0;
  padding: .3em 0;
  font-size: .95em;
  background-color: 		#99FF00;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu li {
  margin: 0;
  padding: 0;
  float: left;
  width: 14%;
  text-align: center;
}

/* in navigation bar */
.menu a {color: #333399; text-decoration: none}
.menu a:visited {color: #333399; text-decoration: none}
.menu a:hover, a:active {color: #FF0055; text-decoration: none}

/* active page open in navigation bar */
a.activepage:link {color: #AA3FFF; text-decoration: none}
a.activepage:visited {color: #AA3FFF; text-decoration: none}
a.activepage:hover, a:active {color: #FF0055; text-decoration: none}

/* Submenu for gallery Page */
.galleryMenu {
  width: 680px;
  margin: 2px 20px 0 20px;
  padding: .2em 0;
  font-size: 1em;
  background-color: 				#A6CAF0;
}
.galleryMenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.galleryMenu li {
  margin: 0;
  padding: 0;
  float: left;
  width: 24%;
  text-align: center;
}
/* in navigation bar */
.galleryMenu a {color: #191970; text-decoration: none}
.galleryMenu a:visited {color: #191970; text-decoration: none}
.galleryMenu a:hover, a:active {color: 	#FFFFFF; text-decoration: none}

/* active page open in navigation bar */
a.activepage:link {color: 	#FF0055; text-decoration: none}
a.activepage:visited {color: 	#FF0055; text-decoration: none}
a.activepage:hover, a:active {color: 	#191970}

/* Submenu for Profile Page */

.profileMenu {
  width: 680px;
  margin: 2px 20px 0 20px;
  padding: .2em 0;
  font-size: 1em;
  background-color: 				#A6CAF0;
}
.profileMenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.profileMenu li {
  margin: 0;
  padding: 0;
  float: left;
  width: 33%;
  text-align: center;
}
/* in navigation bar */
.profileMenu a {color: #191970; text-decoration: none}
.profileMenu a:visited {color: #191970; text-decoration: none}
.profileMenu a:hover, a:active {color: 	#FFFFFF; text-decoration: none}

/* active page open in navigation bar */
a.activepage:link {color: 	#FF0055; text-decoration: none}
a.activepage:visited {color: 	#FF0055; text-decoration: none}
a.activepage:hover, a:active {color: 	#191970}


/* Submenu for Workshop Page */

.workshopMenu {
  width: 680px;
  margin: 0px 20px 2px 20px;
  padding: .2em 0;
  font-size: 1em;
  background-color: 				#A6CAF0;
}
.workshopMenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.workshopMenu li {
  margin: 0;
  padding: 0;
  float: left;
  width: 19%;
  text-align: center;
}
/* in navigation bar */
.workshopMenu a {color: #191970; text-decoration: none}
.workshopMenu a:visited {color: #191970; text-decoration: none}
.workshopMenu a:hover, a:active {color: 	#FFFFFF; text-decoration: none}

/* active page open in navigation bar */
a.activepage:link {color: 	#FF0055; text-decoration: none}
a.activepage:visited {color: 	#FF0055; text-decoration: none}
a.activepage:hover, a:active {color: 	#191970}

.scqmenu {
  width: 720px;
  height:60px;
  margin: 20px, 0;
  padding: .1em 0;
  text-align:center;
  font-size: 24px;
  color: #CCFF99;
  background-color: #3366CC;
}

.xmasmenu {
  width: 720px;
  height:80px;
  margin: 0;
  padding: .1em 0;
  font-size: 24px;
  background-color: #FFFFFF;
}


/* CSS Document */