/******************
HTML Tags
******************/
body
{
margin: 0px;
padding: 0px;
font-family: "Times New Roman", Times, serif;
background-color: #ffffffff;
color: #663300;
font-size: 0.8em;
}
#content p, #content-side p, #footer-container p, table{
margin:10px 0px 10px 0px;
}
#content-one-column p, #content-one-column table, #content-one-column h3, #content-one-column h2, #content-one-column h1 {
margin:0px 10px 10px 10px;
}
#content-side img {
border:none;
}
blockquote {
padding: 0 0 0 12px;
margin: 12px 0 0 0;
background: url('../images/bg-quote.png') no-repeat;
}
blockquote p {
margin: 2px 0;
}
cite {
font-size: .85em;
margin: 0;
padding: 0 0 0 6px;
}
/******************
FORM STYLES
******************/
#content-container form {
margin:20px 0px;
padding:0px 0px 0px 0px;
}
#content-container fieldset {
margin:10px 0px 20px 0px;
padding:0px 10px 10px 20px;
}
/* a nested fieldset */
#content-container fieldset fieldset {
margin:15px 0px 5px 0px;
padding:0px 5px 5px 5px;
}
#content-container legend {
margin-bottom:0px;
padding:0px 10px 5px 5px;
color:#666666;
font-weight:bold;
}
/* a nested legend */
#content-container fieldset fieldset legend {
margin-bottom:0px;
padding:0px;
font-weight:normal;
}
#content-container label {
display:block;
padding-top:8px;
}
.mainnav-right form {
margin:0px;
padding:0px;
text-align:right;
}
.mainnav-right form fieldset {
margin:0px;
padding:0px;
border:none;
}
.mainnav-right form legend {
display:none;
}
.gallerycontainer{
position: relative;
float: left;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{
/*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
background-image: none;
background-repeat: repeat-x;
padding: 5px;
border: medium groove #009900;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.mainnav-right label {
display:none
}
.thumbnail:hover span{
/*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 150;
}
/******************
LINKS
******************/
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
color:#017CBC;
text-decoration:underline;
}
a:visited {
color:#660099;
}
a:hover {
color:#41C457;
text-decoration:none
}
a:active {
color:#FF9900;
}
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
.mainnav-left a:link {
color: #FF9933;
text-decoration: none;
font-weight: bold;
}
.mainnav-left a:visited {
color: #996633;
text-decoration: none;
font-weight: bold;
}
.mainnav-left a:hover {
color:#41C457;
}
.mainnav-left a:active {
color:#017CBC;
}
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link {
color:#FFF6AE;
text-decoration:underline;
}
#breadcrumbs a:visited {
color:#FFF6AE;
}
#breadcrumbs a:hover {
color:#FFFFFF;
text-decoration:none
}
#breadcrumbs a:active {
color:#F0FF4A;
}
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#content-side a:link {
color: #CC6600;
text-decoration: underline;
}
#content-side a:visited {
color: #CC3300;
}
#content-side a:hover {
color: #CC3300;
text-decoration: none;
}
#content-side a:active {
color: #669900;
}
/******************
HEADINGS
******************/
h1, caption{
font-size:1.4em;
padding:10px 0 6px 0;
}
h2 {
font-size:1.1em;
}
h3 {
font-size:1.4em;
}
h4 {
font-size:1.1em;
}
h5 {
font-size:.9em;
}
h6 {
font-size:.8em;
}
#three-column-container h2 {
margin:0px 0px 10px 0px;
padding:0px;
}
/******************
LAYOUT DIVS
******************/
#thumbContainer {
position:absolute;
left:23px;
top:127px;
width:437px;
height:430px;
z-index:1;
}
#main {
position:absolute;
left:476px;
top:128px;
width:491px;
height:315px;
z-index:2;
}
#header-container
{
height: 70px;
font-size: 2em;
margin: 0px;
font-weight: bold;
width: 100%;
background-color: #006600;
background-image: url(images/bg-maincopy.jpg);
background-repeat: repeat;
}
#header-container a
{
text-decoration: none;
color: #FFCC00;
}
#header-left
{
margin-top: 0px;
float: left;
width: 45%;
color: #FFCC00;
height: 67px;
background: url("images/bg-curve-top-left.gif") no-repeat;
text-align: center;
padding-top: 0px;
text-transform: uppercase;
}
#header-right
{
padding-top: 0px;
color: #FFFFFF;
height: 67px;
font-size: .55em;
text-align: center;
width: 55%;
float: left;
}
#posterphoto img {
border:1px solid #A7A7A7;
margin:0px;
width: 100%;
display:block;
}
#posterphoto
{
float: left;
width: 100%;
background-color: #009933;
background-image: url(images/bg-maincopy.jpg);
background-repeat: repeat;
}
#mainnav-container {
clear: both;
width: 100%;
background-image: url(images/bg-maincopy.jpg);
background-repeat: repeat-x;
}
.mainnav-left {
float: left;
width: 75%;
}
.mainnav-right {
float: left;
text-align:center;
width: 200px;
}
#breadcrumbs {
color: #FFCC00;
text-decoration: none;
}
#content-container
{
background: url(themes/images/bg-table-row-alternate.jpg) repeat-x right;
float: left;
}
#content-one-column
{
width: 100%;
background-image: url(images/bg-breadcrumbcopy.jpg);
background-repeat: repeat-x;
height: 100%;
}
#content-side
{
float: right;
width: 250px;
padding: 0px 0px 0px 10px;
background-repeat: repeat-x;
background-image: url(images/bg-breadcrumbcopy.jpg);
height: 100%;
}
#content
{
padding: 0px 0px 10px 10px;
margin: 0px 255px 0px 0px;
background-image: url(images/bg-breadcrumbcopy.jpg);
background-repeat: repeat-x;
}
#two-column-container{
width: 100%;
background-image: url(images/bg-breadcrumbcopy.jpg);
background-repeat: repeat-x;
float:left;
}
#two-column-left {
float: left;
width: 48%;
padding-right: 0;
margin-left: 2%;
}
#two-column-right {
float: right;
padding-left: 0px;
padding-right: 0;
width: 48%;
margin-left: 2%;
}
#three-column-container {
width: 100%;
background-image: url('images/bg-breadcrumbcopy.jpg');
background-repeat: repeat-x;
}
#three-column-left {
float:left;
width:30%;
}
#three-column-right {
float:right;
width:30%;
}
#three-column-middle {
width:30%;
margin:0px 31% 0px 35%;
}
#footer-container {
height: 68px;
color: #FFFF00;
clear: both;
background-color: #828AD0;
background-image: url(images/bg-maincopy.jpg);
float: none;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#footer-left {
height: 56px;
padding: 1px 0px 0px 10px;
margin: 0px;
color: #FFFFFF;
}
#footer-right {
float:right;
color:#FFFFFF;
padding:0px;
width:250px;
height:68px;
border-left:4px solid #FFFFFF;
margin:0px;
background: url("images/bg-curve-bottom-right.gif") no-repeat right bottom;
}
/******************
Menu Items
******************/
.mainnav-container ul {
margin: 0px;
padding: 0px;
color: #FF9900;
}
.mainnav-container li {
padding-right:10px;
list-style:none;
display:inline;
}
/******************
LISTS - IN THE CONTENT DIV
******************/
#content ul.list, #content ul.link-list-vertical {
margin:0px 0px 15px 15px;
padding:0px;
}
#content ul.list li {
list-style:none;
padding:1px 0px 1px 12px;
margin:0px;
background: url("images/bullet.gif") no-repeat;
background-position: 0 .6em;
}
#content ul.link-list-vertical li {
list-style:none;
margin:0px;
}
#content ul.link-list-vertical li a:link {
padding:1px 0px 1px 12px;
background: url("images/bullet-link.gif") no-repeat;
background-position: 0 .6em;
}
#content ul.link-list-vertical li a:visited {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-visited.gif") no-repeat;
background-position: 0 .6em;
}
#content ul.link-list-vertical li a:hover {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-hover.gif") no-repeat;
background-position: 0 .6em;
}
#content ul.link-list-vertical li a:active {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-active.gif") no-repeat;
background-position: 0 .6em;
}
/******************
LISTS - IN THE RIGHT COLUMN
******************/
#content-side ul.list, #content-side ul.link-list-vertical {
margin: 0px 0px 15px 5px;
padding: 0px;
}
#content-side ul.list li {
list-style:none;
padding:1px 0px 1px 12px;
margin:0px;
background: url("images/bullet-right.gif") no-repeat;
background-position: 0 .6em;
}
#content-side ul.link-list-vertical li {
list-style:none;
margin:0px;
}
#content-side ul.link-list-vertical li a:link {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-right.gif") no-repeat;
background-position: 0 .6em;
}
#content-side ul.link-list-vertical li a:visited {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-right-visited.gif") no-repeat;
background-position: 0 .6em;
}
#content-side ul.link-list-vertical li a:hover {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-right-hover.gif") no-repeat;
background-position: 0 .6em;
}
#content-side ul.link-list-vertical li a:active {
padding:1px 0px 1px 12px;
background: url("images/bullet-link-right-active.gif") no-repeat;
background-position: 0 .6em;
}
/******************
TABLE STYLES
******************/
table.table {
margin: 1px;
border: 1px solid #D0D0BF;
float: left;
overflow: scroll;
table-layout: auto;
}
thead th {
border-bottom: 2px solid #D0D0BF;
padding: 6px;
background-image: url('images/bg-breadcrumb.jpg');
background-repeat: repeat-x;
color: #FFFF00;
}
tfoot th {
border-top:2px solid #D0D0BF;
padding:6px;
}
.table-row-1 td, .table-row-1 th,.table-row-2 td, .table-row-2 th, th {
padding:2px 6px;
border:1px solid #D0D0BF;
}
.table-row-1 td, .table-row-1 th {
background: url("images/bg-table-row-alternate.jpg");
}
/******************
CLASSES
******************/
img.photobig, img.photosmall
{
border: 2px ridge #99CC00;
background: #E0E0E0 url("images/bg-table-row-alternate.jpg");
padding: 10px;
}
img.photosmall {
margin-right: 8px;
margin-bottom: 2px;
float: left;
}
img.thumbs {
float:left;
height:60px;
width:60px;
margin-right: 2px;
margin-bottom: 2px;
border: solid black 1px;
}
.searchbox
{
height: 14px;
margin: 0px;
padding: 0px;
width: 12em;
font-family: 'Times New Roman' , Times, serif;
font-size: 11px;
color: #666666;
vertical-align: baseline;
border-bottom: 1px solid #dcc208;
}
.button-search
{
height: 19px;
margin: 0px;
padding: 0px;
font-size: 11px;
font-family: 'Times New Roman' , Times, serif;
color: #0000FF;
}
.separator-side-column {
border-top:1px solid #9CA2DD;
margin-bottom:8px;
padding:0px;
}
.section-title-not-heading
{
font-size: x-large;
font-weight: bold;
display: block;
margin-bottom: 8px;
color: #FFCC00;
}
.button-big {
margin-top:8px;
}
.small-text {
font-size:.8em;
}
.none {
display:none;
}
.clear {
clear:both;
}
.highlight {
text-decoration: underline;
color: #FFFF00;
}
.highlighter {
background-color: #CCFF33;
}