/* CSS Document */

* {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align:justify;
font-weight:normal;
text-decoration:none;
color:#333333;
padding:0px;
margin:0px;
}

html {

}

body {
position:relative;
margin-left:auto;
margin-right:auto;
width:760px;
background-image:url(images/stripe2.jpg);
background-repeat:repeat-y;
background-position:top;
background-color:black;
z-index:1;
}

#banner {
width:100%;
height:110px;
background-image:url(images/banner2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

h1 {
visibility:hidden;
display:none;
}

h2  {
font-size:large;
color:#666666;
position:absolute;
top:30px;
right:20px;
}

#flags {
width:292px;
height:22px;
position:absolute;
top:65px;
left:20px;
text-align:center;
}

#flags img {
margin-left:5px;
margin-right:5px;
border:0px;
}

#navigation {
position:absolute;
right:15px;
top:60px;
}

#navigation li {
display:inline;
text-align:center;
list-style:none;
margin-left:7px;
margin-right:7px;

}

#navigation a {
}

#navigation a:hover {
color:#6699FF;
padding-bottom:3px;
border-bottom:#6699FF solid 2px;
}


#logo {
border:0px;
position:relative;
top:25px;
left:20px;
width:292px;
height:22px;
}
#logo a {
width:292px;
height:22px;
}
#logo img {
border:0px;

}


#content {
display:block;
margin-top:30px;
margin-left:15px;
width:730px;
position:relative;
}



#foot {
float:left;
display:block;
text-align:center;
margin-top:80px;
margin-bottom:30px;
}

#foot ul {
text-align:center;
width:100%;
}
#foot li {
display:inline;
list-style:none;
margin-left:9px;
margin-right:9px;
font-size:x-small;
text-align:center;
}

#foot a {
color:#6699FF;
font-size:x-small;
}



p {
margin-top:15px;
margin-bottom:15px;
line-height:19px;
}

p a{
color:#cc0000;
}

p a:hover{
color:#3366CC;
}

h3 {
margin-top:15px;
font-size:x-large;
}

h4 {
margin-top:10px;
font-size:medium;
margin-bottom:-10px;
letter-spacing:1px;
}
h5 {
margin-top:10px;
font-size:small;
color:#333333;
border-bottom:#CCCCCC solid 1px;
margin-bottom:2px;
padding-bottom:2px;
letter-spacing:1px;
}

h6 {
text-align:right;
padding:10px;
font-size:x-small;
}


#tableh table{
margin-top:15px;
color:#336633;
padding:2px;
}
#tableh th {
padding:2px;
font-size:x-small;
border-bottom: 2px #666666 solid;
padding-bottom:5px;
}

#tableh th:hover {
background-color:white;
}

#tableh tr:hover {
background-color:#dddddd;
}

#tableh td:hover {
background-color:#6699FF;
}

#tableh td {
border-bottom: 1px #dddddd solid;
padding:2px;
font-size:xx-small;
}

#tableh a {
font-size:xx-small;
color:#003366;
}

#tableh a:hover {
color:#CCFF00;
}

#tablev input {
padding:4px;
}



.l2 {
list-style:url(images/sqauredot.gif);
margin-left:17px;
}



#selection {
position:relative;
width:550px;
height:180px;
overflow:hidden;
}


#type {
text-align:left;
width:130px;
font-size:xx-small;
position:absolute;
top:0px;
left:10px;
}

#type td {
font-size:xx-small;
}

#colour {
width:280px;
text-align:left;
font-size:xx-small;
position:absolute;
top:0px;
left:180px;
}

#colour td {
font-size:xx-small;
padding:0px;
margin:0px;
}

#col1 {
width:130px;
}

#col2 {
width:130px;
position:absolute;
left:150px;
top:31px;
}


#stone {
position:absolute;
top:0px;
right:10px;
width:160px;
text-align:left;
}

#stone a {
text-align:left;
font-size:xx-small;
}

#stone a:hover {
color:#6699FF;

}

#results {
width:550px;
}

#results img{
padding:10px;
}

#thumb {
float:left;
padding:0px;
width:160px;
height:150px;
margin:6px;
text-align:center;
overflow:hidden;
}

#thumb img {
border:0px;
margin:0px;
padding:0px;
}

#thumb a {
text-align:center;
}

#name {
display:block;
font-size:xx-small;
text-align:center;
margin-top:3px
}

#typ {
display:block;
font-size:xx-small;
text-align:center;
color:#999999;
margin-top:3px;
}


#updatebutton input{
position:absolute;
top:100px;
left:470px;
text-align:center;
border:#6699FF solid 1px;
font-size:xx-small;
background-color:white;
padding:4px;
}

.box
 {
   margin-left:10px;
   margin-top:20px;
   width:210px;
   height:100px;
   overflow:hidden;
   position:relative;
 }
 
 .boxname {
 font-size:small;
 padding:4px;
 width:210px;
 margin-top:10px;
 text-align:left;
 overflow:hidden;
 margin-bottom:5px;
 }

 .boxname a{
 font-size:small;
 }

.boxvisual
 {
   width:210px;
   height:60px;
 }
 
.boxtext {
 position:absolute;
 top:45px;
 left:220px;
 color:#999999;
 font-size:small;
 width:170px;
 height:120px;
 font-style:italic;
 margin-left:10px;
 overflow:hidden;
}


#letter {
padding:4px;
padding-top:2px;
padding-bottom:2px;
float:left;
}
#letter a {
color:#666666;
font-size:x-small;
}

#sotw {
position:absolute;
top:0px;
right:10px;
width:475px;
text-align:center;
}

#sotwthumb {
width:475px;
margin-top:3px;
margin-bottom:3px;
text-align:center;
}
#sotwthumb img {
text-align:center;
}

#sotwname {
margin-top:5px;
margin-bottom:3px;
 font-size:small;
 padding:5px;
text-align:center;

}

.sotwtxt2 {
margin-top:3px;
margin-bottom:3px;
text-align:center;
font-size:xx-small;
margin-left:25px;
}
#sotwtxt {
margin-left:25px;
margin-top:3px;
margin-bottom:3px;
text-align:center;
}


#stagestone {
width:500px;
margin-left:10px;
}
#stagename{
font-size:small;
color:#333333;
border-bottom:#CCCCCC solid 1px;
margin-bottom:2px;
padding-bottom:2px;
letter-spacing:1px;
text-align:left;

}
#stageimg {
margin-top:20px;
margin-bottom:10px;
margin-left:10px;
}
#stagestone table {
margin-left:20px;
}
#stagestone td {
font-size:x-small;
}
#stagestone th {
font-size:xx-small;
color:#666666;
}

.button {
text-align:center;
padding:1px;
margin:0px;
border:#669900 solid 1px;
background-color:#FFFFFF;
}



.address {
float:none;
clear:both;
text-align:center;
margin:10px;
padding:5px;
border-top:2px #dddddd solid;
border-bottom:2px #dddddd solid;
margin-top:60px;
height:105px;
}
.address div{
text-align:center;
margin-top:5px;
margin-bottom:5px;
}

#contact {
margin-top:10px;
}
#contact input {
background-color:white;
border:1px solid #999999;
padding:3px;
}
#contact textarea{
background-color:white;
border:1px solid #999999;
padding:3px;
}
#contact td {
padding:3px;
}
#contact th {
padding:3px;
}
#contact a{
color:#CC0000;
}
#contact a:hover{
color:#3366CC;
}

hr {
margin-top:40px;
margin-bottom:40px;

}