body {
font-family: Helvetica, Verdana, Arial, sans-serif;
margin: 20px;
}

#header {
background-image: url(images/header.jpg);
background-repeat: repeat-x;
background-position: top left;
}

#header_nav {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
font-weight: bold;
}

#header_nav li {
display: inline;
}

#header_nav li a {
padding: 0 8px;
color: white;
text-decoration: none;
font-weight: bold;
}

#header_nav li a:hover {
text-decoration: underline;
}

.searchbar {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 68.75%;
padding: 8px;
}

.searchbar h1 {
font-family: "Futura", "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
margin-top: 0;
font-size: 1.5em;
color: rgb(200, 0, 0);
font-weight: bold;
}

.searchbar label {
font-size: 1em;
font-weight: normal;
}

.searchbar input.textbox {
border: 1px solid rgb(150, 150, 150);
}

select {
font-size: 10px;
}

select option{
font-size: 10px;
}

input.button {
background-color: rgb(50, 70, 110);
border: 1px solid rgb(150, 150, 150);
color: white;
}

.listing table{
border-bottom: 3px solid rgb(50, 70, 110);
}

.listing th {
padding: 2px;
padding-left: 5px;
color: black;
border-bottom: 3px solid rgb(50, 70, 110);
font-weight: bold;
font-size: 12px;
}

.listing td {
padding: 5px;
line-height: 1.3em;
font-size: 11px;
}

.listing_site {
text-transform: capitalize;
vertical-align: top;
}

.listing_url {
vertical-align: top;
}

.listing_short {
vertical-align: top;
}

tr.even {
background-color: rgb(240, 242, 245);
}

tr.odd {
background-color: rgb(255, 255, 255);
}

#category {
font-family: "Futura", "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
font-size: 2em;
text-align: center;
text-transform: capitalize;
}

#category .cat {
color: rgb(0, 0, 150);
}

#category .name {
color: rgb(200, 0, 0);
}

.directory {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
padding-bottom: 20px;
}

.directory h1 {
padding-top: 10px;
font-family: "Futura", "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
margin-top: 0;
font-size: 22px;
color: rgb(200, 0, 0);
font-weight: bold;
border-bottom: 0;
text-transform: capitalize;
}

.directory h1 span {
color: rgb(0, 0, 150);
}

.directory h2 {
font-size: 18px;
border-bottom: 1px solid black;
margin-bottom: 3px;
}

.directory h2 a {
display: block;
text-decoration: none;
color: rgb(50, 70, 110);
}

.directory h2 a:hover {
background-color: #EDF3F9;
}

#pageindex {
padding: 5px;
text-align: center;
}

#pagenumber {
padding: 5px;
text-align: center;
}

#footernav {
text-align: center;
color: white;
}

#footernav a {
color: white;
text-decoration: none;
}

#footernav a:hover {
text-decoration: underline;
}

#footer {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
text-align: center;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
background-position: top left;
}

.copywright {
padding-top: 5px;
font-size: 11px;
}

.box1 {
background-color: rgb(240, 242, 245);
border: 1px solid #95A3BE;
padding: 10px;
}

table#form {
margin: 0 auto;
}

#form td {
padding: 5px;
}

#form label {
font-size: 11px;
font-weight: bold;
color: rgb(50, 70, 110);
}

#form input.text {
border: 1px solid rgb(50, 70, 110);
}

#form input.textbox {
border: 1px solid #95A3BE;
}

#form textarea {
border: 1px solid #95A3BE;
}