/* css Style by Sarah Andrews */
/* Images of Dupont Circle Fountain derived and adapted from "commons.wikimedia.org/wiki/File:Dupont-HDR.jpg" */
/* under the GNU Freee Distribution License.  Original photo by Nickomargolies.  Adaptation by Sarah Andrews  */
/* Permission is granted to copy, distribute and/or modify these images under the terms of the */
/* GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation;*/
/* with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. CC-LAYOUT; CC-BY-2.5 */



/* Main Elements.............................................................. */

body
    {
	font-family: "Gill sans schoolbook", Lucida Sans Unicode, Arial, sans-serif;
    margin: 0 auto;
    padding: 0;
	background: #000;
	text-align: center;
    }

#container
    {
    margin: 0 auto;
    width: 724px;
	position: relative;
    background: #edffff;
    padding: 0 10px 0 10px;
    text-align: left;
    }

/* Headers and Footers ...........................................................*/

#pageheader
    {
 	position: absolute;
    top: 30px;
    left: 15px;
	}

h1
    {
    width: 156px;
    height: 15px;
    overflow: hidden;
    margin: 0;
    }

h2
    {
	position: relative;
	margin: 0;
	font-size: 2.1em;
	max-height: 45px;
	white-space: no-wrap;
	width: 724px;
	clear: right;
    }
	
h3
    {
    font-family: "Century Gothic", serif;
	color: #fff;
    margin: 20px 0 10px 0;
	padding: 5px 0 5px 15px;
	background: url(/images/back-test10.jpg) repeat-y;
    }
	
h3 span
    {	
	background-image: url(/images/back-test10.jpg) repeat-y;
    }

h4
    {
    font-family: "Century Gothic", serif;
	font-size: 18px;
	color: #fff;
    margin: 20px 150px 10px 0;
	padding: 5px 5px 5px 15px;
	background: url(/images/back-test10.jpg) repeat-y;
    }
	
#footer
    {
	display:block;
	background: url(/images/back-test10.jpg) repeat-y;
    text-align: right;
    padding: 5px 15px 0 0;
    line-height: 30px;
    font-size: 12px;
 	top-margin: 10px;
    }

			
/* DIVISIONS............................................................... */
/* Container, #Intro, #QuickSummary, #Welcome, #PageHeader, #Footer, #Supporting Text,  */
/* #Participation, #Highlights, #Extra Text, #Activities, #Navlist, #Navlistbox, #lnav */


#quicksummary
    {
    padding-top: 85px;
    }

#quicksummary .p1
    {
    font-size: 11px;
    height: 150px;
    background: url(/images/Dupont-HDR-test3a.jpg) no-repeat;
    margin: 0;
    color: #fff;
    }

#container .p2, #intro .p2, 
    {
    font-size: 14px;
    margin: 0;
	}

#quicksummary .p1 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;

    }

#quicksummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 65px;
    right: 20px;
    margin: 0;
	padding: 0 10px 0 15px;
    }

#supportingtext
    {
	display: block;
	margin: 0 0 0 200px;
	overflow: visible;
	list-style-type: none;
	text-decoration: none;
	}
	
#supportingtext p
    {
    line-height: 150%;
    margin: 0 0px 10px 0px;
	overflow: auto;
    }

#extratext .p2, #extradiv1 .p2, #activities .p2, #participation .p2, #highlights .p2, #sponsors .p2
    {
	padding: 0 10px 0 5px;
	}	
	
#supportingtext .p3
    {
	font-size: 16px;
    line-height: 150%;
    margin: 5px 0 10px 0;
	overflow: auto;
    }
	
#extratext .p4, #extradiv1 .p4
    {
	font-size: 16px;
    line-height: 100%;
    margin: 0px 0 10px 0;
	overflow: auto;
    }	
	
#extratext, #extradiv1, #activities, #participation, #highlights
    {
    display: block;
	font-size: 1em;
    margin: 0 auto;
	}

	
	
/* Links .....................................................................*/
	

a:link
	{
	text-decoration: none;
	color: #fff;
	}
a:visited
	{
	text-decoration: none;
	color: #fff;
	}
a:hover
    {
    color: #fff;
	background: #000;
    }
		
#supportingtext a:link
	{
	text-decoration: none;
	color: #000;
	}

#supportingtext a:visited
	{
	text-decoration: none;
	color: #000;
	}
	
#lexternal1 a:link, #lexternal2 a:link, #lexternal3 a:link
    {
	text-decoration: underline;
	}

#lexternal1 a:hover, #lexternal2 a:hover, #lexternal3 a:hover
    {
	background: #edffff;
	}	

#navlist a:hover, #footer a:hover, #lnav a:hover
    {
	background: #000;
	}

#supportingtext a:hover
    {
	text-decoration: underline;
	background: #edffff;
	color: #000
	}
	
#navlist
    {    
	background: url(/images/Dupont-HDR-test3a.jpg) repeat-x;
	display: block;
	position: absolute;
    top: 255px;
    left: 10px;
	width: 180px;
	height: 550px;
	list-style-type: none;
	text-decoration: none;
	overflow: hidden;
	}

ul
	{
	text-decoration: none;
	font-family: "century gothic", serif;
	font-size: 20px;
    font-weight: bold;
	display: block;
    padding: 20px;
	}	

#navlist ul
    {
    list-style-type: none;
    margin: 0;
    padding: 30px 0 10px 20px;
	text-decoration: none;
	}
	
#lnav ul
    {
    list-style-type: none;
    margin: 0;
    padding: 30px 0 10px 20px;
	text-decoration: none;
	}
	
#lexternal1 ul, #lexternal2 ul, #lexternal3 ul
    {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 10px 10px;
    }
	
#larchives ul
    {
    list-style-type: none;
    margin: 0;
    padding: 30px 0 100px 20px;
    }

#lnav li
    {
    font-family: "century gothic", serif;
	font-size: 20px;
    font-weight: bold;
    padding: 20px;
	text-decoration: none;
    }
	
#lexternal1 li, #lexternal2 li, #lexternal3 li
    {
    font-family: "Gill sans schoolbook", Lucida Sans Unicode, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: underline;
    }
#larchives h3 
    {
    display: hidden;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }