/* Debugging */

.debug
{
  outline: red solid thick;
}

#uc
{
  text-align: center;
  padding-top: 50px;
}


/* General site styles */

a
{
  text-decoration: none;
}

a:active,
a:hover,
a:link,
a:visited
{
  color: #00ccff;
}

body
{
  background-color: black;
  color: #00ccff;
}

div,
span,
img
{
  margin: 0;
  padding: 0;
  border: 0;
}

q
{
  font-weight: bold;
}
/*
  font-style: italic;
*/

#header,
#content,
#footer
{
  position: absolute;
  left: 0;
  right: 0;
  margin: 15px;
  min-width: 748px;
}
/*
min-width: 625px;
min-width: 925px;
*/

#content
{
  padding: 15px;
}


/* Header */

#header
{
  top: 0;
  height: 130px;
}

#logo
{
  height: 125px;
  width: 120px;
  margin-right: 10px;
}

#meta
{
  display: inline-block;
  height: 115px;
  width: 80%;
  vertical-align: top;
  margin-right: 10px;
}

#title
{
  height: 30%;
  font-size: x-large;
  font-weight: bolder;
  text-align: center;
}

#quote
{
  height: 30%;
  margin: 10px 0 22px 0;
  text-align: center;
}

#navigation
{
  height: 20%;
}


/* Navigation */

.navBtn
{
  display: inline-block;
  height: 20px;
  width: 24%;
  border: 2px solid #0033cc;
  border-bottom: none;
  font-weight: bolder;
  text-align: center;
  cursor: pointer;
}

.ie .navBtn
{
  margin: 0 2px 0 2px;
}

.navBtn a
{
  display: block;
  height: 100%;
  background-color: #0033cc;
}

.navBtn a:active,
.navBtn a:link,
.navBtn a:visited
{
  color: #00ccff;
}

.navBtn a[selected="true"]
{
  background-color: black;
  color: #0066ff;
}

/* Must be defined after other a:XXX */
.navBtn a:hover,
.navBtn a[selected="true"]:hover
{
  background-color: #000066;
  color: #00ccff;
}


/* Content */

#content
{
  top: 135px;
  bottom: 40px;
  overflow: auto;
}

.leftColumn,
.rightColumn
{
  display: inline-block;
  width: 48%;
  text-align: center;
  vertical-align: text-top;
}

.leftColumn
{
  padding-right: 2px;
}

.rightColumn
{
  padding-left: 2px;
}

.twoColumnAlignment
{
  margin-top: -16px;
}

.ie .twoColumnAlignment
{
  margin-top: 0;
}


/* Main */

#mainPagePhoto
{
  float: left;
  margin: 0 20px 10px 0;
}


/* Media */

.imageCell
{
  display: inline-block;
  height: 68px;
  width: 68px;
  margin: 0 1px 0 1px;
}
/*
  border: 1px solid #0033cc;
*/

#content h2
{
  margin-top: 0;
}

#mediaList img
{
  max-height: 68px;
  max-width: 68px;
}

#media
{
  margin-top: 46px;
}

#mediaImage
{
  max-height: 350px;
  max-width: 350px;
}

#mediaDescription
{
  max-width: 350px;
  margin: 0 auto 0 auto;
}


/* Testimonials */


/* Contact */

#contact
{
  padding-top: 150px;
  text-align: center;
}


/* Footer */

#footer
{
  bottom: 0;
  height: 25px;
  background-color: #0033cc;
  padding-top: 5px;
  text-align: center;
}