body { 
  background-color: #f0f8ff;
  font-family: sans-serif;
  margin: 0.5em 0.5em 1em 0.5em;
}

#Header {  
  background-color: white;
  border: 2px solid #003366;
  margin: 0 0 0.2em 0;
  padding-left: 2em;
}

#Header h1 {  
  color: #003366;
  margin: 0.2em;
}

#Sidebar {  
  background-color: #80b0d0;
  border: 1px solid #003366;
  float: left;
  margin: 0.2em 0.2em 0 0;
  padding: 0.7em 0.3em 0 0.3em;
  position: relative;
  width: 5.5em;
}

#Sidebar td {  
  padding: 0.2em;
}

#Sidebar ul {  
  margin: 0em 0.3em 0em 0.3em;
  padding-left: 0.7em;
}

#Sidebar li { 
  border-style: solid 1px black;
  list-style-type: none;
  list-style-position: inside;
}

#Sidebar a {  
  color: #003366;
  font-weight: bolder;
  text-decoration: none;
}

#Sidebar a:hover {  
  color: white;
}

#Sidebar div.Links
{ 
  margin: 7em 0 1em 0;
}

#Sidebar div.Links img {  
  border: none;
  margin: 0.2em 0 0.2em 0;
}

#Subtitle { 
  background-color: #80b0d0;
  border: solid 1px #002040;
  color: #003366;
  font-weight: bold;
  margin: 0.4em 0em 0.3em 7em;
  padding: 0 0.5em 0 0.5em;
  position: relative;
}

#PageContent {  
  background-color: white;
  border: solid 1px black;
  margin: 0.2em 0 0.2em 7em;
  padding: 1em;
  position: relative;
  text-align: justify;
}

#PageContent p:first-child:first-letter { 
  color: #004080;
  font-size: 150%;
  font-weight: bolder;
}

#PageContent a { 
  color: #004080;
  text-decoration: none;
}

#Footer { 
  color: #004080;
  clear: both;
  font-size: smaller;
  margin: 0.2em 0 0 0.2em;
  text-align: center;
}

.PhotoAlbum
{ 
  margin: 1em 0.5em 0.5em 0.5em
}

.PhotoAlbum TD
{  
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.PhotoAlbum .Item
{  
  border: solid 1px #002040;
  color: #002040;
  vertical-align: center;
}

.PhotoAlbum .Item IMG
{  
  border: solid 2px #002040;
  float: left;
}

.PhotoAlbum .AlternatingItem
{  
  background-color: #c0e0ff;
  border: solid 1px #002040;
  color: #002040;
}

.PhotoAlbum .AlternatingItem IMG
{  
  border: solid 2px #002040;
  float: right;
}

img.Portrait
{  
  border: solid 2px #003366;
  margin: 10px;
  padding: 5px;
}

td.whitecard { background-color: #ffffe0; }
td.bluecard { background-color: #a0a0ff; }
td.blackcard { background-color: #303030; }
td.redcard { background-color: #ff8080; }
td.greencard { background-color: #ffff80; }
td.artifactcard { background-color: #c0a080; }

table.decklist { background-color: #e0d0a0; }

table.deck { background-color: #202020; }
td.deckheader { background-color: #e8d9a8; }
td.decksubheader { background-color: #f8ecd0; }
td.maindeck { background-color: #e0e0e0; }
td.deckcolumn { vertical-align: top; }
td.sideboard { background-color: #d8d8f3; }
table.group { margin-top: 4px; margin-bottom: 4px; }
td.cardcount { border-top-style: solid; border-top-width: 2px; }
td.cardpreview { text-align: left; vertical-align: top;}

table.cardpool { background-color: #202020; }
td.cardpoolheader { background-color: #f0e3c0; }
td.cardpoolsubheader { background-color: #d0b880; }
td.cardpoolbody { background-color: #e0e0e5; }