body {
  margin-top          : .06em;
  margin-right        : .06em;
  margin-bottom       : .06em;
  text-align          : center;
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 10pt;
}

#container {
  border-top          : 0em;
  border-left         : 1px solid blue;
  border-right        : 1px solid blue;
  width               : 60em;
  margin-left         : auto;
  margin-right        : auto;
}

#header {
  width               : 60em;
  height              : 5.63em;
  background-image    : url(images/header.png);
  background-repeat   : repeat-x;
}

.today {
	margin              : 0 0 0 0;
	padding-right       : .2em;
	text-align          : right;
	color               : #0050A0;
}

#navbar {
  padding-top         : 0.2em;
  padding-bottom      : 0.2em;
  border-top          : 1px solid blue;
  border-bottom       : 1px solid blue;
  width               : 60em;
  margin-bottom       : 1em;
}

#navbar ol {
  display             : inline;
  margin-top          : 0.35em;
  margin-bottom       : 0em;
}

#navbar li {
  display             : inline;
  margin-right        : 0.5em;
  padding-right       : 1.3em;
  font-weight         : bold;
  margin-bottom       : 0em;
}

#navbar a {
  text-decoration     : none;
  padding-right       : 0.4em;
  padding-left        : 0.4em;
}

#navbar a:active {
  color               : #FFF;
}

#main_content {
  width               : auto;
  height              : 400px;
  text-align          : left;
}

#main_content p {
  padding             : 0em 5em 0em 5em;
  line-height         : 1.5em;
  color               : #0050A0;
  font-size           : 1em;
  font-family         : Arial, Helvetica, sans-serif;
}


.centeredimage  {
  text-align          : center;
  margin-top          : 0px;
  margin-bottom       : 0px;
  padding-top         : 15px;
}


img {
  border-style        : none;
}

a.selected {
  color               : #FFFFFF;
  font-size           : 1em;
  background-color    : #0050A0;

}

a:hover {
  color               : #0080FF;
  font-size           : 1em;

}

a:hover.selected {
  color               : #FFF;
  font-size           : 1em;

}

sup {
  font-size           : .6em;
  font-weight         : bold;
}

.xspacing {
  padding-top         : 10px;
  padding-bottom      : 0px;
}

h1 {
  padding             : 30px 0px 10px 0px;
  font-size           : 2em;
  font-weight         : bold;
  text-align          : center;
  color               : #0050A0;
  line-height         : 0px;
}

h2 {
  padding             : 15px 0px 0px 0px;
  font-size           : 1.3em;
  font-weight         : bold;
  text-align          : center;
  color               : #0050A0;
  line-height         : 0px;
}

h3 {
  padding             : 10px 0px 10px 0px;
  font-size           : 1.1em;
  font-weight         : bold;
  text-align          : center;
  color               : #0050A0;
  line-height         : 0px;
}


/*.main_heading {
  padding             : 10px 0px 0px 0px;
  font-size           : 1.3em !important;
  font-weight         : bold;
  line-height         : 0px;
  text-align          : center;
  color               : #0050A0;
}

.sub_heading {
  padding             : 0px;
  font-size           : 1.1em;
  font-weight         : bold;
  line-height         : 0px;
  text-align          : center;
  color               : #0050A0;
}

*/
#pp_sidebar {
  float               : right;
  width               : 32em;
  padding-right       : 2em;
  margin              : 0em;
  color               : #0050A0;
  font-size           : .8em;
  font-family         : Arial, Helvetica, sans-serif;
}

.pp_sidebar_pad {
  padding-left        : 15em;
  margin-top          : 5em;
}

.pp_content {
  margin-top          : auto;
  margin-bottom       : auto;
  float               : left;
  height              : 42em;
  padding             : 3em 3em 0em 5em;
  line-height         : 1.5em;
  color               : #0050A0;
  font-size           : 1.1em;
  font-family         : Arial, Helvetica, sans-serif;
}

#join_content {

  float               : left;
  height              : 48em;
  padding             : 0em 5em 0em 5em;
  line-height         : 1.5em;
  color               : #0050A0;
  font-size           : 1.1em;
  font-family         : Arial, Helvetica, sans-serif;
}

#gal_content {
  height              : 48em;
  line-height         : 3em;
  color               : #0050A0;
}

#footer {
  width               : 60em;
  height              : 2.69em;
  clear               : both;
  background-image    : url(images/footer.png);
  background-repeat   : repeat-x;
}

#footer a {
  color               : white;
  text-decoration     : none;
}

#footer a:hover {
  color               : blue;
}

#footer p {
  padding-top         : 1em;
}

#lightbox{
  background-color    : #eee;
  padding             : 10px;
  border-bottom       : 2px solid #666;
  border-right        : 2px solid #666;
  }
#lightboxDetails{
  font-size           : 0.8em;
  padding-top         : 0.4em;
  } 
#lightboxCaption{ 
  float               : left;
}

#keyboardMsg{ 
  float               : right; 
}

#closeButton{ 
  top                 : 5px;
  right               : 5px;
}

#lightbox img{
   border             : none;
   clear              : both;
} 

#overlay img{
   border             : none;
}

#overlay{ 
  background-image    : url(overlay.png); 
}

* html #overlay{
  background-color    : #333;
  back\ground-color   : transparent;
  background-image    : url(blank.gif);
  filter              : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}