/* CSS layout */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: .8em;
  background: #88CDEE;
  background-image: url(images/bg001.png);
  background-repeat: repeat; 
  color: black;
}

a, a:visited {
  color: blue;
  font-weight: normal;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #004888;
  font-weight: normal;
}

a img, a:hover img { 
border: none;
text-decoration: none;
background-color: transparent;
vertical-align: bottom;

}

#container {
  background: #00BFFF;
  padding: 10px; 
  border: 2px solid #3399cc;
  min-width: 750px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#masthead {
  background: #00BFFF;
  padding-bottom: 5px;
}

#leftlogobox {
  text-align: center;
  width: 130px;
  height: 160px;
  margin: 0;
  padding: 0;
  border: 4px double #006aaa;
  float: left;
  display: block;
}

#leftlogobox img {
  margin: 0;
  padding: 0;
}

#leftlogobox a, #rightlogobox a {
  /*border-top: 4px solid #2288bb;*/
  margin-top: 5px;
  background: #99deff;
  color: #004888;
  text-decoration: none;
  display: block;
}

#rightlogobox {
  background: #00BFFF;
  text-align: center;
  width: 130px;
  height: 160px;
  margin: 0;
  padding: 0;
  border: 4px double #006aaa;
  float: right;
  display: block;
}

#pageheader {
  margin-left: 150px;
  margin-right: 150px;
  padding: 10px;
  padding-top: 0;
}

#content {
  margin-top: 10px;
  padding: 0;
  clear: both;
}

#header {
  margin-bottom: 4px;
  padding: 5px;
  background: #006aaa;
  color: White;
  font-size: x-large;
  text-align: left;
  font-variant: small-caps;
  font-weight: normal;
  border: 4px double #3399CC;
}

#subheader {
  margin-bottom: 3px;
  padding: 5px;
  background: #006aaa;
  color: white;
  font-size: x-small;
  text-align: left;
  border: 4px double #3399CC;
}

#lastmod {
  padding: 5px;
  background: #006aaa;
  color: white;
  font-size: x-small;
  text-align: right;
  border: 4px double #3399CC;
  margin-bottom: 3px;
}

#ycl {
  padding: 2px;
  background: #006aaa;
  color: white;
  font-size: x-small;
  text-align: left;
  border: 4px double #3399CC;
}

.breadcrumbs {
  padding: 2px;
  background: #99DEFF;
  color: #004888;
  font-size: x-small;
  text-align: left;
  border: 4px double #3399CC;
}

.movie {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  padding: 20px;
  border: 4px double #00BFFF;
  background: #006aaa;
}

.movie .article {
  text-align: left;
  padding: 10px;
  margin-top: 10px;
  background: #99deff;
  display: block;
  border-top: 10px solid #006aaa;
}

.thumbpage {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #00BFFF;
  display: block;
}

.thumbnail {
  margin: 8px;
  padding: 10px 5px;
  width: 172px;
  text-align: center;
  color: #000;
  float: left;
  background: #99DEFF;
  border: 4px double #006aaa;
/*  font-family: Verdana,Arial,Helvetica,sans-serif;*/
}

.thumbnail img {
  vertical-align: bottom;
/*  margin-bottom: 0px;*/
}

.adspace {
  padding-bottom: 5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#navbar {
  width: 138px;
  float: left;
  margin: 0;
  padding: 0;
  background: #00BFFF;
}

.mh4 {
  margin-top: 20px;
  margin-bottom: 5px;
  display: block;
  background: #006aaa;
  color: #fff;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

.mh3 {
  margin-bottom: 5px;
  display: block;
  background: #006aaa;
  color: #fff;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

#navbar ul, #rightcol ul {
  margin: 0;
  padding: 0;
}

#navbar li, #rightcol li {
  margin: 0;
  padding: 0.25em 0.5em;
  list-style-type: none;
  border-bottom: 5px solid #00BFFF;
  background: #99DEFF;
}

#navbar a:link, #navbar a:visited, #leftlogobox a:link #leftlogobox a:visited, #rightcol a:link,#rightcol a:visited {
  display: block;
  color: #004888;
  text-decoration: none;
}

#navbar a:hover, #navbar a:focus, #leftlogobox a:hover, #rightlogobox a:hover, #rightcol a:hover, #rightcol a:focus {
  color: #fff;
  background: #004888;
}

#rightcol {
  width: 136px;
  margin: 0;
  padding: 0;
  float: right;
  background: #00BFFF;
}

#rightcol .article {
  color: #009;
  padding-left: 3px;
  padding-right: 3px;
  font-size: smaller;
  padding-bottom: 10px;
}

#maincontent {
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 20px;
  background-color: #99deff;
  padding: 0;
}

#gallerycontent {
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 20px;
  background-color: #00BFFF;
  padding: 0;
}

#maincontentwide {
  margin-left: 160px;
  margin-right: 3px;
  margin-bottom: 20px;
  background-color: #99deff;
  padding: 10px;
}

#maincontent .subhead, #maincontentwide .subhead, #rightcol .subhead {
  margin-top: 0;
  margin-bottom: 5px;
  display: block;
  background: #006aaa;
  color: #fff;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

#maincontent .article, #maincontentwide .article, #maincontent p {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 20px;
  /*    background:#99deff;*/
}

#footer {
  margin: 10px 5px;
  padding: 5px;
  clear: both;
  background-color: #006aaa;
}

#masthead h1 {
  font-size: 160%;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px;
}
/* Items below here for old index page to bring it into line with new page styles*/

.conwidth {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: 950px;
  background: #9DF;
}

.header_ip {
  margin-bottom: 5px;
  border: 5px ridge #09C;
  height: 100px;
  background: #0CF;
}

.header_ip object {
  background: #00CCFF;
  padding: 5px 15px 5px 0px;
  float: right;
}

.header_ip img {
  float: left;
  padding: 15px;
}

.subheader_ip {
  background: #006aaa;
  color: #FFF;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px;
  clear: both;
}

.gallerypics {
  padding: 0px 0px 5px 0px;
  width: 380px;
  margin-top: 10px;
  margin-bottom: 5px;
  height: auto;
  background-color: #0CF;
  display: inline;
  float: left;
}

.thumbs {
  display: inline;
  list-style: none;
  float: left;
  margin: 0 auto 0 auto;
  text-align: center;
}

.thumbs img {
  border: none;
  text-decoration: none;
  background-color: transparent;
  padding: 10px;
}

.thumbs a {
  color: #99DDFF;
}

thumbs a:hover {
  color: #99DDFF;
}

.smallfont {
  font-size: 0.7em;
  margin-right: 5px;
  margin-left: 5px;
}

.subheadermid {
  padding: 10px;
  background: #006aaa;
  color: #FFF;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

.introlinks {
  margin: 10px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  width: 550px;
  height: auto;
  float: right;
  display: inline;
}

.linkitem {
  list-style-image: url('images/blue02_next.gif');
  line-height: 40px;
  margin-left: 5px;
}

.subheader2 {
  padding: 10px;
  background: #006aaa;
  color: #FFF;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  clear: both;
  text-align: center;
}

.footer_ip {  
  background: #99DDFF; 
  font-size: 0.9em;
  text-align: justify;
  padding-left: 10px;
  float: left;
  padding-bottom: 10px;
  font-style: italic;
}

.valid { 
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  float: right;
  padding-top: 5px;
}

.valid a {
  color: #9DF;
}

.valid a:hover {
  background-color: #9DF;
  color: #9DF;
}