body {
  font-family: DejaVu, Verdana, sans-serif;
  padding: 0;
  margin: 0;
  color: black;
}

div {
  font-size: small;
}


/* By default, headers are vertical breaks and each forms a new sections -
    some cases are overriden below. */
h1, h2, h3 {
  clear: both;
}

a {
  text-decoration: none;
  font-weight: bold;
}

h1 {
  color: blue;
  text-align: center;
  font-size: xx-large;
}

h2 {
  color: grey;
  font-weight: bold;
  font-size: x-large;
  text-align: center;
}

h3 {
  color: black;
  font-weight: bold;
  font-size: large;
}


li{ /* TODO: Where is this used? */
  list-style-image: "images/blackBullet.gif" ;
}


#sidebar-panel {
  vertical-align: top;
  background-color: #3233ff;  /* TODO: What color is this? */
}

#sidebar { /* referenced by id - there should be only one */
  width: 130;
  vertical-align: top;
  padding: 5;
  font-weight: bold;
  text-align: center;
  font-size: smaller;
  color: white;
}

#sidebar img {
  /* TODO: Anything here? */
}

#sidebar a {
  display: block;
  margin: 10% 0;
  color: white;
}

#sidebar a:hover {
  color: red;
}

#sidebar .search {
  margin: 10 0;
  padding: 10 0;
  border-top: thin solid white;
  text-align: center;
  font-size: smaller;
}

#sidebar .search .query {
  width: 100%;
}

#sidebar .search .submit {
  display: inline;
  background: #3233ff;  /* same as sidebar */
  color: white;
  border: thin solid white;
  margin: 5 5 0 5;
  width: 90%;
}

#sidebar .search .site {
  display: inline;
  vertical-align: middle;
}







#content-panel {
  vertical-align: top;
}

#content { /* referenced by id - there should be only one */
  max-width: 560;  /* TODO: IE6 doesn't understand this */
  margin: 0 15 0 15;
}

#content .background {
  background-repeat: no-repeat;
  background-position: top center;
}

#content .title {
  width: 100%;
  /* TODO: Bottom border */
}

#content .title img {
  float: left;
  max-width: 50%;
  vertical-align: center;
  clear: none;
}

#content .title h1 {
  text-align: center;
  clear: none;
  /* TODO: Center vertically */
}

#content .body {
  text-align: justify;
  clear: both;
}

#content .body .img {
  text-align: center;
}

#content .body .portrait {
  display: block;
  float: left;
  width: 50%;
  margin: 0 20 10 0;
}





#content .sections {
  display: block;
  padding: 5 10;
  margin: 0;
  border-bottom: thick solid blue;
}

#content .sections h2 {
  display: inline;
  text-align: center;
  font-size: small;
  color: white;
  background: blue;
  margin: 0 5 0 0;
  padding: 10;
}

#content .sections a {
  color: white;
}






















.regulartext
{
   text-align: justify ;
}

#whatsnew {
   width: 270 ;
   clear: left ;
   float: left ;
   text-decoration: none ;
}

#whatsnewheader {
   height: 32 ;
   background-color: #c3d9ff;
   text-align: center ;
   vertical-align: middle ;
   font-weight: bold ;
}

#whatsnew p {
   spacing: 5px ;
}

#whatsnew a {
   text-decoration: none ;
   font-weight: bold ;
}

#upcoming {
   width: 270 ;
   margin-left: 14px ;
   float: left ;
   text-decoration: none ;
}

#upcoming a {

}

#upcomingheader {
   height: 32 ;
   background-color: #c3d9ff;
   /*background-color: #99ccff ;*/
   text-align: center ;
   font-weight: bold ;
}


.commonsLicense {
   clear: both;
   text-align: center ;
   font-size: 11px ;
   color: #777777  ;
}

.commonsLicense a {
   color: #7777ff ;
}

table.blackWhiteTable {
   margin-left: 5% ;
   margin-right: 50px ;
   border: 2px solid;
   border-spacing: 0px ;
   width: 100% ;
}

table.blackWhiteTable th {
   color: white ;
   background-color: black ;
}

table.blackWhiteTable td {
   border-spacing: 0px ;
   border: 1px solid ;
   margin: 0px ;
   font-size: small ;
   vertical-align: top ;

}

.blackWhiteTableTime {
   white-space: nowrap ;
}

.blackWhiteTableNoBorder {
   border: 0px ;
}

#teachingTitle h1 {
   margin-top: 5% ;
   margin-bottom: 0px ;
}

#teachingTitle h3 {
   font-size: small;
   margin-top: 0px ;
   text-align: center ;
}

#teachingContent { 
	text-align: justify ; 	
}

#teachingContent h4 {
   font-size: large ;
   margin-top: 0px ;
   text-align: center ;
}

#teachingContent {
   margin-left: 10% ;
   margin-right: 10% ;
}

#teachingContent blockquote {
   font-style: italic ;
}

