/* This is the CSS screen media stylesheet for twilight dawn design */

/* Import styling that doesn't depend on colors or images */

@import "common_screen.css";


/* Set formatting of predefined HTML tags */

body {
  background-color: #CCE;
  color: #336;
}

blockquote { color: #930 }
.quote { color: #930 }


/* Define the main container space for all elements */

#container {
  background-color: white;
  /* color: #181854; */
  color: #336;
  border-color: #336;
}


/* Style the masthead image */

#masthead {
  background-image: url(/mps/images/masthead.jpg);
  background-repeat: repeat-x;
  border-color: #CCE;
}


/* The main box contains other content boxs. It provides a place for */
/* the border image that expands with the longest of the content boxes */

#mainbox {
  background-image: url(/mps/images/border_36.jpg);
}


/* Define the navigation section */

#nav ul li a {
  background-color: #CCE;
  color: #336;
  border-color: #336;
}

#nav ul li a:hover {
  background-color: #336;
  color: #CCE;
  border-color: #CCE;
  border-color: #CCE;
}


/* Define the main content section */

#content {
  background-color: white;
  border-color:  #CCE;
}


/* Define the credits presentation */

#credits {
  background-color: white;
  border-color: #CCE;
}


/* Classes for floating images */

.pixleft {
  background-color: #CCE;
  border-color: #336;
}

.pixright {
  background-color: #CCE;
  border-color: #003322;
}


/* Inline Quote */

.inlinequote {
  color: #993300;
}


/* Define class for divider buttons */

@media screen {

.divider ul li a {
  background-color: #CCE;
  color: #336;
  border-color: #336;
}

.divider ul li a:hover {
  background-color: #336;
  color: #CCE;
  border-color: #CCE;
  border-color: #CCE;
}

}