body {
margin:0px;
background:#798D74 url(images/pageElements/bgd_page.jpg) 0 0 repeat-x;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#1c2f18;
}
BODY, TD, .NormalText {
font-weight: normal;
text-decoration: none;
font-style: normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #1c2f18;
}
.Header {
color: #ffffff;
font-size: 32px;
line-height: 36px;
}
.Subheader {
color: #2B3F23;
font-size: 18px;
font-weight: bold;
font-family: Arial;
line-height: 18px;
}
.Red {
color: #700101;
}
.Green {
color: #1c2f18;
}
.Black {
color: #000000;
}
.White {
color: #FFFFFF;
}
.SmallText {
font-size: 10px;
}
.MediumText {
font-size: 16px;
line-height: 16px;
}
.LargeText {
font-size: 24px;
line-height: 24px;
}
/* SIFR */
* .sIFR-flash {
visibility: visible !important;
margin: 0;
}
* .sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
* .sIFR-hasFlash h1 {
visibility: hidden;
letter-spacing: -3px;
color: #ffffff;
font-size:48px;
height:48px;
margin-bottom:10px;
margin-top:2px;
}
* #flash {
width:750px;
height:266px;
margin:0px auto 0px auto;
background:transparent url(images/pageElements/bgd_flash.jpg) 0 0 no-repeat;
}
* #shell {
width:750px;
margin:0px auto 0px auto;
background:transparent url(images/pageElements/bgd_container.jpg) 0 0 repeat-y;
position:relative;
}
* #nav {
width:177px;
height:319px;
background:transparent url(images/pageElements/bgd_nav.jpg) 0 0 repeat-x;
position:absolute;
top:0px;
left:21px;
}
/* #nav {width:177px; height:319px; background:transparent url(images/pageElements/bgd_nav.jpg) 0 0 repeat-x;
float:left; margin-left:21px;} */
/* Navigation */
* #menu {
width:172px;
margin-right:auto;
margin-left:auto;
color:#ffffff;
font:bold 12px arial, helvetica, verdana;
line-height:16px;
}
* #menu img {
margin-bottom:3px;
}
* #navSub {
display:block;
margin-left:7px;
}
* #navSub a {
color:#ffffff;
text-decoration:none;
}
* #navSub a:hover {
color:#2A4124;
text-decoration:underline;
}
* #content {
width:480px;
padding:10px 0px 10px 0px;
margin-left:220px;
line-height:17px;
}
* #content a {
text-decoration:underline;
color:#700101;
}
* #content a:hover {
color:#9f4848;
text-decoration:none;
}
* #content h2 {
color:#2B3F23;
font:bold 20px Arial, verdana, Helvetica, sans-serif;
margin-bottom:2px;
}
* #content h3 {
color:#2B3F23;
font:bold 18px Arial, verdana, Helvetica, sans-serif;
margin-bottom:0px;
}
* #content h4 {
color:#1c2f18;
font:bold 14px verdana, Helvetica, sans-serif;
margin-bottom:0px;
}
* #content hr {
height:1px;
color:#1c2f18;
}
* #content p {
margin:4px 0px 16px 0px;
}
*html #content ul, #content ol {
margin:3px 0px 16px 16px;
}
* #content ul, #content ol {
margin:3px 0px 16px 0px;
}
* #footer {
padding:26px 0px 0px 20px;
margin:0px auto 0px auto;
width:730px;
background:transparent url(images/pageElements/bgd_footer.gif) 0 0 no-repeat;
text-align:left;
font:11px tahoma, verdana, arial, helvetica;
color:#fff;
line-height:12px;
}
* #footer a {
color:#fff;
text-decoration:none;
}
* #footer a:hover {
color:#fff;
text-decoration:underline;
}
/* Stuff */
* .right {
margin:0px 0px 5px 7px;
float:right;
}
* .left {
margin:0px 7px 5px 0px;
float:left;
}
* .featureRight {
border:7px solid #8c8c8c;
padding:3px;
float:right;
margin:7px 0px 0px 8px;
}
* .featureCenter {
border:7px solid #8c8c8c;
padding:3px;
margin:7px auto 7px auto;
}
* #altmenu {
width:95%;
background-color:#E0E0E0;
border:1px solid #333;
padding:8px 8px 8px 8px;
font:bold 14px Arial, Helvetica, verdana, sans-serif;
color:#333;
line-height:20px;
text-align:center;
margin:15px auto 15px auto;
}
* #altmenu a {
color:#333;
text-decoration:none;
}
* #altmenu a:hover {
color:#666;
text-decoration:underline;
}
* #faq a {
text-decoration:underline;
color:#757575;
font-weight:bold;
font-size:12px;
}
* #faq a:hover {
text-decoration:none;
color:#000;
}
* #faq li a {
display:block;
}
* .faqAnswer {
width:95%;
background-color:#dddddd;
border:1px solid #333;
padding:8px 8px 8px 8px;
color:#000;
margin:0px auto 12px auto;
font-size:11px;
line-height:15px;
}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
.slideshow-thumbnails img {
width: 50px;
height: 40px;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px;
width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 300px;
margin: 0 auto;
width: 400px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}