/* 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:  #000080;
}

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

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

#header
{
    width:940px;
    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: 50px 10px 10px 10px;
}

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

.intro
{
	margin: 0 auto;
	width: 800px;
	text-align: center;
}
 
 .teach 
{
	margin: 0 auto;
	width: 800px;
	text-align: left;
	list-style:square;
}
.teach h2 {
	font-size: 1.2em;
	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-image: none;
	list-style-type: disc;
}

* 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;
}


/*-----------------------------------------------------------
	  Pure CSS Drop-down Menu
	  Author: Justin Spegele
	          Spegele Design and Development
              http://www.spegele.com/
     ----------------------------------------------------------- */
	
    /* Overarching Menu
        -----------------------------------*/
        .cssnav {
            position:relative; 
            z-index:1000;
            font-size:13px;
            font-weight:bold;
            text-align:center;
		
        }
        .cssnav ul {
            padding:0;
            margin:0;
            list-style-type:none;
        }
        .cssnav ul ul {
            width:116px;
            text-align:left;
    }
    /*	Main list 
        -----------------------------------*/
        .cssnav li {
            float:left;
            width:117px;
            position:relative;
		
        }
    /*	First Level
        -----------------------------------*/
        /* Links */
        .cssnav a, .cssnav a:visited {
            display:block;
            text-decoration:none; 
            color:#000080; 
            border:1px solid #fff; 
            border-width:1px 0px; 
            background: #99ff00; 
            line-height:25px;
        }
        /* Links on hover */
        .cssnav a:hover, .cssnav ul ul a:hover{
           color:#fff; 
           background:#000080;
			
        }
        .cssnav :hover > a, .cssnav ul ul :hover > a {
            color:#fff;
            background: #000080;
        }
    /*	Second Level
        -----------------------------------*/
        /* Links */
        .cssnav ul ul a, .cssnav ul ul a:visited {
            background: #99ff00;
            line-height:1em; 
            padding:5px 10px; 
            width:128px;
            border-width:0 1px 1px 1px;
        }
        /* Links on hover */
        .cssnav ul ul a:hover {
            background: #000080;
        }
        /* Visibility */
        .cssnav ul li:hover ul, .cssnav ul a:hover ul{
            visibility:visible; 
        }
		
		/*	Third Level
    -----------------------------------*/
    /* Links */
    .cssnav ul ul ul a, .cssnav ul ul ul a:visited {
        background:#99ff00;
    }
    /* Links on hover */
    .cssnav ul ul ul a:hover {
        background: #000080;
    }
    /* Positioning */
    .cssnav ul ul ul{
        left:150px; 
        top:-1px; 
    }
    .cssnav ul ul ul.left {
        left:-150px;
    }
    /* Visibility */
    .cssnav ul :hover ul ul{
        visibility:hidden;
    }
    .cssnav ul :hover ul :hover ul{
        visibility:visible;
    }

    
    /*	All Sub Levels 
        -----------------------------------*/
        /* Default visibility */
        .cssnav ul ul {
            visibility:hidden;
            position:absolute;
            top:26px;
            left:0; 
            border-top:1px solid #fff;
        }
    /*	IE Table 
        -----------------------------------*/
        .cssnav table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;
        }