@import url("reset.css");

Body {
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

html {
  height: 101%;
}

#container {
  width: 1000px;
  margin: 0 0;
  color: #000;
}

#hidden {
  display: none;
}


#left {
  float: left;
  position:absolute;
  width: 216px;
  padding-left:19px;
  height: 600px;
  background-image: url(../../images/nav_bar.png);
  background-repeat: no-repeat;
  background-position: 0px 214px;
  z-index: 29;
}

#nav {
  width: 200px; /* change back to 219 */
  padding-left: 16px;
  background-color: #FFF;
  text-align: right;
  height: 100%;
}

#nav_content {
  width: 200px;
  text-align: left;
  position: relative;
}

#nav_content h1, #nav_content h2 {
  text-align: center;
  font-family: Times New Roman;
  color: #2C348B;
  text-align: center;
  font-weight: bold;
}

#nav_content h1 {
  font-size: 120%;
}

#nav_content h2 {
  font-size: 75%;
  margin: 6px 0 15px 0;
  letter-spacing: 0.1em;
}

#nav_content li {
  font-size: 90%;
  background: black url(../../images/nav_bg.png) top left repeat-y;
  display:block;
  height:24px;
  margin:0;
  border-bottom:1px solid #FFF;
  position:relative;
}

#nav_content li ul {
  display: none;
  position: absolute;
  width: 100%;
  left: 200px;
  top:25px;
  background-color: #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  z-index: 999;
}

#nav_content li:hover ul {
  width: 100% !important;
  display: block;
  color: #FFF;
}

#nav_content ul li:hover {
  font-weight: bold;
  background-image: url(../../images/nav_hover_act.png) !important;
}

#nav_content ul li ul li {
  font-weight: normal !important;
}

.intro{
  height: 34px !important;
  line-height: 34px !important;
}

.intro a {
  height: 34px !important;
  background-image: url(../../images/subnav_intro.png) !important;
  line-height: 34px !important;
}

.normal a {
  height: 24px !important;
  background-image: url(../../images/nav_bg.png) !important;
  line-height: 24px !important;
}

.normal a:hover, .normal a.active {
  background-image: url(../../images/subnav.png) !important;
}


#nav_content a {
  text-decoration: none;
  color: #FFF;
  display: block;
  height: 24px;
  /*width: 200px;*/
  background-repeat: no-repeat;
  line-height: 24px;
}

#nav_content span {
  font-size: 85%;
  display:block;
  padding-left:4px;
}

#nav_content span.nav_right{
  padding:0;
}


#welcome a, #welcome .intro a {
  height: 34px !important;
  background-image: url(../../images/nav_wel.png) !important;
  line-height: 34px !important;
}

#welcome a:hover {
  background-image: url(../../images/nav_wel_hover_act.png) !important;
  font-weight: bold;
}

#welcome .intro a:hover {
  background-image: url(../../images/nav_wel_hover_act.png) !important;
  /*background-image: url(../../images/subnav_intro.png) !important;*/
}

#welcome ul a{
  height:24px !important;
  line-height: 24px !important;
}

#welcome ._34px .normal a:hover {
  /*background-image: url(../../images/subnav.png) !important;*/
}


#welcome a.active:active, #welcome a.active:hover, #welcome a.active:link, #welcome a.active:visited {
  background-image: url(../../images/nav_wel_hover_act.png) !important;
  font-weight: bold;
  display:block;
}

#nav_content #welcome ul{
  top:35px;
}

#nav_content #welcome ul._34px li.intro a.active {
  background-image: url(../../images/subnav_intro.png) !important;
}

#nav_content #welcome ul._34px li.normal a.active {
  background-image: url(../../images/subnav.png) !important;
}


#nav_content a:hover {
  background-image: url(../../images/nav_hover_act.png);
  font-weight: bold;
}

#nav_content a.active:active, #nav_content a.active:hover, #nav_content a.active:link, #nav_content a.active:visited, #nav_content .normal a.active{
  background-image: url(../../images/nav_hover_act.png);
  font-weight: bold;
  display: block;
}

#main {
  width: 765px;
  padding-left: 235px;    /* change to 235 */
  height: auto !important;
  height: 590px;
  min-height: 590px;
}

#slideshow {
  width: 100%;
  height: 214px;
}

#header {
  padding-left: 20px;
  height: 214px;
  /*background-image: url(../../images/header1.jpg);
  background-position: right;
  background-repeat: no-repeat;*/
}

#bluebar {
  background-image: url(../../images/header_bar.png);
  height: 24px;
}


#content {
  /*height: 400px;*/

}

#contactform {
  border: 1px dashed #CCC;
  padding: 10px;
  margin: 15px 0;
}

#contactform .border{
  width: 310px;
  border: 1px solid #888;
}


#contactform label {
  float: left;
  width: 110px;
  display: block;
}

#contactform textarea {
  float: left;
  width: 310px;
  height: 70px;
  margin-bottom: 10px;
  border: 1px solid #888;
  font-size: 90%;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}


#contactform p.from {
  margin-bottom: 10px;
}

#pagebody {
  width: 470px;
/*  height: 300px;*/
  padding: 16px 20px 10px 20px;
}

#photo_pagebody {
  width: 745px;
  padding: 20px 0 20px 20px;
}


#pagebody h1, #photo_pagebody h1 {
  color: #DFA427;
  font-size: 200%;
  margin-bottom: 10px;
}

#pagebody h2, #photo_pagebody h2 {
  font-weight: bold;
}


#pagebody p, #photo_pagebody p {
  font-size: 90%;
  line-height: 1.2em;
}

#pagebody table {
  margin: 10px 0;
  font-size: 90%;
}

#pagebody th {
  font-weight: bold !important;
}


#pagebody ul, #photo_pagebody ul {
  list-style: outside;
  list-style-image: url(../../images/list.png);
  padding-left: 20px;
  font-size: 90%;
  line-height: 1.2em;
}

#images {
  float: right;
  width: 250px;
  margin-top: 24px;
  /*height: 400px;*/
}

#gallery {
  padding: 10px 0;
}

#gallery img {
  height: 90px;
  width: 120px;
}


#gallery ul {
  list-style: none outside none;
  padding-left: 0 !important;
}

#gallery li {
  display: block;
  float: left;
  padding: 0 4px 3px 0;
}

#no_disc ul {
  padding: 0px;
}

#no_disc ul li {
  list-style: none outside none !important;
  line-height: 1.4em;
}


#footer {
  height: 80px;
  width: 965px;
  margin-left: 35px;
  background-image: url(../../images/footerline.png);
  background-position: 0px 39px;
  background-repeat: repeat-x;

}

#footer p {
  font-size: 70%;
  text-align: center;
  margin-top: 10px;
}

#footer ul {
  /*height: 36px;*/
  margin-left: 220px;
  width: 495px;
  line-height: 36px;
}


#footer ul li {
  float: left;
  font-size:60%;
  font-weight: bold;
  /*margin-right: 12px;*/
  margin-right: 10px;
}

#footer ul li a {
  text-decoration: none;
  color: #000;
  display:block;
  height: 26px;
  line-height:26px;
  padding-top:14px;
}

p.footer{
  font-size:13px;
  text-align:center;
  margin-bottom:8px;
}


.footer_link {
  width: 100%;
  background-image: url(../../images/mini_crest.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0px;
}


.clearing {
  clear: both;
}

.nav_right {
  width: 20px !important;
  font-size: 105% !important;
  display:block;
  position:absolute;
  margin-left:180px;
}

.ul_li_bg {
  background-image: url(../../images/nav_hover_act.png);
}

._34px {
  margin-top: -35px;
}

._24px {
  margin-top: -25px;
}

.pembroke {
  color: #2C348B;
  font-weight: bold;
}

.mceContentBody ul{
  list-style:disc;
}
.mceContentBody ol{
  list-style: decimal;
}
.mceContentBody li{
  margin-left:20px;
}

.news_a {
  margin-left: 6px;
}

#archive {
  margin-top: 20px;
}

#archive h2 {
  margin-bottom: 10px;
}

#news_item {
  margin: 10px 0;
}

#news_item h1, #archive h1 {
  color: #000;
  font-size: 120%;
 /* float: left;*/
}

#news_item p {
  margin: 10px 0 0 0;
  /*font-size: 105%*/
}

#news_item thead, #archive thead {
  font-size: 135%;
  font-weight: bold;
}


#news_item td, archive td{
  text-align: center;
  font-size: 90%;
  vertical-align: top;
}