/* CSS Document */

body {
background-image: url(./images/bkgd.jpg);;
margin: 0;
text-align: center;
}

h5 {
font-family: Verdana, Helvetica, Arial;
color: #CC6600;
text-align: left;
letter-spacing: .1em;
}

h6 {
font-family: Verdana, Helvetica, Arial;
color: #CC6600;
text-align: left;
letter-spacing: .1em;
}

span.head {
color: #FFFF00;
}

span.source {
color: #CC6600;
font-size: .9em;
}

span.header2 {
color: #CC6600;
}

#wrapper {
background: transparent;
position: relative;
width: 100%;
margin: 0 0 0 0;
border: 0;
padding: 0;
}

/* ------------------------------------------------------------------------------------- HEADER ---------------------- */


#header {
position: relative;
float: left;
width: 300px;
margin: 0;
border: 0;
padding: 0;
}


/* ------------------------------------------------------------------------------------- NAVIGATION ---------------------- */

#navigation {
position: relative;
clear: left;
float: left;
width: 60%;
height: 18px;
margin: 0 0 0 10px;
border: 0;
padding: 0;
text-align: center;
}

#navigation ul {
list-style: none;
margin: 0;
border: 0;
padding: 0;
}

#navigation li {
display: inline;
font: 70% Verdana, Helvetica, Arial;
color: #ffffff;
}

#navigation a:link, #navigation a:visited {
background: transparent;
color: #ffff00;
text-decoration: none;
}

#navigation a:hover {
background: transparent;
color: #CC6600;
text-decoration: none;
}

/* ------------------------------------------------------------------------------------- LEFT COLUMN ---------------------- */

#leftcol {
position: relative;
clear: left;
float: left;
width: 60%;
height: 360px;
margin: 20px 0 0 10px;
border: 0;
padding: 0;
}

#leftcol p {
font: 72% Verdana, Helvetica, Arial;
color: #ffffff;
}

#leftcol p.opening {
font: 72% Verdana, Helvetica, Arial;
color: #cfc775;
text-align: left;
}

#leftcol p.header {
font: 72% Verdana, Helvetica, Arial;
color: #cfc775;
text-align: left;
}

#leftcol p.news a:link, #leftcol p.news a:hover, #leftcol p.news a:visited {
text-decoration: none;
font-weight: bold;
color: #CC6600;
}

#leftcol p.radio {
color: #ffffff;
font-weight: bold;
}

#leftcol p.radio a:link, #leftcol p.radio a:hover, #leftcol p.radio a:visited {
text-decoration: none;
font-weight: bold;
color: #CC6600;
}

#leftcol img.angler1 {
width: 216px;
height: 36px;
margin: 10px 0 0 0;
border: 0;
padding: 0
}

#leftcol img.angler2 {
width: 250px;
height: 36px;
margin: 10px 0 0 0;
border: 0;
padding: 0
}

#leftcol img.bone {
width: 240px;
height: 119px;
margin: 10px 0 0 0;
border: 0;
padding: 0
}

#leftcol img.bone2 {
width: 123px;
height: 66px;
margin: 5px 0 0 0;
border: 0;
padding: 0
}

#leftcol table {
width: 90%;
margin: 0;
border-top: 1px dashed #CC6600;
border-bottom: 1px dashed #CC6600;
padding: 5px;
text-align: left;
font: 75% Verdana, Helvetica, Arial;
color: #cfc775;
}

#leftcol td {
width: 33%;
}

#leftcol2 {
position: relative;
clear: left;
float: left;
width: 95%;
margin: 20px 0 0 10px;
border: 0;
padding: 0;
text-align: left;
}


#leftcol2 p.newsinfo {
font: 70% Verdana, Helvetica, Arial;
color: #cfc775;
text-align: justify;
letter-spacing: .03em;
word-spacing: .03em;
}

#leftcol2 p.newsinfo a:link, #leftcol p.newsinfo a:hover, #leftcol p.newsinfo a:visited {
color: #ffff00;
text-decoration: none;
letter-spacing: .03em;
word-spacing: .03em;
}

#leftcol2 img.news {
width: 150px;
height: 119px;
margin: 5px;
border: 0;
padding: 0;
}

#leftcol2 img.robin {
width: 180px;
height: 228px;
margin: 10px;
border: 1px solid #666666;
padding: 0;
}

#leftcol2 table {
position: relative;
width: 97%;
margin: 0;
border: 0;
padding: 5px;
text-align: left;
font: 75% Verdana, Helvetica, Arial;
color: #cfc775;
text-align: center;
}

#leftcol2 table td {
width: 20%;
}

#leftcol2 table td.contributor {
font-size: 80%;
color: #CC6600;
}

#leftcol2 table img {
border: 0;
}

#leftcol2 table td a:link, #leftcol2 table td a:visited {
color: #FFFF00;
text-decoration: none;
}

#leftcol2 table td a:hover {
color: #CC6600;
text-decoration: none;
}

/* ------------------------------------------------------------------------------------- RIGHT COLUMN ---------------------- */

#rightcol {
background-image: url(./images/babb_03.jpg);
position: absolute;
top: 0;
right: 0;
float: right;
width: 325px;
height: 510px;
margin: 0;
border: 0;
padding: 0;
}

/* ------------------------------------------------------------------------------------- FOOTER ---------------------- */

#footer {
position: relative;
float: left;
width: 100%;
margin: 10px 0 10px 0;
border-top: 1px solid #bbb9b9;
padding: 0;
}

#footer p {
font: 70% Verdana, Helvetica, Arial;
color: #ffffff;
margin: 10px 0 0 0;
border: 0;
padding: 0;
}

#footer a:link, #footer a:hover, #footer a:visited {
color: #ffff00;
text-decoration: none;
}