/* outer-container is for all pages except gallery */
#outer-container, #gallery {
    background-position:top;
    background-image: url(../images/backgrounds/tvtap-section-repeat.jpg);
    background-repeat: repeat-y;
}
/* #container is for regular pages, #wrapper is bbpress, #white-rap is for gallery */
#container, #wrapper, #white-rap {
    background-position:top;
    background-image: url(../images/backgrounds/tvtap-section-top.jpg);
    background-repeat: no-repeat;
    min-height:630px;
}
#footer{
    background-position:top;
    background-image: url(../images/backgrounds/tvtap-section-bottom.jpg);
    background-repeat: no-repeat;
    padding-top:16px;
}

#logo-link {
    height: 86px;
    left: 55px;
    position: absolute;
    top: 24px;
    width: 166px;
}

#section-menu {
    float: left;
    margin-left: 35px;
    margin-top: 124px;
    width: 220px;
}

#section-menu h5 {
    text-indent : -9999px;
}

#section-menu a, #section-menu a {
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    height: 41px;
    margin-top: 0px;
    vertical-align: middle;
    width: 171px;
}

/* membership*/
#section-menu li.membership a {
}
#section-menu li.membership a:link, #section-menu li.membership a:visited, #section-menu li.membership a:active{
    background-image: url(../images/menu_section/membership.png);
}
#section-menu li.membership a:hover{ 
    background-image: url(../images/menu_section/membership_hover.png);
}
/* membership current */
#section-menu li.membership a.active:link, #section-menu li.membership a.active:visited, #section-menu li.membership a.active:active{
    background-image: url(../images/menu_section/membership_current.png);   
}
#section-menu li.membership a.active:hover{ 
    background-image: url(../images/menu_section/membership_current.png);
    cursor: default;
}


/* communities*/
#section-menu li.communities a {
}
#section-menu li.communities a:link, #section-menu li.communities a:visited, #section-menu li.communities a:active{
    background-image: url(../images/menu_section/communities.png);
}
#section-menu li.communities a:hover{ 
    background-image: url(../images/menu_section/communities_hover.png);
}
/* communities current */
#section-menu li.communities a.active:link, #section-menu li.communities a.active:visited, #section-menu li.communities a.active:active{
    background-image: url(../images/menu_section/communities_current.png);   
}
#section-menu li.communities a.active:hover{ 
    background-image: url(../images/menu_section/communities_current.png);
    cursor: default;
}


/* discover*/
#section-menu li.discover a {
}
#section-menu li.discover a:link, #section-menu li.discover a:visited, #section-menu li.discover a:active{
    background-image: url(../images/menu_section/discover.png);
}
#section-menu li.discover a:hover{ 
    background-image: url(../images/menu_section/discover_hover.png);
}
/* discover current */
#section-menu li.discover a.active:link, #section-menu li.discover a.active:visited, #section-menu li.discover a.active:active{
    background-image: url(../images/menu_section/discover_current.png);   
}
#section-menu li.discover a.active:hover{ 
    background-image: url(../images/menu_section/discover_current.png);
    cursor: default;
}


/* skiing*/
#section-menu li.skiing a {
}
#section-menu li.skiing a:link, #section-menu li.skiing a:visited, #section-menu li.skiing a:active{
    background-image: url(../images/menu_section/skiing.png);
}
#section-menu li.skiing a:hover{ 
    background-image: url(../images/menu_section/skiing_hover.png);
}
/* skiing current */
#section-menu li.skiing a.active:link, #section-menu li.skiing a.active:visited, #section-menu li.skiing a.active:active{
    background-image: url(../images/menu_section/skiing_current.png);   
}
#section-menu li.skiing a.active:hover{ 
    background-image: url(../images/menu_section/skiing_current.png);
    cursor: default;
}


/* hike-bike*/
#section-menu li.hike-bike a {
}
#section-menu li.hike-bike a:link, #section-menu li.hike-bike a:visited, #section-menu li.hike-bike a:active{
    background-image: url(../images/menu_section/hike-bike.png);
}
#section-menu li.hike-bike a:hover{ 
    background-image: url(../images/menu_section/hike-bike_hover.png);
}
/* hike-bike current */
#section-menu li.hike-bike a.active:link, #section-menu li.hike-bike a.active:visited, #section-menu li.hike-bike a.active:active{
    background-image: url(../images/menu_section/hike-bike_current.png);   
}
#section-menu li.hike-bike a.active:hover{ 
    background-image: url(../images/menu_section/hike-bike_current.png);
    cursor: default;
}


/* discussion*/
#section-menu li.discussion a {
}
#section-menu li.discussion a:link, #section-menu li.discussion a:visited, #section-menu li.discussion a:active{
    background-image: url(../images/menu_section/discussion.png);
}
#section-menu li.discussion a:hover{ 
    background-image: url(../images/menu_section/discussion_hover.png);
}
/* discussion current */
#section-menu li.discussion a.active:link, #section-menu li.discussion a.active:visited, #section-menu li.discussion a.active:active{
    background-image: url(../images/menu_section/discussion_current.png);   
}
#section-menu li.discussion a.active:hover{ 
    background-image: url(../images/menu_section/discussion_current.png);
    cursor: default;
}




/*section-title*/
#section-title h2 {
    text-indent: -9999px;
}
#section-title {
    left: 650px;
    position: absolute;
    top: 33px;
}

/*section-photo */
#section-photo {
    left: 27px;
    position: absolute;
    overflow: hidden;
    top: 380px;
}

/* used this page to solve problem with tabs with wrapping text not lining up */
/* http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */

/* subsection-tabs*/
#subsection-tabs {
    left: 270px;
    overflow:hidden;
    position: absolute;
    top: 120px;
    text-align: center;
    vertical-align: middle;
}
#subsection-tabs .tab-text {
    display: inline-block;
    font-size: 9px;
    font-weight: normal;
    margin: auto;
    padding: 5px 8px 0 8px;
    text-transform: uppercase;
}
#subsection-tabs ul {
    clear:left;
    float:left;
    position: relative;
}
#subsection-tabs ul li {
    display:block;
    float:left;
    margin: 0;
    padding: 0;
    position: relative;
}

/* subsection a */
#subsection-tabs li a {  
    float:left;
    position: relative;
    width: 108px;
    height: 32px;
}
#subsection-tabs li a:link, #subsection-tabs li a:visited, #subsection-tabs li a:active{
    background-image: url(../images/tabs/purple-tab.gif);
    background-repeat: no-repeat;
    color: #ffffff;
}
#subsection-tabs li a:hover{ 
    background-image: url(../images/tabs/green-tab.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
}
/* subsection a current */
#subsection-tabs li a.active:link, #subsection-tabs li a.active:visited, #subsection-tabs li a.active:active{
    background-image: url(../images/tabs/white-tab.gif);   
    background-repeat: no-repeat;
    color: #da7404;
}
#subsection-tabs li a.active:hover{ 
    background-image: url(../images/tabs/white-tab.gif);
    background-repeat: no-repeat;
    color: #da7404;
    text-decoration: none;
}



/* folder-content, #main is for gallery */
#folder-content, #main {
    float: left;
    margin-left: 20px;
    margin-top: 170px;
    width: 640px;
}

#folder-content h1, #main h1 {
    background-position: right;
    background-image: url(../images/backgrounds/orange-line.png);
    background-repeat: no-repeat;
    color: #da7404;
    font-weight: bold;
    padding-bottom: 16px;
    width: 100%;
    text-transform: uppercase;
}

.white-background {
    background-color: #fff;
    padding-right: 10px;
}

#folder-content h1.subsection, #main h1.subsection {
    background-color: #92a246;
    background-image: none;
    color: #fff;
    font-size: .98em;
    font-weight: bold;
    margin-bottom: 16px;
    padding: 8px 0 6px 12px;
    width: 630px;
    text-transform: uppercase;
}

#folder-content #green-line-header, #main #green-line-header  {
    background-position: left;
    background-image: url(../images/backgrounds/green-line-slice.png);
    background-repeat: repeat-x;
    height: 30px;
    margin-left: 20px;
    padding: 0;
    display: inline-block;
}

#green-line-fade {
    background-position: right;
    background-image: url(../images/backgrounds/green-line-fade.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    padding: 0;
    padding-right: 200px;
}

#folder-content h2 {
    display: inline-block;
    color: #4e5a12;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0;
    /*padding-right: 200px;*/
    text-transform: uppercase;
}

#folder-content h3{}



#folder-content h4 {
    color: #514380;
    font-size: .8em;
    font-weight: bold;
    margin-left: 4px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

#folder-content h5 {
    color: #4e5a12;
    font-size: .8em;
    font-weight: bold;
    margin-left: 20px;
    padding-bottom: 4px;
}


#folder-content p {
    font-size: .8em;
    margin-left: 20px;
    padding-bottom: 16px;
    width: 600px;
}


#folder-content ul {
    font-size: .8em;
    margin: 0px 0 20px 46px;
    list-style-type: circle;
    list-style-image: url(../images/bullets/0090_check.png);
}



/* list images for different file types */
#folder-content ul.resource-list {
    font-size: 1em;
    margin: 0px 0 20px 30px;
    list-style-type: circle;
}
#folder-content ul.resource-list li.doc-item{
    list-style-image: url(../images/bullets/file-icons/doc.png);
}
#folder-content ul.resource-list li.link-item{
    list-style-image: url(../images/bullets/file-icons/link.png);
}
#folder-content ul.resource-list li.mail-item{
    list-style-image: url(../images/bullets/file-icons/mail.png);
}
#folder-content ul.resource-list li.pdf-item{
    list-style-image: url(../images/bullets/file-icons/pdf.png);
}
#folder-content ul.resource-list li.pic-item{
    list-style-image: url(../images/bullets/file-icons/pic.png);
}
#folder-content ul.resource-list li.unknown-item{
    list-style-image: url(../images/bullets/file-icons/unknown.png);
}
#folder-content ul.resource-list li.xls-item{
    list-style-image: url(../images/bullets/file-icons/xls.png);
}


#folder-content table {
   border: 1px solid #b5c661;
    font-size: .76em;
    margin: 4px 0 20px 16px;
}

#folder-content table tr td {
    padding: 2px 4px;
}

#folder-content #announcement {
    margin-bottom: 6px;
}

#folder-content #divider {
    background-color: #c8d0a2;
    color: #c8d0a2;
    height: 8px;
    margin-bottom: 14px;
    width: 90%;
}

#folder-content #divider-thick {
    background-color: #c8d0a2;
    color: #c8d0a2;
    height: 20px;
    margin-bottom: 14px;
    width: 90%;
}

table.gridlines td {
    border: 1px solid #d4df9d;
}

td { text-align: center; }

td.label, tr.label td, td.rowTitle {
    font-weight: bold;
}

tr.note td, td.note, #folder-content table tr td.note {
    font-style: italic;
    text-align: left;
}

td.left {
    text-align: left;
}

td.divider-row {
    background-color: #d4df9d;
    font-weight: bold;
}
td.header-row {
    font-weight: bold;
}

#subsub-navbar {
    background-color: #92a246;
    height: 25px;
    margin-bottom: 16px;
    padding-top: 7px;
}
#folder-content h1.subsub {
    display: inline;
    margin: 0 0 6px 12px;
    padding: 0;
    width: 340px;
}
.ie-inline-block {
    display: inline-block;
    width: 340px;
}
#folder-content h3.subsub {
    background-color: #92a246;
    background-image: none;
    color: #fff;
    display: inline;
    font-size: .65em;
    margin-right: 20px;
    text-align: right;
    text-transform: uppercase;
}
/* #folder-content h3.subsub a */
#folder-content h3.subsub a { 
    color: #ffffff;
    margin: 0 4px;
}
#folder-content h3.subsub a:link, #folder-content h3.subsub a:visited, #folder-content h3.subsub a:active{
    color: #ffffff;
}
#folder-content h3.subsub a:hover{ 
    color: #ffffff;
    text-decoration: underline;
}

div.a-project {
    border-bottom: 9px solid #C8d0a1;
    margin: 0 0 30px 20px;
}

#folder-content div.a-project p, #folder-content div.a-project #green-line-header{
    margin-left: 0;   
}

#folder-content div.a-project p {
    width: auto;
}
#folder-content div.a-project div.project-image-block{
    float: right;
    padding: 0 0 10px 10px;
    width: 200px;
}

#folder-content div.a-project div.project-image-block p {
    width: 190px;
}

div.project-links {
    clear: both;
}

#folder-content div.a-project ul.resource-list li span {
    font-size: 0.78em;
}

#folder-content div.a-project ul.resource-list {
    margin-bottom: 10px;
}