/*
Created by David Lucy - based on an original called transient from 
http://www.freecsstemplates.org/
and with some help from Robert Denton's tuorial on css and tables
http://robertdenton.org/reference/css-tables-tutorial.html
*/


body {
  margin: 20pt 20pt 20pt 20pt;
  padding: 0;
  background: #a69e89 url(images/img21.jpg) repeat scroll 0% 50%;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  color: #333333;
}

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 30px;
}


h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 20px;
}


h2a {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
}



h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
}


hl1 {
  font-weight: bold;
  color: #333333;
}


hr {
  width: 100%;
  height: 4px;
}


/* The main text block is t*/
#t {
margin-top: 0px;
margin-bottom: 0px;
text-align: justify;
}



#t em{
font-style: italic;
}

#t bf{
font-weight: bold;
}



#t mono{
font-family: monospace;
}


#t smal{
font-size: 14px;
}




/* anchors */
a{
  text-decoration: none;
  color: #146407;
}



a:hover {
  border-bottom: medium none;
  color: #663333;
}



a img {
  border:  none;
}




/* Deal with all the menu stuff here - simple menu */
#menu {
  margin: 0px;
  background-color: transparent;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 35px;
  height: auto;
}



#menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;

}



#menu a {
  border:  none;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  display: block;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  color: #222222;
}



#menu a:hover {
  margin: 0px 0px 0px 0px;
  color: #993300;
}

/* dummy classes to get the current page
 style to work properly */
#menu ul {
}

#menu li {
}

#menu .current_page_item a {
  color: #CC0000;
}




/* Deal with all the menu stuff here - simple menu */
#linksMenu {
  margin: 0px;
  background-color: transparent;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 25px;
  height: auto;
}



#linksMenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}



#linksMenu a {
  border:  none;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  display: block;
  float: left;
  text-decoration: none;
  text-transform: none;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  color: #0000FF;
}



#linksMenu a:hover {
  margin: 0px 0px 0px 0px;
  color: #993300;
}


/* dummy classes to get the current page
 style to work properly */
#linksMenu ul {
}

#linksMenu li {
}






/* table classes */
/* extended menu is a form of annotated menu with a small image*/
table.extendedMenu
{
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #333333;
width: 100%;
background-color: transparent;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
text-align: justify;
/*padding-bottom: 30px;*/

}


table.extendedMenu td.textSide
{
vertical-align: top;
border-bottom: 0px;
background-color: transparent;
text-align: justify;
padding-left: 0px;
padding-right: 60px;
padding-bottom: 30px;
}


table.extendedMenu td.figSide
{
width: 100px;
vertical-align: middle;
border-bottom: 0px;
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
}


table.extendedMenu img
{
width: 100px;
padding-left: 20px;
padding-bottom: 20px;
}


table.extendedMenu bf
{
font-weight: bold;
}


table.extendedMenu td.textPubs
{
vertical-align: top;
border-bottom: 0px;
background-color: transparent;
text-align: justify;
padding-left: 0px;
padding-right: 60px;
padding-bottom: 30px;
}


table.extendedMenu td.figPdf
{
vertical-align: top;
border-bottom: 0px;
background-color: transparent;
text-align: center;
padding-left: 0px;
padding-right: 60px;
padding-bottom: 30px;
}




/* annotated photo an annotated menu with a larger image*/
table.annotatedPhoto
{
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #333333;
width: 100%;
background-color: transparent;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 10px;
text-align: justify;
/*padding-bottom: 30px;*/
}


table.annotatedPhoto td.textSide
{
vertical-align: top;
border-bottom: 0px;
background-color: transparent;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
}


table.annotatedPhoto td.figSide
{
width: 200px;
vertical-align: middle;
border-bottom: 0px;
background-color: transparent;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}


table.annotatedPhoto img
{
width: 200px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}


table.annotatedPhoto bf
{
font-weight: bold;
}




/* CourseMats is a table form with some annotation and a .pdf */
table.courseMats
{
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #333333;
width: 90%;
background-color: transparent;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 10px;
}


table.courseMats td.Pdf
{
vertical-align: top;
border-bottom: 0px;
width: 40%;
background-color: transparent;
text-align: left;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 2px;
}



table.ware
{

font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #333333;
width: 70%;
background-color: transparent;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 10px;

}


table.ware td.tar
{
vertical-align: top;
background-color: transparent;
text-align: left;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 20px;
}


table.ware td.txt
{
width: 200px;
padding-right: 30px;
}

table.ware img
{
width: 200px;
}





table.photo
{
width: 100%;
background-color: transparent;
}


table.photo td.pic
{
width: 20%;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-top: 2px;
vertical-align: top;
}


table.photo img
{
width: 100px;
}














table.proj
{
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #333333;
width: 100%;
background-color: transparent;
border: 0px;
text-align: justify;
vertical-align: top;
padding-bottom: 50px;
}

table.proj td.textM{}

table.proj td.figM{}


/* for use within table.proj */
table.stackPics
{
width: 100px;
text-align: right;
padding-left: 20px;
}


table.stackPics td.pic1{}

table.stackPics img{width: 100px;}






/* numbered and bullet list classes */
#list {
  margin: 20;
  background-color: transparent;
  width: 90%;
  padding-top: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  height: auto;
}



#list ul {
  margin: 0;
  padding: 0;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;
}


#list ol {
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  list-style-image: none;
  list-style-position: outside;
  width: 80%;
}

#list li {
text-align: justify;
padding-bottom: 10px;
}



#list a {
  /*display: block;*/
  color: #146407;
}

#list a:hover {
  margin: 0px 0px 0px 0px;
  color: #993300;
}