body { background-color: white;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 100%;
}

h1 { color: #425391;
    font-family: Georgia, 'New York', 'Times New Roman', serif;
    font-size: 400%;
    text-align: center;
    font-variant: small-caps;
    font-style: italic;
    font-weight: bold;
    white-space: nowrap;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0.1em;
    padding-bottom: 0.1em;
}
h2, h3, h4, h5 { text-align: center; }

a {
    font-weight: bold;
    border-width: 0px;
}

a:link, a:visited { color: #425391; }
a:hover { color: #777; }


#page {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: white;
    font-size: 100%;
    font-family: Verdana, Geneva, Arial, sans-serif;
    color: #111;
}

#header {
    background-color: white;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
}



#nav {
    clear: both;
    color: white;
    text-align: center;
    width: 100%;
    background-color: #425391;
    padding: 0.25em;
    margin: 0px;
}

#nav a { 
    color: white;
    padding: .2em 1em;
}

#nav a:hover {color: #96A3CF;}

#nav ul, #menuBar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav ul li {
    display: inline;
}


#colLeft {
    float: left;
    text-align: left;
    font-size: 80%;
    background-color: white;
    width: 15%;
    min-width: 75px;
    float: left;
    text-align: left;
    margin-top: 5px;
    margin-right: 2px;
}

#colRight {
    float: right;
    text-align: left;
    color: #111;
    font-size: 80%;
    background-color: white;
    color: #111;
    float: right;
    width: 21%;
    min-width: 100px;
    text-align: left;
    margin-left: 2px;
    margin-top: 5px;
    padding-left: 5px;
}

#colRight a {
    color: #425391;
    text-decoration: underline;
}
#colRight a:hover{ color: #777; }

#colRight h4 { margin-top: 0px;
    padding-top: 0px;
    margin-bottom: -1em;
    text-align: center;
}

#colRight img {
    border-width: 0px;
	text-align: center;
}

#colRight p#Message { margin: 1.5em; }

#menuBar li.splitter {display:none;}
#menuBar a {
    display: block;
    text-align: left;
    font-weight: bold;
    border-width: 0;
    padding: 5px;
    margin-bottom: 3px;
    background-color: #425391;
    text-decoration: none;
    color: white;
}

#counterBar a {
 	display: block;
    text-align: center;
    font-weight: bold;
    border-width: 0;
    padding: 5px;
    margin-bottom: 3px;
    background-color: black;
    text-decoration: none;
    color: #00FF00;
	border-top: 8px solid #2b405b; 
	border-right: 8px solid #6b8ab6; 
	border-bottom: 8px solid #6b8ab6; 
	border-left: 8px solid #2b405b;
}

#counterBar a:hover {
	background-color: #425391;
}


#menuBar a span, #nav a span {
    display: none;
    color: #425391;
    background-color: #8998CA;
    font-size: 80%;
    text-align: left;
}

#menuBar a:hover { color: #96A3CF; }

#menuBar a:hover > span {
    display: block;
    position: relative;
    padding: 1px;
    margin-left: 2px;
    z-index: 300;
}


#content {
    position: relative;
    z-index:150;
    width: auto;
    min-width: 300px;
    margin-right: 22%;
    margin-left: 16%;
    margin-top: 5px;
    z-index: 250;
    background-color: white;
    text-align: center;
}
#content h2 { font-size: 120%;
    font-weight: bold;
}

#content h3 { font-size: 100%;
    font-weight: bold;
}

#content .storyBox a { font-size: 100%;
    color: #425391;
}

#storyBoxSummit {
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2%;
}

#storyBoxSummit p:first-letter{
/*	float:left; */
	color: #425391;
	font-size: 1.5em;
	line-height: .6em;
	font-family: times,Georgia;
	width: 1em;
}

#boxText, #storyBox {
    border-style: solid;
    border-width: 2px;
    border-color: #CECECE #4A4A4A #4A4A4A #CECECE;
    background-color: #fff;
    color: #000;
    margin: 5%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 2%;
    text-align: left;
}

#boxText h2, #boxText h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

#boxText p {
    margin: 0;
    padding: 0;
    text-indent: 5%;
}


#storyBox p { font-size: 70%; }
#storyBox a:hover {
    color: #777;
}

#storyBox h5 a, #storyBox h5 a:hover { 
    color:#CC0000;
	text-decoration: none;
	text-shadow: grey;
}

#storyBox h5 a:hover {
	color:#993300;
}
#outreach { background-color: #425391;
    text-align: center;
    font-size: 80%;
    color: #8998CA;
    margin-right: 22%;
    margin-left: 16%;
    padding: 2px;
}

#outreach a { color: white; }
#outreach a:link { color: white; }
#outreach a:visited { color: white; }
#outreach a:hover { color: #96A3CF; }



#footer {
    margin-right: 22%;
    margin-left: 16%;
    text-align: center;
    background-color: white;
    color: #111;
    font-size: 80%;
}

#footer a:hover { color: #425391; }

#footer p {
	font-size: 75%;
	padding: 0px;
}

#lastmod {
    color: #555;
    font-size: 60%;
    text-align: center;
}

#summit, #normalText {
    text-align: left;
    margin: 5%;
    padding: 2%;
}

span#wow { color: #425391; }

#announcement {
    color: black;
    margin: 5%;
    text-align: left;
}

#notice {
color: #990000;
font-style: italic;
font-size: 85%;
padding: 5px;
}

#call2action {
    text-align: center;
}

#linkBox {
    border: medium ridge #999;
    background-color: white;
    color: #000;
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
    padding: 5px;
    margin-bottom: 5px;
    text-align: left;
}
#linkBox a { 
    color: #425391;
    font-weight: bold;
}

#linkBox a:hover {
    color: #777;
}

img.orgChart {
    /*
    w = 946px, h = 349px

    1em = .0625px for starting point

    width: 59.125em;
    height: 21.8125em;

    We multiply by 80% to shrink things
    so 1em = .05px ...

    width: 47.3em;
    height: 17.45em;

    Finally, we cheat and use width = 100% to make the image scale to the size
    of the containing DIV.

    FIXME - see if there's a way to scale vertical (height) to match
    the width ....'

    */
    width: 100%;
    height: 21.8125em;
    border: 0;
    padding: 0;
    margin: 0;

}

p.downloadLinks { 
	/* font-size: .7em; */
	padding: .2em;
	text-align: center; 
}

/* -- Stuff for the summit video page -- */


#videoText {
	font-size: .8em;
	text-align: justify;
	padding: .7em;
}

#badge-fill {
	background-color: black; 
	opacity: 0.75; 
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	width: 309px; 
	height: 16px;
}

#badge-overlay {
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
}

#crop {
	width: 309px;
	height: 232px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
}

#videoSpace {
	width: 480;
	height: 376;
	padding: 1.5em;
	float:right;
}

#speakerImage1, #speakerImage2, #speakerImage3, #speakerImage4 {
	position: relative; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-bottom: 15px; 
	padding-left: 15px; 
	padding-right: 0px;
	float: right;
}

#speakerImage2, #speakerImage4 {
	float: left;
	padding-right: 15px;
	padding-left: 0px;
}

#speakerHeader {
	text-align: left;
	padding: .8em;
	font-size: 1em;
	float: left;
}

#speakerImage {
	width: 309.333px; 
	height: 232px; 
	margin-left: -0.166667px; 
	margin-top: 0px; 
	position: relative;
}


/*
p.downloadLinks a {
	display: inline;
	background-color:#425391;
	color: white;
	border-style: solid;
    border-width: 2px;
    border-color: #CECECE #4A4A4A #4A4A4A #CECECE;
	text-decoration: none;
}
p.downloadLinks a:hover {
	background-color:#0099FF;
}
*/
#topicsList {
	list-style:disc;
	display:block;
	text-align:left;
}