/* TOP ICON NAVIGATION */
#top-nav-container{
width: 960px;
margin: 0 auto;
display: block;
height: 58px;
}

#top-left-col{
float: left;
height: 58px;
width: 160px;
}

.trans-masthead{
width: 156px;
height: 56px; 
border: 0;
z-index: 2;
position: absolute;
margin: -58px 0 0 0;
}

#top-left-col h1{
text-indent: -9999px;
background: #55c0d2 url(../images/avenue-masthead.gif) no-repeat;
margin: 0;
height: 58px;
width: 160px;
}

.description{
color: #ddf6fd;
font-family: Georgia, Times, serif;
font-size: 24px;
letter-spacing: -1px;
margin: 0;
float: left;
margin: 28px 0 0 10px;
} 

#top-right-col{
float: right;
width: 500px;
}

#top-search{
float: left;
width: 286px;
height: 26px;
background: url(../images/top-search.png) no-repeat;
}

/*.avatar{
display: none;
} */



#top-searchsubmit{
border: 0;
padding: 0;
background: transparent;
text-indent: -9999px;
}

#top-s{
border: 0;
padding: 0 10px;
background: transparent;
}

.searchtip-off {color:#ababab}
.searchtip-on {color:#000}


#top-nav-icons{
float: right;
color: #fff;
display: inline;
margin: 30px 0 0 0;
}

#top-nav-container a:link {text-decoration: none; color: #fff;}
#top-nav-container a:visited {text-decoration: none; color: #fff;}
#top-nav-container a:active {text-decoration: none; color: #fff;}
#top-nav-container a:hover {text-decoration: underline; color: #fff;}

#sizer{
margin: 0 0 0 8px;
}

.haccordion .header, .haccordion .content{   
float: left;    
width: 100px;
}   
    
.haccordion .header{   
width: 26px;    
color: #fff;   
cursor: pointer;   
margin: 0 0 0 5px;
}   
  
.haccordion .content{   
display: none;   
width: 0px;   
overflow: hidden;   
height: 26px;
background-image: url(../images/navigation/top-nav-bg.png);
background-repeat: no-repeat;
background-position: top left;
padding: 0;  
line-height: 27px;
}     

.haccordion .content.visible{
display: block;
width: 150px;
}

.header a{
display: block;
width: 40px;
height: 26px;
}

.haccordion span{  
margin-left: 8px;
} 

/* RESIZE CONTENT OPTIONS */

#content.small { font-size: 10px }
#content.medium { font-size: 14px }
#content.large { font-size: 18px }



/* TOP PRIMARY NAVIGATION */

a:focus {
   outline: none;
} 

.main-nav ul{
padding: 0;
margin: 0;
}

.main-nav ul li{
list-style: none;
display: inline;
}

#page .main-nav ul li a{
padding: 8px 0.5em;
text-decoration: none;
float: left;
color: #aaa;
background-color: #232323;
margin: 0 2px 0 6px;
}

#page .main-nav ul li a:hover{
color: #fff;
}

#page .main-nav .current-page{
background: #232323 url(../images/navigation/current-page-item.gif) no-repeat bottom center;
color: #fff;
}

#page .main-nav .flickr-page{
background: #232323 url(../images/navigation/current-page-item.gif) no-repeat bottom center;
color: #fff;
}

#page .main-nav .k9-members{
background: #232323 url(../images/navigation/star-icon.gif) 65px 9px no-repeat;
color: #aaa;
}

#page .main-nav .top-of-page{
color: #777;
margin: 0 10px 0 0;
float: right;
}



/* TOP SLIDING FEATURES */


#green-nav-line{
width: 960px;
height: 1px;
border-top: 1px solid #637d1b;
border-bottom: 1px solid #49591a;
background-color: #586e1a;
font-size: 1px;
}

#toggle-features-btn{
background: #ffffe0 url(../images/navigation/tripple-line.gif) repeat-x center center;
clear: both;
}

#scrolling-features{
width: 626px;
height: 336px;
border: 1px solid #fcf2ba;
background-color: #fff;
margin: 0;
float: left;
}

#other-features{
width: 300px;
height: 336px;
border: 1px solid #fcf2ba;
background-color: #fff;
margin: 0 0 0 10px;
float: left;
}

#other-features h2{
font-size: 18px;
color: #586e1a;
margin: 0 0 4px 0;
}

#other-features .left-col{
width: 132px;
float: left;
margin: 15px 15px 0 20px;
}

#other-features .right-col{
width: 132px;
float: left;
margin: 15px 0 0 0;
}

#other-features ul, #other-features ul ol {
margin: 0;
padding: 0;
}

#other-features ul li {
margin:0 0 2px 15px;
padding:0;
list-style-type: square;
list-style-image: none;
color: #9ba869;
}

#other-features a:link {text-decoration: none; color: #777; font-family: Georgia, Times, serif; font-size: 11px; letter-spacing: -1px;}
#other-features a:visited {text-decoration: none; color: #777; font-family: Georgia, Times, serif; font-size: 11px; letter-spacing: -1px;}
#other-features a:active {text-decoration: none; color: #777; font-family: Georgia, Times, serif; font-size: 11px; letter-spacing: -1px;}
#other-features a:hover {text-decoration: underline; color: #92350a; font-family: Georgia, Times, serif; font-size: 11px; letter-spacing: -1px;}

#toggle-features{
margin: 0;
height: 344px;
overflow:hidden; 
position: relative;
}

.btn-slide {
background: url(../images/navigation/toggle-features.gif) no-repeat right -56px;
text-align: center;
width: 144px;
height: 15px;
padding: 0 10px 0 0;
margin: 0 auto;
display: block;
text-decoration: none;
}
.active {
background-position: right -1px;
}



/* SLIDING FEATURES CONTAINER */

#slider{
width: 584px;
height: 300px;
margin: 19px 0 0 22px;
overflow:hidden; 
position: relative;
}	
	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}

#slider li{ 
width:584px;
height:300px;
overflow:hidden; 
}	

#prevBtn{ 
display:block;
width:30px;
height:20px;
position:relative;
left: 10px;
top:-220px;
text-indent: -9999px;
}	

#nextBtn{ 
display:block;
width:30px;
height:20px;
position:relative;
left: 608px;
top:-240px;
text-indent: -9999px;
}		
												
#prevBtn a, #nextBtn a{  
display:block;
width:30px;
height:140px;
background:url(../images/navigation/left-btn.gif) no-repeat 0 0;	
}	

#nextBtn a{ 
background:url(../images/navigation/right-btn.gif) no-repeat 0 0;	
}	



/* TEASER BLOCKS */

.teaser-block{
width: 176px;
height: 296px;
border: 1px solid #fcf2ba;
float: left;
background: #fae691 url(../images/navigation/feature-block-bg.gif) repeat-x 0 167px;
margin: 0 8px;
}

.teaser-thumb{
width: 176px;
height: 166px;
background: #fae691 url(../images/navigation/teaser-loader.gif) no-repeat center center;
}

.teaser-thumb img{
width: 176px;
height: 164px;
}

.teaser-category a:link{
z-index: 2;
position: absolute;
background-color: #246c70;
color: #fff;
padding: 1px 4px;
text-transform: uppercase;
font-size: 9px;
margin: 5px 0 0 5px;
font-family: Arial, sans-serif;
}

.teaser-category a:visited{
z-index: 2;
position: absolute;
background-color: #246c70;
color: #fff;
padding: 1px 4px;
text-transform: uppercase;
font-size: 9px;
margin: 5px 0 0 5px;
font-family: Arial, sans-serif;
}

.teaser-category a:active{
z-index: 2;
position: absolute;
background-color: #246c70;
color: #fff;
padding: 1px 4px;
text-transform: uppercase;
font-size: 9px;
margin: 5px 0 0 5px;
font-family: Arial, sans-serif;
}

.teaser-category a:hover{
z-index: 2;
position: absolute;
background-color: #92350a;
color: #fff;
padding: 1px 4px;
text-transform: uppercase;
font-size: 9px;
margin: 5px 0 0 5px;
font-family: Arial, sans-serif;
}

.teaser-title{
margin: 8px 10px 4px 10px;
padding: 0 0 2px 0;
border-bottom: 1px solid #9aa75e;
height: 90px;
}

.teaser-title h2{
color: #586e1a;
letter-spacing: -2px;
line-height: 28px;
margin: 0;
padding: 0;
}

.teaser-options{
display: block;
text-align: right;
margin: 0 10px 0 0;

}

.teaser-options a:link{
color: #77361b;
padding: 1px 4px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, sans-serif;
}

.teaser-options a:visited{
color: #77361b;
padding: 1px 4px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, sans-serif;
}

.teaser-options a:active{
color: #77361b;
padding: 1px 4px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, sans-serif;
}

.teaser-options a:hover{
color: #77361b;
padding: 1px 4px;
text-transform: uppercase;
font-size: 10px;
text-decoration: underline;
font-weight: bold;
font-family: Arial, sans-serif;
}


/* STARTER KIT */	

    #message_box { 
       position: absolute; 
       left: 0px; 
       z-index: 10; 
	   background:#ffe300;
	   padding:5px;
       border:1px solid #ffe300;
       text-align:center; 
       width:99%;
       display:none;
       color:#000;
       font: bold 12px Arial, Helvetica, sans-serif;
      }

#message_box a:link{
color: #000;
padding: 1px 4px;
text-decoration: underline;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, sans-serif;
}

#message_box a:visited{
color: #000;
padding: 1px 4px;
text-decoration: underline;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, sans-serif;
}

#message_box a:active{
color: #000;
padding: 1px 4px;
text-decoration: underline;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
font-family: Arial, sans-serif;
}

#message_box a:hover{
color: #fff;
padding: 1px 4px;
text-transform: uppercase;
font-size: 10px;
text-decoration: none;
font-weight: bold;
font-family: Arial, sans-serif;
background: #000;
}






.vcard{
margin-bottom: 14px;
min-height: 50px;


}