/*$font-stack:    Helvetica, sans-serif;
$primary-color: purple;
$chosen-width: 150px;

body {
  font: 100% $font-stack;
}

#chosen-example {
  width: $chosen-width;
}

.relative {
  position: relative;
}*/
html {
  margin: 0;
  padding: 0;
  color: #000;
  background-image: url(../images/texture3.png);
  background-repeat: repeat; }

body {
  min-width: 800px;
  background-image: url(../images/texture3.png);
  background-repeat: repeat;
  font-size: 18px; }

#wrapper {
  background-image: url(../images/texture5.png);
  background-repeat: repeat;
  margin: 50px;
  padding: 20px;
  border-radius: 25px; }

#header {
  text-align: center;
  border-bottom: solid 3px #B3B2B2;
  font-size: 80px;
  color: #fff;
  margin-bottom: 2%; }

#nav {
  width: 10%;
  float: left;
  margin-left: 1%;
  min-width: 80px;
  width: 90px; }

#nav a:link {
  color: #fff; }

#nav a:visited {
  color: #E3E2E2; }

#nav a:hover {
  color: #B3B2B2; }

#body {
  width: 100%;
  min-width: 1000px; }

#iframediv {
  margin-left: auto;
  margin-right: auto;
  width: 900px; }

.iframe {
  margin-top: 20px; }

.download {
  padding: 10px;
  font-size: 18px;
  text-align: center; }

.download a:link {
  color: #fff; }

.download a:visited {
  color: #E3E2E2; }

.download a:hover {
  color: #B3B2B2; }

#splashMessage {
  text-align: center;
  /*font-size: 18px;*/
  clear: both; }

.SpacerForCode {
  margin-left: 6%; }

a:link {
  color: #fff; }

a:visited {
  color: #E3E2E2; }

a:hover {
  color: #B3B2B2; }

.image {
  width: 747px;
  margin-left: auto;
  margin-right: auto; }

.image2 {
  width: 637px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px; }

.DisplayText {
  text-align: left;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

.update-container {
  width: 60%;
  text-align: left;
  margin-left: 20%;
  margin-top: 5%; }

.standard-container {
  width: 60%;
  text-align: left;
  margin-left: 20%;
  margin-top: 5%; }

.content {
  clear: both;
  margin-top: 80px; }

.indent-4 {
  margin-left: 5px; }

/*
For drop down menu
http://javascript-array.com
*/
#menu2 {
  /* width: 324px; */
  /*hand adjust to width of list*/
  width: 183px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  /* height: 100px; */
  /* background-color: white; */ }

#sddm {
  /* margin: 0; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin: 0 auto; */
  padding: 0;
  z-index: 30; }

#sddm li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial; }

#sddm li a {
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 10px;
  width: 60px;
  background: #5970B2;
  color: #FFF;
  text-align: center;
  text-decoration: none; }

#sddm li a:hover {
  background: #49A3FF; }

#sddm div {
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  background: #EAEBD8;
  border: 1px solid #5970B2; }

#sddm div a {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 10px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background: #EAEBD8;
  color: #2875DE;
  font: 11px arial; }

#sddm div a:hover {
  background: #49A3FF;
  color: #FFF; }
