html, body
{ 
  color: black;
  background-color: #3366FF;
  border: 0;
  margin: 0;
  padding: 0;
}

a, a:link
{
  color: #3366FF;
  background-color: white;
  font-family: arial, sans-serif;
}

a:link img , a:visited img {
  border-style : none; 
} 

h2, h3, hr, p, ul, ol, a img, a:visited
{
  color: black;
  background-color: white;
  font-family: arial, sans-serif;
}


/*** Header ***/

#header
{
  width: 100%;
  padding-bottom: 1%;
}

#header h1
{
  position: relative;
  left: 21%;
  width: 80%;
}

#header a, #header h1
{
  color: white;
  background-color: #3366FF;
  font-family: 'Comic San MS', arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: x-large;
  text-decoration: none;
}

#header a:hover
{
  color: #FFCC66;
  background-color: #3366FF;
}

/*** Tabs ***/

#navbar
{
  width: 100%;
  vertical-align: middle;
  padding-top: 1%;
  padding-bottom: 5%;
  margin-bottom: 2%;
}

#tabs
{ 
  float: right;
  list-style-type: none;
  margin: 0;
  line-height: 160%;
}

ul#tabs li
{
  display: inline;
}

a.tab:hover
{
  color: #FFCC66;
  background-color: #3366FF;
}

a.tab
{
  color: white;
  background-color: #3366FF;
  border: 1px solid white;
  white-space: nowrap;
  font-family: arial, sans-serif;
  font-size: small;
  padding: 3px;
}

li.tab-highlighted
{
  color: white;
  background-color: #3366FF;
  border: 2px solid #FFCC66;
  white-space: nowrap;
  font-family: arial, sans-serif;
  font-size: small;
  padding: 3px;
}


/*** Left Bar ***/

#leftbar
{
  list-style-type: none;
  position: absolute;
  line-height: 120%;
  left: 0; top: 30%;
  background-color: #3366FF;
  padding-left: 2%;
  margin: 0;
  width: 15%;
}

#leftbar a:hover
{
  color: #FFCC66;
  background-color: #3366FF;
}

#leftbar a
{
  color: white;
  font-family: arial, sans-serif;
  font-size: medium;
  background-color: #3366FF;
}

#leftbar li
{
  background-color: #3366FF;
  font-family: arial, sans-serif;
  font-size: medium;
  color: white;
}


/*** Right Bar ***/

#rightbar
{
  position: absolute;
  left: 85%; top: 30%;
  color: white;
  background-color: #3366FF;
  list-style-type: none;
  line-height: 170%;
  margin: 0;
  width: 15%;
}

#rightbar a:hover
{
  color: #FFCC66;
  background-color: #3366FF;
}

#rightbar a, #rightbar li
{
  background-color: #3366FF;
  font-family: arial, sans-serif;
  font-weight: normal;
  color: white;
}


/*** Footer ***/

#footer
{
  clear: both;
  vertical-align: bottom;
  text-align: center;
  margin:0;
}

#footer a:hover
{
  color: #FFCC66;
  background-color: #3366FF;
}

#footer a,#footer p
{
  color: white;
  font-family: arial, sans-serif;
  font-size: x-small;
  background-color: #3366FF;
}


/*** Content ***/

div.content
{
  margin: 0 15% 0 20%;
  padding: 0 2% 2% 2%;
  color: black;
  background-color:white;
  text-align: justify;
  width: 60%;
}

#news
{
  text-align: right;
  white-space: nowrap;
  font-family: arial, sans-serif;
}

/*** Albums ***/

div.album 
{
  color: black;
  background-color: #CCCCCC;
  vertical-align: top;
  text-align: center;
  padding-top: 1%;
}

h2.album, p.slide, ul.album, li.album, a.album
{
  color: black;
  background-color: #CCCCCC; 
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
}

p.slide
{
  text-align: left;
  padding-left: 2em;
  padding-bottom: 2%;
}

ul.album, li.album
{
  display: inline;
}

span.thumb
{
  vertical-align: middle;
  width:60px;
  height:60px;
  margin:0;
  background-color: green;
}

span.photo
{
  width:60px;
  /* don't change the order of the next two lines */
  display:table-cell; /* for Firefox */
  display:inline-block; /* for Opera and IE */
}

span.caption
{
  position:relative; 
  height:6em;
  display:block;
  color: black;
  background-color: #CCCCCC;
  font-family: arial, sans-serif;
}


/*** Parent Link ***/ 

#parent
{
  vertical-align: middle;
  letter-spacing: 1em;
}

#parent a
{
  float: left;
  font-family: fantasy;
  font-size: x-large;
  text-decoration: none;
  color: #3366FF;
  background-color : white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0px;
}

#parent a:hover
{
  border-top: 1px solid #3366FF;
  border-bottom: 1px solid #3366FF;
}

/*** Site map ***/

#sitemap li,#sitemap ul
{
  margin-left: 0;
  padding-left: 1em;
  text-align: left;
}

ul.sitemap
{
   float: left;
   width: 95%;
   list-style-type: none;
   padding: 0; 
   margin-top: 0;
   margin-right: 0;
   margin-left: 0;
   margin-bottom: 2em;
}

li.sitemap
{
   float: left;
   width: 13em;
   padding: 0.5em;
   margin: 0;
   border: 1px solid silver;
}

#search
{
  color: black;
  background-color:white;
  margin-left: auto;
  margin-right: auto;
  font-family: arial, sans-serif;
}

#search img
{
  float: left;
}

/* Floating images etc. */

.floatingleft {
float:left;
text-align : center;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

.floatingright {
float:right;
text-align : center;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}

.floatingcenter {
    display: block;
text-align : center;
margin-left: auto;
margin-right: auto;
margin: 0px;
padding:0px;
}

/* Location selector */

ol#locs {
  float: right;
  list-style-type: none;
}

li.normalloc {
  color: black;
  background-color: white;
  font-family: arial, sans-serif;
}

li.defaultloc { 
  color: black;
  font-weight: bold;
  background-color: white;
  font-family: arial, sans-serif;
}

#selectloc {
  list-style-type: none;
  margin: 0;
  line-height: 300%;
  font-family: arial, sans-serif;
}

ul#selectloc li
{
  display: inline;
  text-decoration: underline;
}

ol#mapmenu
{
  border: 1px solid #3366FF;
  list-style-type: none;
  padding-left: 0;
}

li.menunormal 
{
  display: inline;
  color: white;
  background-color: #3366FF;
  font-family: arial, sans-serif;
  padding-left: 1em;
  padding-right: 1em;
}

li.menuselected
{
  display: inline;
  color: #FFCC66;
  background-color: #3366FF;
  font-family: arial, sans-serif;
  padding-left: 1em;
  padding-right: 1em;
}