body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0;/*zeroes off any existing border*/
/*  background-color: #ffffff;sets the body background colour*/
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 72.5%;
  color:#00381e;
  
  width: 400px;
  
}

a{color:#00381e; text-decoration:none; border-bottom:1px dotted #00381e; position:relative;}
a:hover{color:#454545; text-decoration:none; border-bottom:1px solid #454545;}


#header {

}






#headerText {
  font-size: 100%;
  padding: 0 5px;
}

h1 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#454545;  margin:0 0 10px  0; font-size: 1.8em;}
h2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#454545;  margin:0 0 10px  0; font-size: 1.5em;}
p{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#00381e; font-size: 1.3em;}



.abstract {
  padding: 15px 0 30px 0;
  
  clear: both;
  line-height: 130%;

}

.abstract h2 {
  padding: 0;
}
.abstractImage {
  /*float: right;Floats the image to the */
  margin: 10px;/*sets the margins so the image sits nicely in the p elements*/
  border: 0px solid #000;/*sets a border on the image*/
  padding: 3px;
}

#footer {
  clear: both; /* make sure images don't overlap */
/*  background-color: #ff9801;
  color: #000; */
  padding: 3px;
  text-align: center;
  font-size: 80%;
}

/* NAV LISTS */

/* top */

#topNavLinks {
  text-align: center;
  padding: 10px;
}

#topNavLinks ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*  white-space: nowrap;*/
}

#topNavLinks ul li {
  display: inline;
  padding-right: 2px;
}

#topNavLinks .firstLink {

}

#topNavLinks ul li a {
  background-color: #713c00;
  color: #fff;
  text-decoration: none;
  padding: 2px;
  font-size: 80%;
}
#topNavLinks ul li a:hover {
  text-decoration: none;
  background-color: #713c00;
  color: #fbec04;
}

/* bottom */

#bottomNavLinks {
  clear: both; /* make sure images don't overlap */
  text-align: center;
  padding: 10px;
/*  background-color: #fff; */
}

#bottomNavLinks ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*  white-space: nowrap;*/
}

#bottomNavLinks ul li {
  display: inline;
  padding-right: 2px;
}

#bottomNavLinks .firstLink {

}

#bottomNavLinks ul li a {
  background-color: #713c00;
  color: #fff;
  text-decoration: none;
  padding-left: 2px;
  padding-right:2px;
  font-size: 80%;
}
#bottomNavLinks ul li a:hover {
  text-decoration: none;
  background-color: #713c00;
  color: #fbec04;
}



#article h2 {
  padding: 0 0 0 20px;
}
.articleParagraph {
  padding: 0 20px 20px 20px;
 /* text-align: justify;*/
  clear: both; /* make sure images don't overlap */
  line-height: 150%;
}



.articleImage {

  margin: 10px;/*sets the margins so the image sits nicely in the p elements*/
  border: 0px solid #000;/*sets a border on the image*/
  padding: 3px;
  text-align: center;

}
.left {
  float: left;
}
.right {
  float: right;
}

.articleImageCaption {
  background-color: #454545;
  color: #fff;
  padding: 3px;
  text-align: center;
  font-size: 80%;
}

.displayArticleDoc {
  padding: 10px;
}

.displayArticleLink {
  padding: 10px;
}

#goBackLink {
  clear: both;
  padding: 10px;
  text-align: center;
}