/***********************************************************************
*
*  Date...
*     08 May 2004
*
*  Programmed by...
*     Keith Eric Grant
*
*  Purpose...
*     Screen media style sheet for CAMEL web pages
*
***********************************************************************/

/* We'll define the body to give us our background image */

body {
  background: #E8DDCC url(../images/donegal_linen_7894.jpg) repeat;
  font-family: Georgia, "Book Antigua", "Times New Roman", Times, serif;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px
}

/* Define an overall "layout" box to keep the floats from rearranging */
/* if the window narrows. We'd rather get a scroll bar.               */

#layout {
  background: transparent;
  position: static;
  width: 760px;
  margin: 10px;
  padding: 0px
}

/* The Simplified Box Model Hack (SBMH)                                 */
/* http://css-discuss.incutio.com/?page=BoxModelHack                    */
/* All of this is mostly a response to IE5 getting the CSS box model    */
/* wrong. Unlike the standard, IE5 does not add borders, padding, and   */
/* margins to the stated box width to get the total width, so we have   */
/* to give it a wider declared box to get things to display properly.   */
/* The width for #layout above is used by browsers like Op5 that get    */
/* the box model correct, but choke on the character escapes in the     */
/* following rule. Op5 ignores those rules entirely. The first          */
/* 'escaped' property will be used by IE5.x, and feeds that browser its */
/* 'fudged' value. The second escaped property cannot be read by IE5.x, */
/* but is read and used by modern 'escape friendly' browsers like N6,   */
/* Moz, Op6, and IE6. Browsers stop processing a block at first choke.  */

#layout {
   \width: 780px;
   w\idth: 760px
}


/* Here's the properties for the masthead box */
#masthead {
  background: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  position: static;
  margin: 10px;
  border: 2.5px solid #663300;
  Width:  705px;
  padding: 10px
}

#masthead {
   \width: 750px;
   w\idth: 705px
}


/* This is a column container for the navigation bar column */

#navcon {
  position: static;
  float: left;
  width: 205px;
  margin: 0px
}


/* We'll only have one navigation bar, so define it as an item */

#navbar {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetical, sans-serif;
  position: static;
  margin: 10px 15px 10px 10px;
  border: 2.5px solid #663300;
  width: 155px;
  padding: 10px
}


/* Here's the simplified box model hack again */
#navbar {
   \width: 205px;
   w\idth: 155px
}


/* This will be the overall container for content.  Using this container */
/* Keeps the browser from moving the content below the navigation column */
/* if the window is narrow. Instead we get a scroll bar.                 */

#container {
  position: static;
  float: left;
  margin: 0px
}

/* Here's the properties for the content boxes */

.content {
  background: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetical, sans-serif;
  font-size: 10pt;
  position: static;
  float: left;
  clear: left;
  margin: 10px 10px 10px 0px;
  border: 2.5px solid #663300;
  width: 510px;
  padding: 10px
}


/* Here's the simplified box model hack one more time */
.content {
   \width: 545px;
   w\idth: 510px
}

/* We need this class to get the right colors on */
/* the links within the navigation bar.          */

.navbar {
  color: #000000;
  background: #FFFFFF
}


/* The boxes for pictures within the navigation column all */
/* have the same properties, so define them with a class   */

.navpic {
  background: #FFFFFF;
  color: #000000;
  text-align: center;
  position: static;
  margin: 10px 15px 10px 10px;
  border: 2.5px solid #663300;
  width: 155px;
  padding: 10px
}

/* Here's the simplified box model hack one more time */
.navpic {
   \width: 205px;
   w\idth: 155px
}

a:link    { color: #0000CC }
a:visited { color: #CC0099 }
a:active  { color: #CC0099 }
a:hover   { color: #CC6600 }

/* These give properites for links defined to have the navbar class */

a.navbar:link    { color: #0000CC }
a.navbar:visited { color: #CC0099 }
a.navbar:active  { color: #CC0099 }
a.navbar:hover   { color: #CC6600 }

h3 { font-size: 120% }

.indent { margin-left: 1.5em; margin-right: 1.5em }
.abstract {
  margin-left: 2.5em;
  margin-right: 2.5em;
  font-size: 0.85em;
  text-align: justify;
}