/* CSS Document */

body {background-image: url("img/bg.jpg") } 

h1 {text-align: center; color:black; font-size:15pt}

h2 {text-align: center; color:black; font-size:20pt; text-decoration: underline;}

hr {color:black} 

p {font-size:12pt; clear: left; margin-top: 15pt; margin-bottom: 5pt; margin-left: 10pt;}

a:link {color:black} 

a:visited {color:black} 

a:hover {color:red} 

a:active {color:blue}

ul { margin-top: 15pt; margin-bottom: 5pt; margin-left: 20pt;}

.info { margin-left: 50pt;}

form {margin-right: 10pt; margin-left: 10pt;}

input#button { background-color: black;
border-color: #efefef;
color: yellow;
font-family: arial, verdana, ms sans serif;
font-size: 12pt;
font-weight : bold;
}

table { margin-left: 100pt;}

table#ip { margin-left: 15pt; margin-right: 15pt }

table#category { margin-left: 0pt; margin-right: 0pt }

table#contact { margin-left: 0pt; margin-right: 0pt }

table#userlogin { margin-left: 0pt; margin-right: 0pt }

table#admin { margin-left: 200pt; margin-right: 0pt;}

table#contbuttons { margin-left: 0pt; margin-right: 0pt;}

tr.data0 td {
	background-color: #FF9900; color: black; font-weight : bold;
}
tr.data1 td {
	background-color: #FFFF00; color: black; font-weight : bold;
}

img {border: 7px inset yellow;}
img#index {border: 1px inset yellow;}

#div1 img {border: 1px inset yellow;}
#div2 img {border: 1px inset yellow;}

#login {
     position:relative;
     width:300px;
     overflow:hidden;
     border:7px double #FFFF00;
     background-color:#FFCC00;
     margin:50px auto 0 auto;
}

#content {
     position:relative;
     width:750px;
     overflow:hidden;
     border:4px double #FFFF00;
 }
 
#floatlayer{
            height: 60px;
            width: 1050px;
}
#scroller {
        width: 1050px;
        height: 60px;
       }

#border {
     margin-left: 50pt;
     margin-right: 50pt;
     border:4px double #FFFF00;
 }