Direc Way
Counter
started 23.03.04
/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
/* basic elements */
body {
#headerWrapper{
background-image:url(/images/top.gif);
background-repeat:repeat-x;
background-position:top;
}
#header{
overflow:visible;
width:980px;
height:140px;
margin:0 auto;
padding:0;
}
color: #555753;
margin: 0px; font-style:oblique; font-variant:normal; font-weight:bold; line-height:10pt; font-size:16pt; font-family:Arial, Helvetica, sans-serif
}
p {
font: normal 10pt Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
text-transform: none;
}
h3 {
font: normal 18pt Rockwell ;
letter-spacing: 1px;
margin-bottom: 0px;
color: #618c96;
}
h4 {
font: bold normal 14pt Rockwell ;
letter-spacing: 1px;
margin-bottom: 0px;
}
a {
color:#1b6273;
margin-top: auto;
}
a:hover{
color:#e42435;
background-color: #dcc9e0;
margin-top: inherit;
/*color:#104c5a;*/
}
address{
font-style:normal;
margin:0 0 20px 0;
}
/* specific divs */
#container {
background: url no-repeat top left;
margin: 0px; padding-left:110px; padding-right:175px; padding-top:0px; padding-bottom:0px
}
#intro {
min-width: 470px;
}
#pageHeader {
margin-bottom: 20px;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 {
background: url('../css/h1.gif') no-repeat top left;
margin-top: 10px;
width: 219px;
height: 87px;
float: left
}
#pageHeader h1 span {
display:none
}
#pageHeader h2 {
background: url('../css/h2.gif') no-repeat top left;
margin-top: 58px;
margin-bottom: 40px;
width: 200px;
height: 18px;
float: right
}
#pageHeader h2 span {
display:none;
}
#quickSummary {
clear:both;
margin: 20px 20px 20px 10px;
width: 160px;
float: left;
}
#quickSummary p {
font: italic 20pt/normal georgia;
text-align:center;
}
#preamble {
clear: right;
padding: 0px 10px 0px 10px;
}
#supportingText {
padding-left: 10px;
margin-bottom: 40px;
}
#footer {
text-align: center;
}
#footer a:link, #footer a:visited {
margin-right: 20px;
}
#linkList {
margin-left: 600px;
position: absolute;
top: 0px;
right: 0px;
}
#linkList2 {
background: url('../css/paper-bg.jpg') repeat-y top left;
padding: 10px;
margin-top: 150px;
width: 130px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:verdana, sans-serif
}
#linkList h3.select {
background: url('../css/h3.gif') no-repeat top left;
width: 97px;
height: 16px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px
}
#linkList h3.select span {
display:none
}
#linkList h3.favorites {
background: url('../css/h4.gif') no-repeat top left;
width: 60px;
height: 18px; margin-left:0px; margin-right:0px; margin-top:25px; margin-bottom:5px
}
#linkList h3.favorites span {
display:none
}
#linkList h3.archives {
background: url('../css/h5.gif') no-repeat top left;
width:57px;
height: 14px; margin-left:0px; margin-right:0px; margin-top:25px; margin-bottom:5px
}
#linkList h3.archives span {
display:none
}
#linkList h3.resources {
background: url('../css/h6.gif') no-repeat top left;
width:63px;
height: 10px; margin-left:0px; margin-right:0px; margin-top:25px; margin-bottom:5px
}
#linkList h3.resources span {
display:none
}
#linkList ul {
margin: 0px;
padding: 0px;
}
#linkList li {
line-height: 2.5ex;
list-style-type: none;
background: url('../css/cr1.gif') no-repeat top center;
display: block;
padding-top: 5px;
margin-bottom: 5px
}
#linkList li a:link {
color: #988F5E;
}
#linkList li a:visited {
color: #B3AE94;
}
menu li a:hover{
background-color:#dcc9e0;
}
#extraDiv1 {
background: url('../css/cr2.gif') no-repeat top left;
position: absolute;
top: 40px;
right: 0px;
width: 148px;
height: 110px
}