/* 5EaglesPeak.org/site.css */

a:active{  color:#996633; }
a:link{    color:#0000F0; }
a:visited{ color:#66FF33; }
a:hover{   color:black; background-color:yellow; }

.Home
{
    background-image:url(images/5ep-winter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:lightgreen;
}

#slideshow, img.bgM
{
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index:-9999;
    background-size: cover;
    background-color:lightgreen;
}

.transparent{ background-color:transparent !important;}

div#foot
{
   position: fixed;
   border: 0px solid black;
   bottom: 0; left: 10%; right: 10%; height: auto;
   border-radius: 1em;   padding: 0em;   margin: 0em;
   font-size: small;
   text-align: center;
}

div#links
{
   position: absolute;
   border: solid 0px black;
   top: 200px; right:25px; width:300px; height:800;
   border-radius: 1em;   padding: 0em;   margin: 0em;
   font-size: 1.25em;
   text-align: left;
}

.AboutUs
{
    background-image:url(images/storm-across-the-lake.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:yellow;
}

div#aboutus
{
    position: absolute;
    border: solid 0px black;
    top: 100px; left:25px; width:250px; height:800;
    border-radius: 1em;   padding: 0em;   margin: 0em;
    font-size: medium;
    text-align: left;
}

div#aboutustext
{
    position: absolute;
    border: solid 0px black;
    top: 100px; left:200px; width:250px; height:800;
    border-radius: 1em;   padding: 0em;   margin: 0em;
    font-size: medium;
    text-align: center;
}

.Upcoming
{
    background-image:url(images/clouds-over-island-lite.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:yellow;
}

.Recent
{
    background-image:url(images/sandpoint.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:yellow;
}

.Politics
{
    background-image:url(images/ballot-box.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#ffffc0;
    margin-bottom:100px;
    a:visited{ color:#000000 ! important; }
}

div#politicstext
{
    position: absolute;
    border: solid 0px black;
    top: 280px; left:24%; width:55%;
    height: auto;
    height: 100%;
    border-radius: 1em;   padding: 0em;
    margin: 0 auto -100px;
    font-size: medium;
    text-align: left;
}

.everything_img
{
    position: absolute;
    border: solid 0px black;
    top: 15%;
    left: 40%; width:20%; height: auto;
    border-radius: 1em;   padding: 0em;   margin: 0em;
    font-size: medium;
    text-align: center;
}

div#upcomingtext
{
    position: absolute;
    border: solid 0px black;
    top: 60px; right:10%; width:20%; height:800;
    border-radius: 1em;   padding: 0em;   margin: 0em;
    font-size: medium;
    text-align: center;
}

.toggle{padding:0.5em;}
.toggle:hover{background-color:yellow !important;cursor:pointer;}

blockquote#tquote{
color:black
padding-top:1em;
padding-bottom:1em;
text-align: justify;
}
#tname{
line-height:2em;
font-size:large;
font-style:italic;
float:right;
}
#xclick{
font-size:large;
font-style:italic;
float:right;
}
/*
 * anylinkmenus from http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm 
 */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */


div#friends
{
   position: absolute;
   border: solid 0px black;
   top: 150px; left:30px; width:400px; height:800;
   border-radius: 1em;   padding: 0em;   margin: 0em;
   font-size: medium;
   text-align: left;
}

div#videolinks
{
   position: absolute;
   border: solid 0px black;
   top: 200px; left:30px; width:400px; height:800;
   border-radius: 1em;   padding: 0em;   margin: 0em;
   font-size: medium;
   text-align: left;
}

/* The position parameters don't work for some reason, thus the 'div#friends' above */
.anylinkmenu{
position: absolute;
left: 200px;
top: 400px;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 280px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */

.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/* ######### class for shadow DIV ######### */

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}