/* 
--------------------------------------
eatonflyfishers css
andrew maison, november 2005
contact:
andrew_maison@hotmail.com, blog: windknotter.blogspot.com
--------------------------------------
*/

body {
text-align: center;
font-family: Verdana, sans-serif;
font-size: 75%;
padding: 0;
margin: 0;
background: #B2B299 url(../images/canvas.jpg) repeat-y 50% 0;
}

/* 
--------------------------------------
structure
--------------------------------------
*/

#container {
padding: 0;
margin: 0 auto;
width: 690px;
text-align: left;
}

/* Holly hack to move canvas slightly to right for Win/IE \*/
 * html #container {
position: relative;
left: 1px;
 }
 /* End hack */


/* 
--------------------------------------
header
--------------------------------------
*/

h1 {
padding: 0;
margin: 0px 0 0 0;
color: #663;
background: #663 url(../images/header.jpg) no-repeat;
height: 121px;
}

h1 img {
padding: 0;
margin: 0;
position: relative;
top: 21px;
left: 355px;
}


/* 
--------------------------------------
navigation
--------------------------------------
*/

#navigation {
padding: 15px 0 18px 45px;
margin: 0;
background: #F7F7F5;
border-top: 4px solid #B2B299;
font-size: 1.3em;
font-family: Trebuchet MS, Verdana, sans-serif;
}

#navigation ul {
padding: 0;
margin: 0;
}

#navigation ul li {
padding: 0;
margin: 0 15px 0 0;
display: inline;
list-style: none;
}

#navigation ul li a:link {
padding: 0;
margin: 0;
text-decoration: none;
color: #663;
font-weight: 700;
}

#navigation ul li a:visited {
color: #663;
text-decoration: none; 
font-weight: 700;
 }
 
#navigation ul li a:hover,  #navigation ul li a:active {
text-decoration: none;
border-bottom: 2px solid #AEAE94;
}

#abou #navigation ul li#about a:link, #abou #navigation ul li#about a:visited {
border-bottom: 2px solid #AEAE94;
}

#beat #navigation ul li#beats a:link, #beat #navigation ul li#beats a:visited {
border-bottom: 2px solid #AEAE94;
}

#new #navigation ul li#news a:link, #new #navigation ul li#news a:visited {
border-bottom: 2px solid #AEAE94;
}

#albu #navigation ul li#album a:link, #albu #navigation ul li#album a:visited {
border-bottom: 2px solid #AEAE94;
}

#fee #navigation ul li#fees a:link, #fee #navigation ul li#fees a:visited {
border-bottom: 2px solid #AEAE94;
}

#link #navigation ul li#links a:link, #link #navigation ul li#links a:visited {
border-bottom: 2px solid #AEAE94;
}

/* 
--------------------------------------
content area
--------------------------------------
*/

#content {
margin: 0 0 0 45px;
padding: 30px 280px 0 0;
position: relative;
}

#new #content {
padding: 30px 280px 100px 0;
background: url(../images/background_angler.gif) no-repeat 85% 100%;
}

#fee #content {
padding: 30px 280px 150px 0;
background: url(../images/background_angler.gif) no-repeat 85% 100%;
}

#link #content {
padding: 30px 280px 180px 0;
background: url(../images/background_angler.gif) no-repeat 85% 100%;
}

#albu #content {
padding: 30px 0 0px 0;
height: 1%;
}

#content h2 {
margin: 20px 0 10px 0;
padding: 0;
color: #663;
font-size: 1.2em;
}

#content p {
margin: 0;
padding: 0 0 15px 0;
line-height: 1.3;
}

#content ul {
margin: 0;
padding: 0;
}

#content ul li {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}

/* banner li style */
#content ul li.banner {
margin: 25px 0 15px 0;
padding: 0;
list-style: none;
}

/* banner img style */
#content ul li.banner img {
border: 1px solid #000;
}



#content ul li h2 {
font-size: 1.1em;
margin: 0 0 3px 0;
padding: 0;
}

#content ul li p {
margin: 0 0 2px 0;
padding: 0;
font-size: 0.93em;
}

#content a:link {
color: #663;
}

#content a:visited {
color: #999;
}

#content a:hover, #content a:active {
text-decoration: none;
}

/* 
--------------------------------------
photo panel
--------------------------------------
*/

#content .photopanel {
margin: 0;
padding: 0;
back/ground: blue;
width: 223px;
position: absolute;
right: 20px;
top: 25px;
}

#content .photopanel p {
margin: 0 0 15px 0;
border: 1px solid #B2B299;
padding: 3px;
}

/* 
--------------------------------------
album page - menu
--------------------------------------
*/

#content #menu {
width: 210px;
position: absolute;
right: 0;
top: 25px;
}

#content #menu p {
margin: 0 40px 5px 0;
padding: 0;
font-size: 0.93em;
}

#content #menu ul {
margin: 0;
padding: 0;
float: left;
}

#content #menu ul li {
margin: 0 5px 5px 0;
padding: 0;
float: left;
}

#content #menu ul li a {
border: 1px solid #eee;
padding: 2px;
float: left;

}

#content #menu ul li a img {
vertical-align: bottom;
border: none;
float: left;
border: 1px solid #eee;
}

/* 
--------------------------------------
album page - large photo
--------------------------------------
*/

#content #large-photo {
border: 1px solid #ccc;
padding: 6px;
width: 400px;
margin: 0px 0 10px 0;
}

#content #large-photo img {
vertical-align: bottom;
}

#content p#desc {
display: none;
}



/* 
--------------------------------------
table on fees page
--------------------------------------
*/

#content table {
border-collapse: collapse;
font-size: 1em;
voice-family: "\"}\""; 
voice-family:inherit;
width: 100%;
}

html>body #content table  {
width: 100%;
} 

#content table th {
text-align: left;
color: #663;
b/order: 1px solid #000;
padding: 6px;
vertical-align: top;
}

#content table td {
padding: 6px;
}



/* 
--------------------------------------
contact panel - on fees page
--------------------------------------
*/

#content .contactpanel {
margin: 0;
padding: 0;
width: 223px;
position: absolute;
right: 0;
top: 40px;
}

#content .contactpanel p {
margin: 0 0 15px 0;
padding: 0;
}

#content .contactpanel p.smaller {
font-size: 0.93em;
margin: 0 0 10px 0;
}

#content .contactpanel span {
display: block;
color: #666;
font-size: 0.93em;
}

/* 
--------------------------------------
river flex window styles
--------------------------------------
*/

#content #flexwindow {
margin: 20px 0 0 0;
padding: 0 0 150px 0;
width: 365px;
b/order: 1px solid red;
}

#content #flexwindow div {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}

#content #flexwindow div h3 {
margin: 0 0 6px 0;
padding: 0 15px 0 0;
font-size: 1em;
color: #663;
}

#content #flexwindow div div {
margin: 0 15px 15px 0;
padding: 0;
}

#content #flexwindow div div.date {
margin: 5px 15px 0 0;
padding: 3px 0 0 0;
font-size: 0.93em;
font-weight: 700;
color: #999;
}








/* 
--------------------------------------
footer
--------------------------------------
*/

#footer {
padding: 10px 10px 10px 45px;
margin: 100px 0 20px 0;
background: #FCFCFB;
color: #999;
}

#new #footer {
margin: 20px 0 20px 0;
}

#fee #footer {
margin: 20px 0 20px 0;
}

#link #footer {
margin: 20px 0 20px 0;
}

#footer p {
padding: 0;
margin: 0 0 4px 0;
}

#footer p.secretary {
font-size: 0.93em;
margin: 0 0 2px 0;
}

#footer p.chairman {
font-size: 0.93em;
margin: 0 0 4px 0;
}

#footer p.secretary a:link,  #footer p.secretary a:visited {
color: #999;
}

#footer p.secretary a:hover,  #footer p.secretary a:active {
text-decoration: none;
}

#footer p.design {
font-size: 0.93em;
margin: 0;
padding: 0;
color: #ccc;
}

#footer p.design a:link,  #footer p.design a:visited {
color: #ccc;
}

#footer p.design a:hover,  #footer p.design a:active {
text-decoration: none;
}