HTML {
scrollbar-arrow-color:#9A9A98; 
scrollbar-face-color:#CAB8A4; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-track-color:#ffffff; 
}

body     { color: white; font-family: Verdana, Arial, sans-serif; background: black url(images/main.jpg) no-repeat fixed; margin: 4 }

P, TD, LI, UL, Table  { color: white; font-size: 100% }

/* this group sets the normal link colors */

A:LINK, A:VISITED, A:ACTIVE  { color: #aaa; font-weight: bold; text-decoration: none }

A:HOVER        { color: #aaa; font-weight: bold; text-decoration: underline }

H1 { font-family: Impact, Charcoal, sans-serif; font-size : 120%; color : #9a9a98; letter-spacing: 2px; }

H2   { color: #000000; font-weight: bold; font-size: 110% }

H3 {
font-size : 100%;
color : #CAB8A4;
letter-spacing: 1px;
font-weight: bold;
}

H4, H5 ,H6 {
font-size : 100%;
color : #CAB8A4;
padding: 1px;
font-weight: bold;
}

ul  {
list-style-type: square;
}


HR {
color : #CAB8A4;
height : 1px;	 
text-align: center;
}

.content1   { color: #cab8a4; line-height: 1.5; text-align: center; padding-top: 5px; padding-bottom: 5px }

.content1a {
padding-right: 10px;
font-size: 70%;
}

.content2 {
padding: 5px;
line-height: 1.5;
text-align: justify;
}

.content2a {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 70%;
border-bottom: 1px solid #CAB8A4;
}

.footer {
font-size: 65%;
padding: 5px;
}

.tophead {
font-family: Impact, Charcoal, sans-serif;
padding: 5px;
font-size: 200%;
height: 70px;
text-align: left;
color: #9A9A98;
border-bottom: 1px solid #CAB8A4;
}

.navigation {
padding-right: 10px;
padding-bottom: 10px;
font-size: 65%;
text-align: left;
}

.date {
color: #9A9A98;
font-weight: bold;
}

.hottopic1   { background-color: black; padding: 10px; border: solid 1px gray; -moz-opacity: 55%; filter: alpha(opacity=50, style=0) }

.hottopic2   { background-color: black; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; border: solid 1px gray; width: 60%; -moz-opacity: 50%; filter: alpha(opacity=85, style=0) }

.hottopic3   { background-color: black; float: right; margin-bottom: 10px; margin-left: 10px; padding: 10px; border: solid 1px gray; width: 30%; -moz-opacity: 50%; filter: alpha(opacity=100, style=0) }

.detail {
background-color: #ffffff;
border-left: 1px solid #CAB8A4;
border-right: 1px solid #CAB8A4;
font-size: 70%;
padding: 5px;
text-align: justify;
}

.gallery {
background-color: #F9ECDB;
border-left: 1px solid #CAB8A4;
border-right: 1px solid #CAB8A4;
padding: 5px;
text-align: justify;
}

.gallerycontent {
padding: 5px;
line-height: 1.5;
text-align: justify;
font-size: 70%;
}

.pics {
background-color: #ffffff;
padding: 10px;
}

.blogresults {
padding: 20px;
}

.ap2 {
padding: 5px;
}

.formbutton  { color: #000000; font-weight: bold; font-size: 90%; font-family: Verdana, Arial, sans-serif; background-color: black; border: solid 1px #000000 }

.formtext {
background-color: #EEEEEE;
border: 1px solid #000000;
font-size: 100%;
font-family : Verdana, Arial, sans-serif;
}

a.nav2:link, a.nav2:active, a.nav2:visited    { color: white; font-family: Verdana, Arial, sans-serif; text-decoration: none; padding-left: 5px; border-left: 5px solid #000000 }

a.nav2:hover    { color: white; font-family: Verdana, Arial, sans-serif; text-decoration: none; padding-left: 5px; border-left: 5px solid #ffcc99 }

.nadpad    { color: white; padding-top: 2px; padding-bottom: 2px }