/* Sigma Delta Tau */

body {
  margin: 100px;
  padding: 0px;
  background-color: #2D73B9;
}

a {
  text-decoration:none;
}

/**************/
/*** HEADER ***/
/**************/
#header {
  width: 100%; /* Top banner uses full screen width */ 
  height: 200px;

  background-color: #022F55;  /* Dark Blue */
  border-bottom: 5px solid white;
}

/* Used instead of margin-top since Safari will move background*/
#header_spacing {
  font-size: 14px;
}

/* Not used - Safari issue */
#header_title {
  font: 90px "Tahoma", Helvetica, sans-serif;
  color: white;
/*  padding: 20px;  Note: Causes problem in Safari */
}

/* Not used - Safari issue */
#header_subtitle {
  font: 26px "Tahoma", Helvetica, sans-serif;
  color: white;
  text-align: center;
  
  position: relative;
  top: -15px;
}


/************/
/*** MENU ***/
/************/
#menu {
  position: relative;
  top: -32px;
  left: 19px;  /* Move Menu Items to right */                            

  float: left; /* Keep Menu to the left of Main Page Content */
  margin-right: 20px;  /* Moves Pictures to the Right */
}

#menu td {
  width: 240px;
  height: 35px;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: white;

  list-style-type: none;
	list-style-position: outside;
  text-align: center;
  
  border-bottom: 2px solid #2D73B9;  
}

#menu td#link_back {
  background-color: #2D73B9;  /* Selected link has a blue background */
}

#menu td a {
  color: #2D73B9;  /* Light Blue - Links */ 
  font: 18px "Arial", Helvetica, sans-serif;
	letter-spacing: 3pt;  /* Space letters in Links */
	font-weight: bold;
}

#menu td a#link_text {
  color: white;  /* Selected link has white text */
}

#menu td#last_link {
  border-bottom: none;  /* No border below last link*/
}

#menu td#last_link_back {
  border-bottom: none;  /* No border below last link*/
  background-color: #2D73B9;  /* Selected link has a blue background */
}

#menu td#logo {
  background-color: #FFFF99;   /* Yellow background - matches logo */
  border: 4px solid #2D73B9;  /* Border above SDT logo */
  padding-bottom: 36px;
}


/***************/
/*** CONTENT ***/
/***************/
#content {
/*  background-color: #FFFDDA;  light yellow */
  background-image:url('images/layout/siggrad_4.bmp');
}

#content_image {
  margin-top: 10px;
  margin-left: 166px;
  border: 10px solid white;
}

#text_title {
  color: #2D73B9; /* light blue */  
  font: 30px "Arial", Helvetica, sans-serif;
  
  width: 500px;
  margin-top: 3px;
  margin-left: 300px;
}

#footer {
  color: #ffffff;
}

.page_text {
  color: #022F55;
  
  width: 675px;
  margin-top: 10px;
  margin-left: 375px;
  font: 16px "Arial", Helvetica, sans-serif;
}

.copyright {
  color: #022F55;
  width: 650px;
  margin-left: 300px;

  font: 12px "Arial", Helvetica, sans-serif;
	font-weight: bold;
}

/*****************/
/*** HOME PAGE ***/
/*****************/
#top_image {
  margin-top: 20px;
  margin-left: 175;

  width: 500px; /* size of top photo */
  border: 10px solid white;
}

#home_title {
  color: #2D73B9; /* light blue */
  
  width: 500px;
  margin-top: 3px;
  margin-left: 375px;

  font: 30px "Arial", Helvetica, sans-serif;
}

/********************/
/*** HISTORY PAGE ***/
/********************/
#history_image {
  margin-top: 10px;
  margin-left: 180px;
  
}

/*********************/
/*** PICTURES PAGE ***/
/*********************/
#picture_box {
  margin-left: 160px;
  background-color: blue;
}

#ss_box_left {
  float: left;
  width: 350px;
  color: #022F55; /* Dark blue text */
  font: 16px "Arial", Helvetica, sans-serif;
	font-weight: bold;
/* SPACING -------  background-color: blue; */
}

#ss_box_right {
  width: 350px;
  color: #022F55; /* Dark blue text */    
  font: 16px "Arial", Helvetica, sans-serif;
	font-weight: bold;
}

.ss_image {
  margin-left: 66px;  /* Align the images with their title */
  margin-bottom: 20px;
  border: 10px solid white;
}

.ss_title {
  padding-bottom: 10px;
}