/* leave this stylesheet as is - apply all new styles to the dtscustom.css stylesheet */
/* this way whenever the state updates the official stylesheet you shouldn't have to go to any extra trouble ;-) */
html, body {
  margin:0; padding:0;
  font:normal 85% Arial, Helvetica, sans-serif;
}

#header {
  display:block;
  margin:0 auto;
  padding:2px 0 2px 0;
  width:763px;
  font-size:40pt;
  color:blue;
  font-style:italic;
  font-weight:gold;
  vertical-align:middle;
}

#main {
  margin:0 auto;
  padding:0;
  background: url('/images/homebg.jpg') no-repeat 0px 0px;
  width:800px;
  height:600px
}

#sub {
  margin:0 auto;
  padding:0;
  background: url('/images/subbg.jpg') no-repeat 0px 0px;
  width:800px;
  height:600px
}

#left {
  float:left;
  width:200px;
  background-color:#000;
}

#left ul {
  margin: 8px 0 0 20px; 
  padding: 0;
}

#left img {
  margin: 0; 
  padding: 0px 0px 0px 10px;
}

#left li {
  margin: 0;
  padding: 0px 0px 10px 0px;
  list-style-type: none;
}

#left a {
  color: #fff;
  font-size:13pt;
  font-weight:bold;
  text-decoration: none;
}

#left a:hover {
  color:#fff;
}

#right {
  float:right;
  width:200px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
/*  text-align:center;
  font-size:14pt; */
  color:#fff;
  background-color:#000;
}

#right p {
  margin: 8px 0px 8px 0px;
}

#content {
  display:inline;
  float:none;
  width:593;
}

#content ul {
  float: left;
  font-family: Arial black, Helvetica, sans-serif;
  font-size:24pt;
  font-weight:bold;
  margin-top: 10px; 
}

#content li {
  font-size:14pt;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding: 0px 0px 0px 8px;
  list-style-type: none;
}

.sidecontent{
  font-color:#006;
  padding:5px 0;
  display:block;
  } /* padding for left and right column content */

.title {
  font-size:20pt;
  font-style:italic;
  font-weight:bold;
}

.subtitle {
  font-size:12pt;
  font-weight:bold;
}

.donor {
  font-size:16pt;
  font-weight:bold;
}

.valedictorian {
  font-size:18pt;
  font-weight:bold;
  color:#ffc848
}

.summacumlaude {
  font-size:16pt;
  font-weight:bold;
  color:#5800ea
}

.third {
  font-size:14pt;
  font-weight:bold;
  color:#e60000
}

#left, #content { /* Prevent oversized content from breaking the layout */
  /* word-wrap:break-word; */ /* works for IE only */
  overflow:hidden;
}

.cleaner {
  clear:both;
  height:2px;
  font-size:1px;
  color:#006;
  border:none;
  margin:0 0 -2px 0;
  padding:0;
  background:transparent;
}

.hidden {
  display:none;
}

p {
	margin:0 0 1em 0;
}

.pictureblock {
  text-align:center;
}

.redcontent {
  color: #ff0000;
}  

.bigitalic {
  font-family: Arial black, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  font-size: 14pt; 
}

#mss_menu{    
  font-family:arial;  /* Font for main menu items */
  width:200px;  /* Width of main menu */
  position:absolute;
  top:300px;
}

#mss_menu li{ /* Main menu <li> */
  list-style-type:none; /* No bullets */
  margin:0px; /* No margin - needed for Opera */
}

#mss_menu ul{ 
  margin:0px; /* No <ul> air */
  padding:0px;  /* No <ul> air */
}

#mss_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
  padding-left: 0px 10px 0px 10px;
}

#mss_menu li a{ /* Main menu links */
  text-decoration:none; /* No underline */
  color:#FFFF00; /* White text color */
  height:21px;  /* 20 pixel height */
  line-height:20px; /* 20 pixel height */
  vertical-align:top;  /* Align text in the middle */
  background-color:#000;  /* black background color */
  border:1px solid #000; 
  margin:1px; /* A little bit of air */
  /* Air between border and text inside */
  display:block; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px
}

#mss_menu li a:hover, #mss_menu .activeMainMenuItem{
  color:#000;
  background-color:#f88017;
}

.mss_subMenu{
  visibility:hidden;
  position:absolute;
  overflow:hidden;
  border:1px solid #000;
  background-color:#f88017;
  font-family:arial;
  text-align:left;
}

.mss_subMenu ul{
  margin:0px;
  padding:0px;  
}

.mss_subMenu ul li{
  list-style-type:none;
  font-weight:bold;
  margin:3px;
  padding:2px 1px 1px 1px;  /* Air between border and text inside */
}

.mss_subMenu ul li a{ /* Sub menu items */
  white-space:nowrap; /* No line break */
  text-decoration:none; /* No underline */
  color:#000; /* Black text color */
  height:16px;  /* 16 pixels height */
  line-height:16px; /* 16 pixels height */
  padding:1px;  /* 1px of "air" inside */
  display:block;  /* Display as block - you shouldn't change this */
}

.mss_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
  color:#FFF; /* White text */
/*    background-color:#317082; */ /* Blue background */
}

.whitelink{
  color:#FFF;
  font-size:10pt;
  font-weight:bold;
  text-decoration:none; 
}
.marquee{
  color:#f88017;
  font-size:18pt;
  font-weight:bold;
  background-color:#153e7e;
  border:0px none;
  position:relative;
  top:244px;
  left: 204px
}