.SLmaincontent
{
  position: absolute;
  top: 160px;
  left: 540px;
  font-size: 0.8em;
  padding: 4px;  
}

.SLproject
{
  position: absolute;
  top: 180px;
  left: 200px;
  width: 600px;
}

.SLproject a
{
  color: green;
}

.content a
{
  color: green;
}

.SLprojects a
{
  color: green;
}

.SLprojects
{
  position: absolute;
  top: 160px;
  width: 340px;
  left: 200px;
}

.eventImage img
{
  float: right;
}

.SLevent
{
  margin-top: 8px; 
  border-top: 2px solid green;
  clear: top;
  clear: bottom;
}

.leftsideRegs
{
  border: 1px solid green;
  background-color: #FFFFE5;
  padding: 2px;
  font-size: 0.7em;
  position: absolute;
  left: 0px;
  top: 160px;
  width: 180px;
}

.regslist
{
  margin-left: 0px;
  list-style-type: number;
}

.regulations
{
  margin-left: 0px;
}

.leftsideRegs ol li 
{
  margin: 0px;
  padding: 0px;
}

.leftsideRegs ul
{
   list-style-position: outside;
}

.project
{
  clear: both;
  color: #444444;
  border: solid 2px #3D663D;
  margin-bottom: 30px;
  padding-right: 10px;
  width: 520px;
}

.projectComplete
{
  font-style:bold;
  font-size: 18px;
  padding-left: 20px;
}

.projectDetail
{
  height: 173px;
  font-style:bold;
  font-size: 18px;
  padding-left: 20px;
}

.projectDescription
{
  color: #0D5128;
  font-family:Times;
  font-style:italic;
  font-size: 16px;
  padding: 8px;
  padding-left: 28px;
}

a.projectCreate
{
  text-decoration: underline;
  color: blue;
}

td.projectButton
{
  height: 20px;
  padding: 3px;
  font-size: 12px;
  background-color: #CCCCCC;
  border: solid black 1px;
}

td.projectButton a:hover
{
   text-decoration:underline;
}

.projectTitle
{
  color: #0D5128;
  font-size: 32px;
  font-family:Times;
  margin-top: 0px;
  padding-left: 3px;
}

.projectImage
{
  float: right;
}

.project table
{
  width: 100%;
  right: 10px;
}

.project textArea
{
  right: 0px;
  width: 100%;
}

#header ul 
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: solid 1px white;
}

#header li 
{
  float: left;
  background: url(images/tabright.jpg) top right no-repeat;
  border: 0;
  margin: 0;
}

#header a 
{
  color: white;
  display: block;
  background: url(images/tableft.jpg) top left no-repeat;
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 20px;
  text-decoration: none;
}

#header a:hover 
{
  color: white;
}

#header #selected 
{
  font-weight: bold;
  position: relative;
  top: 2px;
  background-image: url(images/tabrightselected.jpg);
}

#header #selected a 
{
  background-image: url(images/tableftselected.jpg);
  color: #3D663D;
}

.buttons
{
  margin: 10px;
  padding: 8px;
}

.buttons a
{
  margin: 4px;
  font-family: arial;
  border: 1px solid black;
  color: black;
  padding: 4px;
}

.buttons a:hover
{
  background-color: #DDDDDD;
}

.notice
{
  color: red;
}

.serviceReflection
{
  font-family: arial;
  font-size: 0.6em;
  padding: 4px;
  border: 1px solid black;
  margin-bottom: 8px;
}

.serviceReflection h3
{
  margin: 0px;
  color: #3D663D;
}

.serviceReflection textarea
{
  width: 98%;
}

.selectStudent
{
  padding: 3px;
  font-family: arial;
  border: solid black 1px;
  background-color: #dddddd;
}

.instructionsRightSide
{
  background-color: #FFFFCC;
  text-align: center;
  font-style: italic;
  font-size: 1.2em;
  margin: 8px;
  padding: 8px;
  border: 1px solid black;
}

.instructionsRightSide a
{
  color: black;
}

.warning
{
  color: red;
}

.loginmessage
{
   background-color: #F2E5D9;
   border: 1px solid black;
   font-size: 1.5em;
   font-family: andy;
   font-style: italic;
   height: 74px;
   width: 350px;
   padding: 0px;
}

.pickmessage
{
   background-color: #F2E5D9;
   border: 1px solid black;
   font-size: 1.5em;
   font-family: andy;
   font-style: italic;
   height: 74px;
   width: 350px;
   padding: 0px;
   float: right;
}

.logreflection
{
   background-color: #F2E5D9;
   border: 1px solid black;
   font-family: andy;
   font-style: italic;
   height: 85px;
   width: 350px;
   margin: 10px;
}

.logreflection a
{
   font-decoration: underline;
}