/* CSS Document */

body {background:#000000;
background-image: url(images/rog-web-background.jpg);
background-repeat:no-repeat;
margin: 0;
padding: 0;
}

#container {
font-family: arial;
font-weight: lighter;
color: #FFFFFF;
padding-left: 160px;
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
}

.navigation {
font-size: 12pt;
color:#0000FF;
}


#navigationdeep {
font-size: 12pt;
color:#0000FF;
}


.navigation a {
color: #0000FF;
display:inline;
text-decoration:none;
}

.navigation a:hover {color:#FFFFFF;}

h1 {
font-size: 33pt;
font-weight: normal;
letter-spacing: -65%;
}

h2 {
font-size: 24pt;
font-weight: normal;
letter-spacing: -65%;
color: #666666;
}

h3 {
font-size: 8pt;
font-weight: normal;
font-color: #0000FF;
}


#tenboxes {
float: right;
}

#eightboxes {
float: right;
}

#onebox {
}

#text {
font-size: 11pt;
line-height: 150%;
}

#textscrollbar {
font-size: 11pt;
line-height: 150%;
overflow:scroll;
height: 295px;
text-decoration:none;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #0000FF;
scrollbar-3dlight-color: #0000FF;
scrollbar-darkshadow-color: #0000FF;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}

#textdeep {
font-size: 10pt;
line-height: 130%;
}

#textdeepian {
font-size: 11pt;
line-height: 150%;
}


#text a {
color: #0000FF;
display:inline;
text-decoration:none;
}
#text a:hover {color:#FFFFFF;
}

#textdeep a {
color: #0000FF;
display:inline;
text-decoration:none;
}
#textdeep a:hover {color:#FFFFFF;
}

#textdeepian a {
color: #0000FF;
display:inline;
text-decoration:none;
}
#textdeepian a:hover {color:#FFFFFF;
}






.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}