body
{
  padding:0% 5%;
}

div.head
{
  width:100%;
  background-color:#ffffff;
  color:#000000;
  text-align:left;
  border-color:green;
  font-family:"Arial",sans-serif;
}

div.headimage
{
  float:left;
}

div.headtext
{
  text-align:right;
  font-size:xx-small;
}

div.menubar
{
  font-size:x-small;
  color:#cccccc;
  background-color:green;
  padding:0.25em;
  clear:both;
}

div.topimage
{
  float:left;
  margin-top:1em;
  margin-right:1em;
  width:30%;
}

div.contents
{
  float:left;
  width:60%;
  margin:1em;
  padding-top:1em;
}

div.info
{
  clear:left;
  margin-bottom:1em;
}

div.mainmenu dl
{
  border-top-style:solid;
  border-bottom-style:solid;
  border-width:1px;
  padding:1em;
}
div.mainmenu dt
{
  margin:0.5em;
  font-size:normal;
}

span.blue
{
  color:#0000ff;
}

span.red
{
  color:#ff0000;
}

h1
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:x-large;
  width:100%;
}

h2
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:large;
  font-weight:normal;
}

h2.address
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:normal;
  font-weight:normal;
  width:100%;
  background-color:#eeffdd;
  padding:0.25em;
}

h2.member
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:normal;
  font-weight:normal;
  width:100%;
  background-color:#ddffee;
  padding:0.25em;
}

h2.theme
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:normal;
  font-weight:normal;
  width:100%;
  background-color:#eeffee;
  padding:0.25em;
}

h2.links
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:normal;
  font-weight:normal;
  width:100%;
  background-color:#eeeeff;
  padding:0.25em;
}

div.themecomment h3
{
  font-family:"MS UI Gothic",sans-serif;
  font-size:small;
  border-bottom-style:solid;
  border-width:1px;
  clear:none;
}

div.themeimage
{
  float:left;
  margin-right:1em;
}

div.staff
{
  margin:5%;
}

div.staff img
{
  float:left;
  border-style:solid;
  border-color:green;
  margin-right:2em;
}

div.stafftext
{
  float:left;
  width:70%;
}

div.student
{
  margin:5%;
  clear:both;
}

div.student img
{
  float:left;
  border-style:solid;
  border-color:teal;
  margin-right:2em;
}

div.studenttext
{
  float:left;
  width:70%;
}

span.name
{
  font-family:Times, sans-serif;
  font-size:large;
  font-weight:bold;
}

div.abltitle
{
  width:100%;
  font-weight:bold;
  margin:1%;
  text-align:center;
}
div.abletitle
{
  width:100%;
  margin:1%;
  text-align:center;
}
div.ablname
{
  width:100%;
  text-align:center;
}

div.ablabs
{
  padding:1%;
  font-family:monospace;
  font-size:small;
}

div.ablfoot
{
  text-align:right;
}

div.address
{
  margin:1em;
}
div.phone
{
  margin:1em;
}
div.access
{
  margin:1em;
}

div.links
{
  margin-left:2.5%;
  margin-right:2.5%;
}

div.linksmenu
{
  text-align:center;
}

div.links dd
{
  margin-bottom:0.5em;
}

div.introductiontitle
{
  width:30%;
  float:left;
  clear:both;
}

div.introductiontitle p
{
  font-size:x-small;
}

div.introductiontitle h3
{
  font-size:small;
}

div.introductioncontents
{
  float:left;
  width:60%;
  border-style:solid;
  border-width:0px 0px 0px 2px;
  border-color:green;
  padding-left:1em;
  margin-bottom:2em;
}

div.introductioncontents li
{
  margin-bottom:0.5em;
}
div.column
{
  clear:both;
  border-style:solid;
  border-color:#dddddd;
  padding:1em;
  margin-left:5%;
  margin-right:5%;
}

div.picture
{
  text-align:center;
}

p
{
  text-indent:1em;
  line-height:1.25;
}

div.menubar a:link   {text-decoration:none; color:#ffffff; }
div.menubar a:visited{text-decoration:none; color:#cccccc; }
div.menubar a:active {text-decoration:none; color:white; }
div.menubar a:hover  {text-decoration:none; color:#ff66ff; }
a:link   {text-decoration:none;}
a:visited{text-decoration:none;}
a:active {}
a:hover  {text-decoration:underline; color:#ff0000;}

address
{
  font-style:normal;
  font-size:x-small;
}

hr
{
  clear:both;
}

li
{
  margin-bottom:0.5em;
}

li.article
{
  line-height: 1.25;
  margin: 1em 1em 0em 0em;
}