/* SET BASE FONT ATTRUBUTES */
html, body {
font: Georgia, “Times New Roman”, Times, serif 14px/1.5em;
color: #000;
}
/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}
/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {
text-decoration:none;
}
a:link, a:visited {color:#333333;}
a:hover {color:#333333; text-decoration:underline;}
a img, :link img, :visited img {border: none}
#alte a {
color: #333333;
text-decoration:none;
}
#alte a:hover {color:#333333; text-decoration:underline;}
/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}
/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}
/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: disc;}
* { padding:0; margin:0; }
body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #903832;
background-color: #FFFFFF;
text-align: left;
}
#flashcontent {
width: 94px;
height: 24px;
float: left;
}
#flashcontent2 {
width: 94px;
height: 24px;
float: left;
}
#flashcontent3 {
width: 94px;
height: 24px;
float: left;
}
#flashcontent4 {
width: 94px;
height: 24px;
float: left;
}
#flashcontent5 {
width: 94px;
height: 24px;
float: left;
}
#wrapper{
width: 900px;
background-color:#FFFFFF;
border: 1px solid #FFFFFF;
text-align: left;
background-repeat: no-repeat;
margin-left: 50px;
}
#assist{
width: 160px;
background-color:#FFFFFF;
border: 5px solid #903832;
border-width: 5;
border-color: #903832;
text-align: left;
background-repeat: no-repeat;
}
#leftcol{
width: 200px;
border: 5px solid #903832;
background-color:#FFFFFF;
border-width: 5;
border-color: #903832;
}
#feature{
width: 180px;
border: 5px solid #903832;
background-color:#FFFFFF;
border-color: #903832;
padding: 10px;
margin-top: 10px;
}
#content{
width: 525px;
border: 5px solid #903832;
background-color:#FFFFFF;
}
#leftdowncol{
width: 200px;
border: 5px solid #2B312F;
background-color:#FFFFFF;
padding: 10px 0 0 0;
}
#lowcontent{
width: 525px;
border: 5px solid #DDDDDD;
background-color:#ffffff;
}
#nav {
border-bottom: 1px solid #762A25;
border-top: 1px solid #762A25;
}
#nav ul{
padding: 0;
margin: 0;
background-color:#FFFFFF;
}
#nav ul li{
display: inline;
padding: 0;
margin: 0;
}
#nav ul li a{
font-size: 70%;
float: left;
margin: 2px 2px 2px 2px;
padding: 0 0 0 2px;
width: 150px;
border-top: 0px solid #ff5555;
border-bottom: 0px solid black;
border-left: 0px solid #ff5555;
border-right: 0px solid black;
background-color:#FFFFFF;
text-align: left;
text-decoration: none;
color: #e5b78f;
}
#nav ul li a:hover, #nav ul li a:focus{
background-color:#FFFFFF;
color: #ffffff;
}
#bottomad{
width: 770px;
height: 90px;
background-color:#FFFFFF;
border: 1px solid #2B312F;
text-align: left;
background-repeat: no-repeat;
margin-top: 660px;
margin-left: 10px;
position: absolute;
}
.leftimage{
margin-right: 15px;
margin-bottom: 5px;
height: 400px;
}
p em{
font-family: 990000;
}
p {
font-size: 65%;
color: #555555;
}
link {
color: #CC3333;
text-decoration: underline overline;
}
.left{
float: left;
margin-right: 5px;
}
.right{
float: right;
margin-left: 10px;
}
#tbanner{
height: 54px;
background-repeat: no-repeat;
}
#nav ul li a:hover, #nav ul li a:focus{
background-color: #FFFFFF;
color: #000000;
}
#banner{
height: 25px;
margin-top: 25px;
background-repeat: no-repeat;
}
#leftcol p{
margin: 10px;
}
#leftflashcol{
float: left;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
#lowcontent {
margin-top: 0px;
margin-bottom:200px;
}
#lowcontent a{
color: #666666;
text-decoration: none;
}
#lowcontent p{
padding: 0 6px;
}
#lowcontent a:hover{
color: #000000;
text-decoration: underline;
}
#content p{
font-size: 85%;
margin-left: 10px;
font-weight: bold;
}
#footer{
text-align: left;
width: 525px;
height: 25px;
background-color:#FFFFFF;
background-repeat: no-repeat;
margin-bottom: 20px;
}
#footer p{
font-size: 55%;
margin: 0;
padding: 5px;
}
#footer a{
color: #929393;
text-decoration: none;
}
#footer a:hover{
color: #000000;
text-decoration: none;
}
.container{
width: 99%;
float: right;
}
#header{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #990000;
font-weight: bolder;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 5px;
}
#header2{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #990000;
font-weight: bolder;
}
#leftcol #header{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #444444;
font-weight: bolder;
margin-left: 10px;
font-style: inherit;
width: 150px;
margin-top: 10px;
margin-bottom: 3px;
}
link {
color: #CC3333;
text-decoration: underline overline;
}
#line {
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #990000;
border-bottom-width: 2px;
vertical-align: middle;
margin-top: 15px;
margin-bottom: 15px;
}
#lowgray{
margin: 5px;
}
.style3 {
color: #555555;
font-weight: bold;
font-size:9px
}
.style3x {
color: #555555;
font-weight: bold;
font-size:10px
}
.style23 {
color: #555555;
font-weight: normal;
font-size:9px
}
.style23a {
color: #ffffff;
font-weight: bold;
font-size:11px
}
#rightcol {
}
#rightcol a{
color: #555555;
text-decoration: none;
}
#rightcol a:hover{
color: #C97926;
text-decoration: none;
}
#topper { font-size:14px;}
#topper a{
color: #C97926;
text-decoration: none;
}
#topper a:hover {
text-decoration: none;
color: #CC3300;
}
#eForm {
font-size:90%;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin-top: 5px;
}
#eForm2 {
font-size:80%;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin-top: 5px;
}
#eForm3 {
font-size:10px;
border:1px dotted #333333;
padding:1px 1px 1px 3px;
margin: 2px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: normal;
}
#eForm4 {
font-size:8px;
border:0px dotted #333333;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: normal;
margin: 2px;
}
.style13a {color: #555555; font-size: 65%;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid #444444;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #000000;
background-color: #762A25;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: #762A25;*/
padding: 0px;
left: -1000px;
/*border: 1px solid black;*/
visibility: hidden;
font-size:80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #BBBBBB;
text-decoration: none;
text-align: center;
vertical-align:middle;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
#lefty a{ background-color: #eeeeee; padding: 3px; display:block; width: 177px; border-bottom: 1px solid #660000; color:#752a25}
#lefty a:hover{ background-color: #CCCCCC; color:#000000}