/*********
 * ABOUT THIS FILE
 * This is a CSS file, a special file which defines how HTML should be displayed.
 * For an introduction to CSS, see http://www.w3schools.com/css/default.asp
 * Colors in this file are specified as hexadecimal values.  
 * For a handy color picker that allows you to select a color and get its
 * hexadecimal equivalent, see http://colourmod.com
 */

/****************************************
 * GLOBAL ATTRIBUTES
 * These apply to every page, as a whole.
 *****************************************/
body {
  /* Global font and font size */
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 90%; 

  /* Body background color */
  background: #FFFFFF;
}

/* Global link settings */
a {
  /* Global link text color */
  color: #eb6c00;
  text-decoration: none;
}


/****************************************************
 * TOP NAVIGATION BAR 
 * These apply to the top navigation bar on each page
 ****************************************************/

/* The base background color */
#top_nav {
  background-color: #004080;
}

/* The background color for the second (lower) level of top navigation items
#top_nav2 {
  background-color: #005ebc;
}

/* Text color for navigation links in both levels */
#top_nav li a, #top_nav2 li a {
  color: #FFFFFF;
}

/* Background color for mouseover of upper level top navigation menu items,
 * and for the selected item from this menu
 */
#top_nav li a.selected, #top_nav li a:hover {
  background-color: #005ebc;
}

/* Background color for mouseover of lower level top navigation menu items,
 * and for the selected item from this menu.
 */
#top_nav2 li a.selected, #top_nav2 li a:hover  {
  background: #006ede;
}

/* The text color and font size of the main page title */
#masthead h1 {
  color: #ffffff;
  font-size: 25px;
}

/* The background color and bottom border of the whole top area including the 
 * main page title and the navigation menu
 */
#masthead {
  background: #004080;
  border-bottom: 1px solid #000000;
}

/****************************************************
 * LEFT NAVIGATION BAR 
 * These apply to the left navigation bar on each page
 ****************************************************/

/* Text color, background color, font size, border, and width
 * of the left navigation box.
 */
#left_nav {
  color: #464646;
  background-color: #b9e0f0;
  font-size: 80%;
  border: 1px solid #9ec2d3;
  width: 170px;
}

/****************************************************
 * CONTENT BOX
 * These apply to the main content box on each page
 ****************************************************/

/* Text color, background color, and border of the main content box */
#innercontent {
  color: #464646;
  background-color: #dddddd;
  border: 1px solid #a6a6a6;
}