@charset "utf-8";
/* CSS Document */
* html #container {height:1%;} /* This is to t ake care of weird IE6 mouseover behavior hiding content */

img {border: 0}
p {margin-bottom: 10px}
blockquote.testimonial {width: 200px; text-align: justify; margin: 10px; background: url("../images/testimonial_quote_body.jpg") repeat-y; padding: 0}
blockquote.testimonial p {padding-left: 5px; padding-right: 15px}
blockquote.testimonial p.firstquote {background: url("../images/testimonial_quote_top.jpg") no-repeat top left; margin: 0; padding-top: 5px}
blockquote.testimonial p.citation {background: url("../images/testimonial_quote_bottom.jpg") no-repeat bottom right; margin: 0; padding-bottom: 20px; margin-top: 5px}
blockquote a, blockquote a:visited { color: #AF0F23 }

dt {font-weight: bold}
dd {margin-bottom: 10px}

fieldset {margin-bottom: 20px}

th {text-align: left}

body {font-size: 1em; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 1em; background: #AF0F23; margin: 0; padding: 0}

a {color: #AF0F23}
a:visited {color: #B0B0B0}
a:hover {color: #4F4F4F}

h1 {font-family: "Bodoni MT", "Bookman Old Style", "Georgia", "Times New Roman", serif; border-bottom: thin #AF0F23 solid; margin: 0; margin-bottom: 5px}

#container {background: #FFF}

#header {background: #4F4F4F url("../images/nav_unselected.jpg"); border-top: 7px solid #AF0F23; position: relative; height: 70px}
#header div {border-top: 1px solid #FFF}
#header h1 {border: 0}

#logo {position: absolute}

#mainmenu {list-style: none; position: absolute; right: 0; margin: 0; padding: 0}
#mainmenu li {float: left; display: inline; border-left: 1px solid #FFF; background: none; padding: 0; height: 70px}
#mainmenu li a {
  width: 125px;
  height: 68px;
  display: block;
  color: #FFF;
  background: #4F4F4F url("../images/nav_unselected.jpg");
  font-weight: bold;
  padding: 50px 0 0 5px;
  line-height: 1em;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 97px;
  height: 18px;
  font-size: 15px;
}
#mainmenu li a.twolines {padding: 35px 0 0 5px}
#mainmenu li a:hover {background: #B0B0B0 url("../images/nav_lit.jpg"); padding-bottom: 1px}
#mainmenu li a.twolines:hover {background: #B0B0B0 url("../images/nav_lit.jpg"); padding-bottom: 15px}

#content {font-size: 0.9em; margin-left: 250px; margin-top: 10px; margin-right: 16px; padding-bottom: 30px; background: url("../images/four_squares.gif") no-repeat right bottom; margin-bottom: 20px}

#content blockquote {border: thick outset #AF0F23; padding: 0 10px; border-top: 1px; border-left: 1px; background: #DDD}

#mainmenu li a.selected {background: #AF0F23 url("../images/nav_selected.jpg"); position: relative; top: -1px; padding-bottom: 1px; padding-top: 51px}

.photoleft {float: left; padding: 5px; border: 1px #505050 solid; margin-right: 10px; padding-bottom: 3px}
.photoright {float: right; padding: 5px; border: 1px #505050 solid; margin-left: 10px; padding-bottom: 3px}

#sidebar {width: 223px; float: left; border-right: thin #B0B0B0 solid; border-bottom: thin #B0B0B0 solid}
#sidebar ul {margin: 0; padding-left: 0}
#sidebar li {border-bottom: #B0B0B0 solid thin}
#sidebar li a {text-decoration: none; display: block; padding: 5px; line-height: 1em; color: #AF0F23}
#sidebar li a:hover {background: url("../images/sidenav_selected.jpg"); color: #FFF}
#sidebar blockquote {font-size: 0.85em}
#sidebar blockquote .citation{font-size: 0.75em; text-align: right}

#splash {text-align: center}

#footer {clear: both; font-size: 0.75em; text-align: center; background: #096B5E; border-bottom: 7px solid #AF0F23; border-top: 1px solid #B0B0B0; margin-top: -10px}
#footer div {border-bottom: 1px solid #FFF; padding-bottom: 5px}
#footer a {color: #B0B0B0}

.highlight {color: #AF0F23}
.postcard {text-align: center; font-family: "Bodoni MT", "Bookman Old Style", "Georgia", "Times New Roman", serif; font-size: 1.3em}
.postcardfront {margin: auto}
.postcardback {width: 450px; border: #AF0F23 1px solid; border-left-width: 30px; text-align: left; margin: auto; padding-left: 10px}
.sideMenuLit {background: #B0B0B0 url("../images/nav_lit.jpg")}
.inlineTopicHeading {font-weight: bold; text-decoration: underline}
 .clune {text-align:center; background: #084059; color: #FFF; font-weight: bold; padding-left:10px;}
 .clune img {margin-right: 5px}
 .competition {font-style: italic; text-align:center; background-color:#E3DDBB; }
 .table-title {text-align:center; color:#000; font-size:larger; font-weight:bold; }


