html, body {
  height: 100%;
  min-width: 840px;
  max-width: 1280px;
}

body {
  font-family: verdana, sans-serif;
  font-size: 14px;
  color: #FFF;
  text-align: center;

  background-color: #FFF;

  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 100%;
}

img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

a {
   text-decoration: none;
   font-weight: bold;
   color: #00c;
}
a:hover {
   text-decoration: underline;
   font-weight: bold;
   color: #33F;
}
a.boldlink {
    font-weight: bold;
    text-decoration: none;
}
a.boldlink:hover {
    font-weight: bold;
    text-decoration: none;
}
.clearing {
  height: 0;
  clear: both;
}
.alert  {
   font-size: 115%;
   font-weight: bold;
   text-decoration: underline;
}
#outer_wrapper {
  margin-top: -1em;
  background: transparent url(../img/star_background.jpg) repeat;
  background-color: black;
}

#headbar {
    background: url(../img/banner2.gif) no-repeat;
    margin: 0px;
    margin-top: 0.5em;
    border: 0px;
    padding: 0px;
    height: 130px;
    display: block;
}
#title img {
    position: absolute;
    top: 0px;
    left: 0;
}
#logo img {
    position: absolute;
    top: 0px;
    right: 0px;
}

#navbar {
    position: absolute;
    font-size: 85%;
    top: 115px;
    right: 0px;
    text-align: right;
    font-weight: bold;
    background-color: #DDD;
    padding: 0.5em;

    border: solid 3px #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#navbar ul {
    margin: 0; 
    padding: 0;
    display: inline;

}
#navbar ul li {
    list-style: none;
    margin: 0;
    display: inline;
    padding-left: 1em;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 0.5em;
    border-left: 1px solid #000;
}
#navbar ul li.firstitem {
    border: none;
    margin-left: 0.5em;
}
#navbar ul li.lastitem {
    margin-right: 0;
    padding-right: 0;
 }
#navbar a {
   color: #000;
   text-decoration: none;
   font-weight: bold;
}
#navbar a:hover {
    text-decoration: none;
    color: #00c;
}
#navbar a:active {
    text-decoration: none;
    color: #00a;
}
#navbar span {
    margin-left: 0.25em;
}
#navbar img {
    vertical-align: middle;
}


#wrapper {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 0.1em;
  margin-left: 0;
  background-color: #FFF;
}

#container {
  width: 100%;
  float: left;
  margin-right: -140px;
  margin-top: 2em;
  margin-bottom: 1em;
}
#content {
  margin-right: 140px;
}

#sidebar {
  float: left;
  width: 125px;
  text-align: center;
  padding-bottom: 2em;
  margin: 0px;
}
#sidebar img {
   margin-top: 0;
   margin-bottom: 0;
}
#sidebar a {
   color: #FFF;
   margin-top: 1em;
   margin-bottom: 1em;
}
#sidebar a:hover {
   color: #a3c;
}
#events {
  padding: 0;
  margin: 0;
}
#events h3 {
  font-size: 120%;
  margin-bottom: 0.5em;
}
#events p {
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
}

#posters {
  float: right:
  width: 125px;
  margin: 5em 5px 2em 5px;
  text-align: center;
  font-size: 10px;
  height: 100%;
}
#posters img {
    max-width: 110px;
    border: solid 1px #333;
}
#posters p {
  margin-top: 0;
  margin-bottom: 1em;
}
#posters a {
  color: #00C;
  text-decoration: none;
}
#posters a:hover {
  color: #00C;
  text-decoration: underline;
}

#ccicons p {
  margin: 0.5em 0 0.5em 0em;
}
#ccicons img {
   width: 83px;
   height: 83px;
}
#ccicons a:hover {
    opacity:0.65;
    filter:alpha(opacity=0.65);
}
#icontitle {
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 0em;
}
#icontitle a {
    color: #00C;
    text-decoration: none;
}
#icontitle a:hover {
    color: #00C;
    text-decoration: underline;
}
#view {
    opacity:0.32;
    filter:alpha(opacity=0.32);
}

#main {
  margin-left: 125px;
  margin-right: 0;
  margin-bottom: 2em;
  background-color: #FFF;
  color: #000;
  min-height: 665px;
  border-left: solid 1px silver;
  border-right: solid 1px silver;
}
#adwrap {
   margin: 1em 0 1em 0;
   text-align: justify;
   margin-left: 4%;
   margin-right: 4%;
   width: 92%;
}
#adwrap a:hover {
    font-weight: bold;
    text-decoration: underline;
}
adwrap p {
   text-align: justify;
   line-height: 1.5em;
   color: #000;
   padding: 0;
}
#adimg img {
   width: 100%;
   max-width: 1000px; 
   border: solid 1px #AAA;
   padding: 0;
   margin: 0;
   margin-top: 0.5em;
}

#footer {
  clear: both;
  margin-top: 0;
  font-size: 10px;
  color: #777;
  text-align: center;
 }
#footer a {
    color: #00c;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}
#about {
    text-align: left;
    line-height: 1.5em;
    padding: 2em;
}
#about h4 {
    margin-bottom: 0;
}
#pdficons {
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 2em;
}
#pdficons img {
    width: 60px;
    height: 60px;
    margin: 0.25em 0.5em 2em 0.5em;
}
#credits ul {
	list-style: none;
	margin-left: 0;
	padding-left: 8em;
	text-indent: -6em;
}


#docfile {
     text-align: center;
}
#docfile p {
     padding: 1em 0 1em 0;
     text-align: justify;
}
#docfile img {
     border: solid 1px #AAA;
}

div.rfigure {
  float: right;
  margin: 0 0 0 1em;
  padding: 1em 0 1em 1em;
}
div.rfigure img {
  margin: 0;
  padding: 0;
}
div.rfigure p {
  font-style: italic;
  font-size: 75%;
  text-indent: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

div.lfigure {
  float: left;
  margin: 0 1em 0 0;
  padding: 1em 1em 1em 0;
}
div.lfigure img {
  margin: 0;
  padding: 0;
}
div.lfigure p {
  font-style: italic;
  font-size: 75%;
  text-indent: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

.links {
    text-align: left;
    padding: 1em 2em 2em 2em;
}