/* CSS Document */

body {
	background-color: black;
	color: white;
	font-size:14px;
	font-family:"Courier New", Courier, monospace;
}

div#splash {
	text-align: center;
}

div#content {
	text-align: justify;
}

div#header {
	text-align: center;
}

div#headerText {
	text-align: center;
	position: relative;
	left:25%;
	width:50%;
}

a {
	color:#CCC;
	font-family:"Courier New", Courier, monospace;
	font-size:16px;
}

a:hover {
	color: white;	
}
a:visited {
	color: #999;	
}



ul#menu {padding: 0; margin: 0; width:180px; }
ul#menu li {list-style-type: none;
  border-width: 1px 1px 0 3px;
  border: 1px solid silver; 
  position: relative; margin: 0; padding: 0;}
ul#menu ul#menu {display: none;}
ul#menu li:hover > ul#menu {display: block; position: absolute; top: -1px; 
							left: 100%;  /* this floats submenus to the left or right */
							font-size:9px; width:200px;}


li#sub a {display: block; color:white; padding: 5px 7px; text-decoration: none;
  background-color:#b00}
li#sub a:hover{background-color: black;}

ul#menu ul {width: 10em;}


#header{
	padding: 10px 50px;
	border-bottom: 1px solid #666;
	width: 750px;
}

#navigation{
	float:left; /* this sets whether the menu is on the left or the right */
	margin: 0 0 0 0;
	padding: 0px;
	width: 180px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#container
{
	width:850px;
}

#main{
	text-align:justify;
	float:left;
	width: 550px;
	margin: 10px;
}

#main a#breadcrumbs
{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}

#main img.center {
	width: 100%;
}


#main img.left
{
	float:left;
	width:250px;
	margin:20px;
}

#main img.right
{
	float:right;
	width:250px;
	margin:20px;
}


.quote
{
	font-family:Courier New, Courier, mono;
	font-size:15px;
	font-style:italic;
	color:#666699;
	padding: 5px 5px 5px 0px;
	
}

.quoteRight
{
	font-family:Courier New, Courier, mono;
	font-size:14px;
	color:#9900CC;
	padding: 5px 5px 5px 0px;
	
}


.caption
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000066;
	margin-right:-15px;
	margin-left:-15px;
	
}
.logo
{
	border:none;
}

.story
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.byline
{
	color:#999999;
	font-style:italic;
	font-size:10px;
	font-family:Georgia, Times New Roman, Times, serif;
}
.copyright
{
	color:#999999;
	font-style:italic;
	font-size:10px;
	font-family:Georgia, Times New Roman, Times, serif;
}
summary {display:none;}


.submitButton
{
	background-color:#FFFFFF;
	
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;

	font-size: 75%;
	color: #ccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


#splash {
	position:absolute;
	width : 700px;
	height: 300px;
}


#menu {
/*
	position: absolute;
	top:320px;
	left:5px;
	width:700px;
*/	
}

.menu_item {
	display: inline;
}

#blurb {
/*
	position: absolute;	
	left:10px;
	top:410px;
	width:700px;
	height:120px;
	color:yellow;
*/
}


.video_swap {

  width: 100%;
/*
  display: none;
  position:relative;
  left:175px;
  top: 520px; 
*/
}

.video_small {
	width:120px;
	height:100px;
	border: none;
}

.video_large {
	width:350px;
	height:275px;
}