<!--- Style sheet for Weimaraner Association. All artwork © 2007 WA--->
<!--- scroller styles are added at end: scrotab, scrolin--->


<style>
{
margin:0;
padding:0;
border:none;
z-index:0;
}
html, body {
height:100%;

}

body {
font-family:arial, sans-serif;
color:#000;
font-size:82%;
background:lightgrey;
}

#header{
position:absolute;
top:0;
left:0;
width:100%;
height:178px;
line-height:100px;
background:lightgrey;
color: #FFF;
font-weight:bold;
text-align:left;}

#clearheader {
height:178px;
}

#outer{
min-height:100%;
margin-left:200px;
margin-right:100px;
margin-bottom:-100px;
background:transparent;
}

#sidebar {
position:relative;
width:200px;
text-align:center;
float:left;
z-index:100;
margin-left:-199px;
left:-1px;
background-color:#660033;
margin-top:10px;
min-height: 100%
}

#middle {
width:90%;
float:left;
position:relative;
z-index:1;
margin:0 -1px;
padding-left:10%;
padding-right:5%x;
padding-bottom:50px;
padding-top:10px;
}
#content {
background-color:#FFF;
padding-left:10%;
padding-right:5%;
padding-bottom:50px;
padding-top:10px;

}

p {
padding:15px 15px 0 15px;
}

#clearfooter {
clear:both;
height:115px;
}

#footer {

width:700px;
clear:both;
height:100px;
line-height:100px;

margin-left:auto;
margin-right:auto;

font-weight:bold;
text-align:center;
position:relative;
}
/* Notes about the layout: Notice the header heights – in this example they are 178px high. Also note the footer heights – in this example the footer is 100px high. 
In order to change the height of the footer for example; you need to adjust the height of the #clearfooter div, and the #footer div. 
Same  with the header, it’s clearing element, and their associated paddings & margins. This could be much simpler, but since this example required a tiling background image 
and some space between the main content and the side bar it needed a few extra things*/

td { font-family: arial, helvetica, sans-serif;  font-size: 10px; color: #000000 }

p {color: #000000;  font-family: arial, helvetica, sans-serif;  font-size: 12px; text-decoration: none}

h1 {font-family: arial, helvetica, sans-serif; font-size: small; font-weight: bold; color: #000000 }

h2 {color: #000000;  font-family: arial, helvetica, sans-serif;  font-size: 12px; font-style : italic; text-decoration: none}

h3 {color: #000000;  font-family: arial, helvetica, sans-serif;  font-size: 15px; text-decoration: none}


h4 {color: #000000;  font-family: arial, helvetica, sans-serif;  font-size: 30px; text-decoration: none}

a:link {color: #0000FF;  font-family: Arial;  font-size: 10px; text-decoration: none}

a:visited {color: #800080;  font-family: Arial;  font-size: 10px; text-decoration: none} 

a:active {color: #999999;  font-family: arial, helvetica, sans-serif;  font-size: 10px; text-decoration: none} 

A:hover {text-decoration: none;  font-family:arial, helvetica, sans-serif;  font-size: 10px;color: #999999} 
a {font-family:arial; font-size:12px; color:#000000}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
#logo
{
position: absolute; 
left: 40%; top: 20px;
}

.scrotab {
 FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center
}
.scrolin {
 FONT-SIZE: 14px; COLOR: white; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center
 }

</style>