*{ margin: 0; padding: 0; }*

body {
  background: #fffefe;
  
   }

body A:link, A:visited  {text-decoration: none; color: red;}
body A:visited {text-decoration: none;}
body A:active {text-decoration: none;}
body A:hover {text-decoration: underline; color: red;}


/* defines horizontal navigation menu*/
.topnav {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px 10px;
}

.topnav a {
  float: center;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

.topnav a.logo {
  font-size: 25px;
  font-weight: bold;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: dodgerblue;
  color: white;
}

.topnav{
  float: center;
}

@media screen and (max-width: 500px) {
  .topnav a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .topnav {
    float: none;
  }
}


.strikenav {
max-width:900px;
background-color:#FFFFFF;
color:#FF0000;
font-family:Courier, monospace;
font-size:13pt;
padding-left:10px;
_padding-top:2px;
_padding-bottom:2px;
border-top:1px black solid;
border-bottom:1px black solid;
}
.strikenav A:link, A:visited  {text-decoration: none; color: red;}
.strikenav A:visited {text-decoration: none; color: red;}
.strikenav A:active {text-decoration: none;}
.strikenav A:hover {text-decoration: underline; color: red;}

.content {
max-width: 900px;
_max-width: 900px;
background-color:#fffefe;

color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
	
font-size:13pt;
text-align:justify;
padding:10px 20px 0px 50px;
line-height:160%;
}

.content li {
list-style-type:square;
}

#toprightvideo {
width:350px;
position:relative;
left:20px;
_left:60px;
top:-10px;
float:right;
border-bottom:1px solid black;
border-left:1px solid black;
margin-left:10px;
_margin-left:-30px;
margin-bottom:10px;
background-color:#000000;
}

#toprightvideo450 {
width:450px;
position:relative;
left:20px;
_left:60px;
top:-10px;
float:right;
border-bottom:1px solid black;
border-left:1px solid black;
margin-left:10px;
_margin-left:-30px;
margin-bottom:10px;
background-color:#000000;
}

#toprightvideo1mbps {
width:625px;
margin-bottom:10px;
background-color:#000000;
position:relative;
float:left;
margin-top:5px;
margin-right:10px;
}



.content P {
text-indent:30px;
margin-bottom:10px;
}


.content A:link, A:visited  {text-decoration: none; color: red;}
.content A:visited {text-decoration: none;}
.content A:active {text-decoration: none;}
.content A:hover {text-decoration: underline; color: red;}

.intro {
font-size:12pt;
}

.heading {
	color:#FF0000;
	font-family:"Courier New", Courier, monospace;
	font-size:20pt;
	border-bottom:1px red dotted;
	margin-top:20px;
	position:relative;
	width:100%;
	left:-40px;
		padding-right:40px;
	font-weight: bold;
}

.subheading {
	color:#000000;
	font-family:Times, monospace;
	line-height:130%;
	font-size:18pt;
	border-bottom:1px red dotted;
	margin-top:20px;
	position:relative;
	width:100%;
	left:-40px;
	padding-right:40px;
	font-weight: bold;
}

.subhead2 {
	color:#000000;
	font-family:Courier, monospace;
	font-size:13pt;
	border-bottom:1px red dotted;
	margin-top:20px;
	position:relative;
	width:100%;
	left:-40px;
	padding-right:40px;
	font-weight: bold;
}

.subheading A:link, A:visited  {text-decoration: none; color: black;}
.subheading A:visited {text-decoration: none}
.subheading A:active {text-decoration: none}
.subheading A:hover {text-decoration: underline; color: red;}

#datatable {
width: 760px;

	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
	background-color: white;

}

.title {
color:black;
font-family:"Courier New", Courier, monospace;
font-size:18pt;
border-bottom:1px red solid;
margin-top:20px;
position:relative;
width:100%;
left:-40px;
}



#bottom {
background-image:url(headerimages/gradient.gif);
background-repeat:repeat-x;
height:auto;
width:100%;
font-family:"Courier New", Courier, monospace;
font-size:11pt;
	font-weight:bold;
color:black;
padding-left:10px;
padding-right:5px;
padding-top:50px;
padding-bottom:10px;
}



.caption {
background-color:#FFFFFF;
height:auto;
position:relative;
right:6px;
bottom:7px;
border-bottom:#999999 1px solid;
margin-bottom:-1px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
padding:2px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
width:290px;
line-height:100%;
}

.caption A:link, A:visited  {text-decoration: underline; color: red;}
.caption A:visited {text-decoration: underline;color: red;}
.caption A:active {text-decoration: underline;color: red;}
.caption A:hover {text-decoration: underline; color: red;}



.img-shadow {
  float:right;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 15px !important;
  margin: 10px 0 0 10px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.leftpic {
float:left;margin-top:7px;margin-right:7px;
}


.pageTitle {
  margin-bottom: 1rem;
  background: #222;
  background: linear-gradient(#222, #000);
  color: #fffefe;
  padding: 3rem 0 3rem;
  text-shadow: 2px 2px 0 black, 2px 2px 5px rgba(0, 0, 0, 0.5);
  width: 100%; }



 .pageTitle * + * {
    margin-top: 0.5rem; }
  .pageTitle h1 {
    font-size: 2rem; }
    .pageTitle h1 a {
      color: #fffefe; }
      .pageTitle h1 a:hover, .pageTitle h1 a:active, .pageTitle h1 a:focus {
        text-decoration: underline; }
  .pageTitle h2 {
    font-size: 1.3rem;
    font-weight: normal; }

header, .full-width {
  width: 100%;
  background: black;
}
.wrap {
  width: 80%;
  max-width: 24em;
  margin: 0 auto;
  padding: 0.25em 0.625em;
}



.quote {
font-family:serif;
font-style:italic;
line-height: 110%;
font-size: 1em;
margin:0px 90px 0px 90px;
text-indent: 0px;
text-align:justify;
}

.thick_line{ 
    display:block;
    border:none;
    color:black;
    height:20px;
   background:black
}


.references {
font: helvetica,sans-serif;
line-height: 110%;
font-size: .8em;

text-indent: 0px;

}

.redbox
{
background-color:#780000;
color:white;
width:400px;
float:right;
padding:10px;
padding-bottom:0px;
margin-left:5px;
text-indent: 0px;
}

.redbox p, .redbox h3
{
font-size: .9em;
line-height: 150%;
text-indent: 0px;
}

.redbox a, .redbox a:visited 
{color:white;
}
 
 .redboxsm
{background-color:#780000;
color:white;
width:22%;
float:right;
padding:5px;
margin-left:5px;
}

.redboxsm a, .redbox a:visited 
{color:white;
}
 
.summary {
text-indent:0;
font-size: .8em;
font-style: italic;

}

.greyboxnew {
	background-color:#666;
color:white;
width:400px;
float:right;
padding:10px;
padding-bottom:0px;
margin-left:5px;
text-indent: 0px;
}

.greyboxnew a, .redbox a:visited 
{color:white;
}


.greenbox
{
background-color:#405E50;
color:white;
width:400px;
float:right;
padding:10px;
padding-bottom:0px;
margin-left:5px;
text-indent: 0px;
}

.greenbox p, .greenbox h3
{
font-size: .9em;
line-height: 110%;
text-indent: 0px;
}