﻿/* ----- Accordian ----- */ 

.sidemenu{
	margin: 0px 0px;
    padding: 0;
    width: 180px; 
    border-bottom-width: 0;
}
	
.sidemenu div a{ 
	font: 12px Helvetica,Arial,sans-serif;
    color: #FFB801; 
    display: block;
    position: relative; 
    width: auto;
    padding: 4px 0;
    padding-left: 15px;
    text-decoration: none;
    text-transform:uppercase;
}
	
.sidemenu div a:link, .arrowsidemenu div a:visited{
	color: #FFB801; 
}

.sidemenu div a:hover{
    font: 12px Helvetica,Arial,sans-serif;
    color: white; 
    padding: 4px 0;
    padding-left: 15px; 
    text-decoration: none;
}

.sidemenu div.unselected a{ 
	color: #FFB801;
}

	
.sidemenu div.selected a{ 
	color: #FFB801;

}

.sidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidemenu ul li{
	
}


.sidemenu ul li a{ /*sub menu links*/
	display: block;
    font: normal 11px Helvetica,Arial,sans-serif;
    color: #D9D7D7; /* GREY*/
    text-decoration: none;
    padding: 2px 0;
    padding-left: 30px;
}

.sidemenu ul li a:hover{
	color: #FFFFFF;
}



/* ----- Tab Menu ----- */ 

.tab{
margin-bottom: 0px;
}

.tab ul{
padding: 3px 9px 1px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0px;
font: bold 12px Helvetica,Arial,sans-serif;
list-style-type: none;
text-align: left; 
border-bottom: 1px solid #FFB801;
}

.tab li{
display: inline;
margin: 0; 
}

.tab li a{
text-decoration: none;
margin: 0;
margin-right: 0; /*distance between each tab*/
font: bold 12px Helvetica,Arial,sans-serif;

color: white;
font-size: 12px;
font-weight: bold;
padding: 3px 9px 0px 5px;
background-color:#FFB801; /* yellow */
background-repeat: repeat-x;
 border-left: 1px solid #FFB801;
 border-right: 1px solid #FFB801;
 border-top: 1px solid #FFB801;
border-bottom: 1px solid #FFFFFF;
}

.tab li a.current {
padding: 3px 9px 1px 5px;
background-color:#FF6B10; /*orange*/
color: white;
}

/*.tab li a:visited{
padding: 3px 9px 1px 5px;
color: #555555;
}*/

.tab li a:hover {
padding: 3px 9px 1px 5px;
background-color: #493723; /*brown*/
color: white;
}


#tabcontentcontainer{
width:100%; /*width of 2nd level content*/
height: auto; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent{
display: none;
font-size: 12px;
border-right: 1px solid #FFB801;
border-bottom: 1px solid #FFB801;
border-left: 1px solid #FFB801;
padding: 10px;
background-color:#FFFFCC; /* light yellow */
background-position: bottom;
background-repeat: repeat-x;
}

/* ----- Thumbnail Viewer ----- */ 

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position:absolute;
left: 0;
top: 0;
margin-top:-80px;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ 
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* ----- simplegallery ----- */ 
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 5px solid #fd8701;
}

#simplegallery1 .gallerydesctext{ 
text-align: left;
padding: 2px 5px;
}