/* Created Rupert Wilson 12 August 2006  */
/* Fixed display problems for Opera 5 September 2007 */

BODY {
 min-width: 550px;      /* 550px */
 margin: 5px 10px 0px 10px;
 padding:10px;
 color: #ffffff;
 background-color: #ffffcc;
/* font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif; */   
 font-family: "Comic Sans MS", "TSCu_Comic", sans-serif;
 font-size: small; /* font-size:12px; */
}

/* Content is the floating window  */
div#content {
 position: relative;
 margin: auto;
 height: auto;
 min-height: 850px; /* minimum height */
 width:790px; /* 760px */
 padding:10px;
 background-color: gray;
 border-style: double;
 color:white
}

/* top banner in the floating window  */
div#topBanner {
 position:relative;
 font-size: .9em;
 top:0;
/* left:0; */
 height:100px;
 padding:10px;
 margin: 0;
 background-color:#663399;
 color:white;
 width: 770px;
}

div#topBanner img {
 margin:0;
 float:right;
 height:90px;
}

div#topBanner p {
 margin:0;
 float: left;
 font-size:3em;
}

/* left menu in the floating window  */
div#leftCol {
 position:absolute; /* relative; */
 left:10px; /* 0; */
 height:auto;
 min-height: 520px;
 float:left; 
 width:110px; /* Width of left column */
 padding:5px 5px;
 margin:0;
 background-color:#660000;
 color:white
}

/* right column in the floating window  */
div#rightCol {
 position: absolute;  /* relative; */
 right: 10px;
 min-height: 520px;  /* minimum height */
 height: auto;  /* auto height for compliant browsers */
 _height: 610px; /* 520px; this is a kludge for IE browsers */
/* float:right; */  
 width:175px;  /* Width of right column */
 padding:2px 10px;
/* margin:0; */
 background-color:#660000;
 color:white
}

div#rightCol a {
 text-decoration: none;
 color: #CC6600;
 background: #660000;
}
div#rightCol a:hover {
 text-decoration: underline;
 color: #FFC; 
 background: #963;
}

/* central column the floating window  */
div#centerCol {
/* position:relative; */
/* margin-left: 110px; */
/* margin-right: 175px; */
 min-height: 650px;  /* 520px; minimum height */
 height: auto;  /* auto height for compliant browsers */
 _height: 650px; /* 520px this is a kludge for IE browsers */
 padding: 0;
 margin: 0px 205px 50px 130px; /* margin: top right bottom left*/ 
/* margin: 0 135px; */
}

div#centerCol img {border:0px} /* added for Lightbox */

div#centerCol p.heading {
font-weight: bolder; text-decoration: underline;
}

div#centerCol table {
}

div#centerCol tr {
 vertical-align: top;
 }

div#centerCol td {
 width: 50%;
 padding: 5px;
}

div#centerCol a {
 text-decoration: underline;
 color:#FFC;
 background: gray;
}

div#centerCol a:hover {
/*  color:#411; */
 text-decoration: underline;
 color: #FFC;
 background:#963;
}

/* No side menu DIV */
div#noSides {
 min-height: 550px;  /* 520px; minimum height */
 height: auto;  /* auto height for compliant browsers */
 _height: 550px; /* 520px this is a kludge for IE browsers */
 padding: 0;
 margin: 0px 0px 50px 0px; /* margin: top right bottom left*/ 
/* margin: 0 135px; */
}

div#noSides img {
 margin: 0;
 text-decoration: none;
}

div#noSides a {
 color:#FFC;
 background: gray;
 text-decoration: none;
}

div#noSides td {
 text-align: center;
}

div#noSides a:hover {
 text-decoration: underline;
 color: #FFC;
 background:#963;
}

/* left menu links START  */
div#links {
 position: relative; 
 top: 5px; 
 left: 0; 
 width: 110px; 
 height: 350px; 
/*   font: 14px Verdana, sans-serif; */ 
 font: small Verdana, sans-serif; 
 z-index: 5;
}

div#links a {
 display: block; 
 text-align: left; 
 font: bold 1em sans-serif; 
 padding: 5px 10px; 
 margin: 0 0 1px; 
 border-width: 0; 
 text-decoration: none; 
 color: #FFC; 
 background: #660000;
}

div#links a:hover {
 color: #FFC; 
 background: #663399;
}

div#links a span {
 display: none;
}

div#links a:hover span {
 display: block;
 position: absolute; 
 top: 250px; 
 left: 0; 
 width: 100px;
 padding: 5px; 
 margin: 0; 
 z-index: 5;
 color: #FFC; 
 background: #963;
 font: 10px Verdana, sans-serif; 
 text-align: center;
}

/* left menu search box */
div#search p {
 font-size:.9em;
}
div#search a {
 text-decoration: none;
 color: #FFC;
 background: #963; 
}
div#search a:hover {
 text-decoration: underline;
 color: #FFC; 
 background: #AAA;
}

/* bottom banner the floating window  */
div#bottomBanner {
 position: relative;
 clear: both; /* added 13Oct2007 */
 vertical-align: middle;
/* top:0; */
 left:0;
 height:60px;
/* padding: 0px 5px; /* 1px; */
 padding: 10px;
 margin: 0;
 background-color:#663399;
 color: white;
 width: 770px;
}

div#bottomBanner p {
 margin: 0px 5px; /* 0; */
 float: left;
}
div#bottomBanner img {
 margin: 0;
 float:right;
}

div#bottomBanner a {
 text-decoration: none; 
 color: #FFC; 
 background: #369;
}

div#bottomBanner a:hover {
 text-decoration: underline;
 color: #963; 
 background: #AAA;
}


.title {
 font: bold 1.5em Verdana, sans-serif;
/*  font:<font-style> <font-variant> <font-weight> <font-size>/<line-height> <font-family>; */ 
}

.textsmall {
 font-size:.9em; 
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
 position: relative;
 z-index: 0;
}

.thumbnail:hover{
 background-color: transparent;
 z-index: 5; /* increase z-index if images are hidden behind other elements */
}

.thumbnail span{ /*CSS for enlarged image*/
 position: absolute;
 background-color: #FFFFCC;
 padding: 5px;
 left: -1000px;
 border: 1px dashed gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
 border-width: 0;
 padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
 visibility: visible;
 margin-top: 0; /* top: 0; */
 left: 55px; /* 60px position where enlarged image should offset horizontally */
}

a {
 text-decoration: underline;
 color:#FFC;
/* background: gray; [removed due to conflict with Lightbox] */
}
a:hover {
 text-decoration: underline;
 color: #FFC; 
/* background: #963; [removed due to conflict with Lightbox] */
}

/* Thanks to

http://www.websemantics.co.uk/tutorials/useful_css_snippets/

for the top of page idea */

p.topofpage    {clear:both; padding:1em 0; background:url(/images/topofpage.gif) no-repeat center right; text-align:right; width:100%; font-size:90%;}

p.topofpage a  {margin:0 25px 0 0}