/*
CSS for Cadillace Garden Club
*/

html {
font: small/1.4 Verdana, Helvetica, Arial, sans-serif;
}

body {
margin : 0;
padding : 4px;
background-color : #669900;
color:#000088;
line-height: 100%;
}

h2 {
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 18pt;
color : #000088;
}
h2 a{
text-decoration : none;
}

li {
margin : 0;
font-size : 10pt;
font-weight : bold;
list-style-type : none;
color: #ffff33;
}

img {
border : 1px solid #003300;
}
img alt {
font-size : 10pt;
}

#lfcornerup {
position : absolute;
margin : 0;
top : 3px;
left : 5px;
width : 200px;
height : 200px;
border: 3px solid #336600;
background-color: #669933;
background-image: url(index_files/semperv.jpg);
background-repeat: no-repeat;
}

#header {
position : absolute;
margin : 0;
top : 3px;
left : 208px;
height : 100px;
width: 750px;
border: 3px solid #336600;
background-color: #99ccff;
background-image: url(index_files/summer_header.jpg);
background-repeat: no-repeat;
}

#header h1 {
font-family : "Arial Black";
color:#660066;
margin: 2px;
font-size: 36pt;
padding: 8px;
font-weight: 700
line-height : 10pt;
}
#header h2 {
font-family : Verdana, Helvetica, Arial, sans-serif;
color: #ffcccc;
padding-left: 20px;
}
#header h3 {
font-family : Verdana, Helvetica, Arial, sans-serif;
color: #ffffcc;
font-weight: 800;
margin: 2px;
padding: 8px;
}

#navbar {
position : absolute;
margin : 0;
top : 203px;
left : 5px;
width : 200px;
height : 700px;
border: 3px solid #336600;
background-color : #669900;
padding-top : 8px;
padding-right : 2px;
line-height : 125%;
}

#navbar p {
padding-left: 6px;
padding-right: 6px;
font-size: 8pt;
color: #ffff33;
}

#bodycontent {
position : absolute;
margin : 0;
top : 106px;
left : 210px;
width : 533px;
height : 797px;
background-color : #99cc66;
border : 3px solid #336600;
padding-left : 5px;
padding-right : 5px;
padding-top : 8px;
line-height:125%;
}
#bodycontent a {
color: #0066cc;
font-weight: bold;
font-size: 10pt;
outline: none;
}
#bodycontent a:link {
color: blue;
font-weight: bold;
font-size: 10pt;
outline: none;
}

#bodycontent a:visited {
color: #0066cc;
font-weight: bold;
font-size: 10pt;
outline: none;
}

#bodycontent a:hover {
color: red;
font-weight: bold;
font-size: 10pt;
outline: none;
}

#bodycontent a:active {
color: #fff;
font-weight: bold;
font-size: 10pt;
outline: none;
}

#bodycontent li {
color: navy;
font-size: 10pt;
list-style-type: disk;
}

#bodycontent img {
border: 1px solid #336600;
}

#rightbar {
position : absolute;
margin : 0;
top : 106px;
left : 756px;
width : 202px;
height : 350px;
border: 3px solid #336600;
background-color: #669933;
background-image: url(./index_files/foxglove.jpg);
bankground-repeat: no-repeat;
}
#rightbar h2 {
font-family : "Brush Script MT", Verdana, Arial, scripts;
font-size: 30pt;
line-height: 125%;
color : #990066;
padding-top: 10px;
text-align : center;
}

#rightbar h3 {
text-align : center;
padding-top: 110px;
font-size: 14pt;
color: #ffffcc;
}

#footer {
position : absolute;
margin : 0;
top : 930px;
left : 5px;
height : 100px;
width : 250px;
}

a {
font-weight:normal;
font-size:10pt;
outline: none;
}
a:link {
color : #99ffff;
text-decoration : none
}
a:visited {
color : #99ffff;
text-decoration : none
}
a:hover {
text-decoration : none;
 color : red;
}
a:active {
text-decoration : none;
color : white
}