@media (min-width:601px) {

div#page { width:auto; margin-left:auto; margin-right:auto;}

body {
display : block;
background : #ece5da;



width:auto;
}


.container {
    position: relative;
}
.container .container-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../images/wcscc_bg.jpg");

}
.container .content {
    position: relative;
    z-index: 1;
}



div.index {
height:auto;
padding:2em;
}

h4 {
font-family: "DejaVu Sans";
color: #00002D;
font-size: 1.5em;
font-weight:bold;
line-height:1em;
text-align:center;
}


.logo {
width:50%
}




.indexind {
text-indent : 1.5em;
font-size:1.5em;
}

.yeti_construction {
text-align:center;


}

.dttp {
width: 50%;
}
.breakall {
clear: both;
}

.txtcent {
text-align:center;
}

ul.none {
list-style:none;
}

.sidenav {
font-family: "DejaVu Sans";
position:absolute;
z-index: 1;
top: 17em;
left: 1em;
background: #000;
border:5px solid #CD8F16;
overflow-x:hidden;
padding:8px 0;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 1.25em;
    color: #FFF;
    display: block;
}

.sidenav a:hover {
    color: orange;
}

.main {
    margin-left: 6em;
    font-size: 1.75em;
    padding: 0px 10px;
    margin-top:0em;
    padding-left:1.25em;
    padding-right:2.5em;
}



div.nav1 {

text-align:center;
width:80%;
margin-left:auto;
margin-right:auto;
}

footer {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
background : #000;
color: #CD8F16;
font-weight:bold;
font-size:1em;
margin-top:10px;
height:auto;
}

.footerlink {
color: gold;
font-style: italic;
font-size:1.25em;
}
.footerlinknone {
color: gold;
font-style: italic;
font-size:1.25em;
text-decoration:none;
}
.white {
color: #FFFFFF;
font-size:1.25em;
}

.gold {
color: #CD8F16;
}

.develop {
text-align:right;
margin-top:3em;
padding-right:2em;
font-size:.5em;
}

.developlink {
color: #CC9E00;
font-style: italic;
}
.critter {
width:25%;
}

.center{
text-align:center;
}




nav {    
  display: block;
  text-align: center;
}
nav ul {
  margin: 0;
  padding:0;
  list-style: none;
}

.nav a {
  display:block; 
  background: #111; 
  color: #fff; 
  text-decoration: none;
  padding: 0.8em 1.8em;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 2px;
  text-shadow: 0 -1px 0 #000;
  position: relative;
}
.nav {  
  vertical-align: top; 
  display: inline-block;
  box-shadow: 
    1px -1px -1px -1px #000, 
    -1px 1px -1px -1px #fff, 
    0 0 6px 3px #fff;
  border-radius:6px;
}
.nav li {
  position: relative;
}

.nav > li { 
  float: left; 
  border-bottom: 4px #aaa solid; 
  margin-right: 1px; 
} 
.nav > li > a { 
  margin-bottom: 1px;
  box-shadow: inset 0 2em .33em -0.5em #555; 
}
.nav > li:hover, 
.nav > li:hover > a { 
  border-bottom-color: orange;
}
.nav li:hover > a { 
  color:orange; 
}

nav li a.current {
   border-bottom: 4px solid orange;
   color:orange;
}

.sidenav a.current {
   border-bottom: 2px solid orange;
   color:orange;
}
.nav > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.nav > li:first-child > a { 
  border-radius: 4px 0 0 0;
}
.nav > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 

.nav > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
.nav li li a { 
  margin-top: 1px;
}

.nav li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent; 
  top: 50% ;
  right:5px;  
 }

.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  orange;
  z-index: 1;
  left: -99999em;
}
.nav > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}

.nav > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}

.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}

.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}

.blue{
color:#000080;   
}







}