#flag {
position : absolute;
background-image : url(flag.gif);
background-repeat:no-repeat;
width : 188px;
height : 168px;
top : 40px;
left : 320px;
}
#coordinats {
position : absolute;
background : url(coordinats.gif);
top : 50px;
left : 20px;
width : 30px;
height : 300px;
}
body {
font : 8pt/16pt georgia;
color : #555753;
background-color : #ffffff;
background-image : url(bg_style.jpg);
margin : 0;
}
p {
font : 8pt/16pt georgia;
margin-top : 0;
text-align : justify;
}
h3 {
font : italic normal 12pt georgia;
letter-spacing : 1px;
margin-bottom : 0;
color : #7d775c;
}
a:link {
font-weight : bold;
text-decoration : none;
color : #988f5e;
}
a:visited {
font-weight : bold;
text-decoration : none;
color : #988f5e;
}
a:hover, a:active {
text-decoration : underline;
color : #988f5e;
}
#container {
padding : 0 225px 0 25px;
margin : 50px;
border : 1px solid #888888;
background : transparent;
}
#intro {
min-width : 470px;
}
#pageheader {
margin-bottom : 20px;
}
#pageheader h1 {
background : transparent url(h1.gif) no-repeat top left;
margin-top : 10px;
width : 270px;
height : 100px;
float : left;
}
#pageheader h1 span {
display : none;
}
#pageheader h2 {
background : transparent url(h2.gif) no-repeat top left;
margin-top : 58px;
width : 270px;
height : 60px;
float : right;
}
#pageheader h2 span {
display : none;
}
#preamble h3 span {
padding-left : 5px;
padding-right : 0;
width : 300px;
border-bottom : 1px solid #888888;
font-style : normal;
font-weight : bold;
color : #444444;
}
#supportingtext h3 span {
background : transparent url(title.gif) no-repeat top left;
padding-left : 25px;
padding-right : 75px;
width : 300px;
border-bottom : 1px solid #888888;
font-style : normal;
font-weight : bold;
color : #444444;
}
#quicksummary {
clear : both;
margin : 20px 20px 20px 10px;
width : 160px;
float : left;
padding : 20px;
border : 1px solid #888888;
background : url(guitar.jpg) top no-repeat;
}
#quicksummary p {
font : italic 10pt/22pt georgia;
text-align : center;
}
#preamble {
clear : right;
padding : 0 10px 0 10px;
border-top : 1px solid #888888;
}
#supportingtext {
padding-left : 10px;
margin-bottom : 40px;
}
#footer {
text-align : center;
}
#footer a:link, #footer a:visited {
margin-right : 20px;
}
#linklist {
width : 240px;
margin-left : 600px;
position : absolute;
top : 70px;
right : 0;
}
#linklist2 {
background : white;
font : 10px verdana, sans-serif;
padding : 14px;
margin-top : 150px;
width : 160px;
border-left : 1px solid #888888;
border-top : 1px solid #888888;
border-bottom : 1px solid #888888;
}
#linklist h3.select {
margin : 10px 0 5px 0;
width : 150px;
height : 15px;
color : #444444;
font : 10px verdana, sans-serif;
font-weight : bold;
border-bottom : 1px solid #888888;
}
#linklist h3.select span {
display : block;
}
#linklist h3.favorites {
margin : 25px 0 5px 0;
width : 150px;
height : 15px;
color : #444444;
font : 10px verdana, sans-serif;
font-weight : bold;
border-bottom : 1px solid #888888;
}
#linklist h3.favorites span {
display : block;
}
#linklist h3.archives {
margin : 25px 0 5px 0;
width : 150px;
height : 15px;
color : #444444;
font : 10px verdana, sans-serif;
font-weight : bold;
border-bottom : 1px solid #888888;
}
#linklist h3.archives span {
display : block;
}
#linklist h3.resources {
margin : 25px 0 5px 0;
width : 150px;
height : 15px;
color : #444444;
font : 10px verdana, sans-serif;
font-weight : bold;
border-bottom : 1px solid #888888;
}
#linklist h3.resources span {
display : block;
}
#linklist ul {
margin : 0;
padding : 0;
}
#linklist li {
line-height : 2.5ex;
list-style-type : none;
border : 1px solid #888888;
display : block;
padding : 4px;
margin-bottom : 5px;
background-color : #f7f7f7;
}
#linklist li:hover {
line-height : 2.5ex;
list-style-type : none;
background-color : #dee2b3;
border : 1px solid #888888;
display : block;
padding : 4px;
margin-bottom : 5px;
}
#linklist li a:link {
color : #988f5e;
}
#linklist li a:visited {
color : #988f5e;
}