/* CSS definition file containing sitestyle stylesheets
    Additional style sheet metodi-maroon.css for JAlbum skin - Exhibit Plus
    Author Metodi Davidovic email: <metkos at gmx . net> 

/* <% album.put("BUTTON_SET", "metodi-beige-20px"); %> */ 

 body {color: white; background-color: maroon}
 a:link {color: #1E90FF; } 
 a:visited {color: #0054A4; }
 a:hover {color: #DC143C; }
 p { }
 p.indent { }
 table,tr,td { }
 img { }
/* Used to setup the main page structure */
#centercontent { background: maroon; background-image: url(); margin-left: 0px; margin-right: 10px; padding-left: 20px; padding-right: 10px; }

/* Styles assosicated with index pages */
 #indexframe {background-color: maroon}
  .folderData { color: #999999; font-size: x-small; }
 .folderDescription { color: #999999; font-size: small; line-height: 125%; }
 .folderNavigation {	font-size: x-small; }
 .float { } 
 .float p { }
 .float p.thumbComment { color: #FF6699; }
 .thumbName a {font-size: x-small; }
 .thumbDate { color: #808080; }
 #w3clogosright { }
 
/* Styles assosciated with slide pages */
 #centercontent { background: maroon; background-image: url(); }
 .minithumb {vertical-align: top; }
 .minithumbCurrent { border: 1px dotted white; }
 .minithumbBox {  }
 .photoName { color: #FFE179; font-size: small;}
 .photoPosition {font-weight: normal; font-size: x-small;  color: #FFA07A;  }
 .photoComments {	color: #FF6699; font-weight: bold; font-size: small; }
 .photoData { color: #6A7F8E; }
 .photoData b { color: #666666; font-weight: normal; }
 .photoData i { color: #333333; }
 .photoDataPopupBase { }
 .photoDataPopup { background: maroon; color: #FF6699; }
 .keyboardDataPopup { background: #B0C4DE; color: maroon; }
 .slideFrameButtons {padding-top: 14px; }
 #buttonbox_portrait { }
 #photonavbar_inside_portrait { }
 #w3clogosleft { }
 #frame {background-color: maroon; }
/* Styles assosciated with additional files, e.g. news.inc, footer.inc etc */
 .dateline { color: gray; }
 .header { color: #FF6699; font-size: large; font-weight: normal; }
 .footer { color: gray; }

/* experimental */
 
.folderNavigation a {background: #055283; 
color: White; text-decoration: none;
padding: 1px 3px 2px 3px; border: 1px solid White;}
.folderNavigation a:link {}
.folderNavigation a:visited {background: #055283; color: #CCCCCC;}
.folderNavigation a:hover {background: #DC143C; color: White;}


td.nanny {
color:#FF9999;
font-size:70%;
font-weight:bold;
}
.visibleMenu	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: 0px;
	line-height: 100%;
}				 
TD.menuhead{
	background-color : #DC143C;
	border: 2px none #DC143C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	color : #FFFFFF;
	text-align : center;
	margin : 5px 20px 5px 20px;
}
	
.container{
	width:16%; 
}	

TD.menubtn {	
	background-color : #DC143C;
	border: 2px none #DC143C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	color : #FFFFFF;
	text-align : center;
	margin : 5px 20px;
	position:relative; 
	width:16%; 
	z-index:1; 
	left:0; 
	top:0;	
}

TD.menubtn A:link{
	color: #FFFFFF;	
	text-decoration: none;
}
TD.menubtn A:visited{
	color: #FFFFFF;	
	text-decoration: none;
}
TD.menubtn A:hover {
	color: #FFC0CB;
	font-size:105%;
	text-decoration: none;
}

TD.menubtnW {
	background-color : #FFFFFF;
	border: 2px none #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	left : 0px;
	Color:#FF0000;
	text-align : center;
	min-width : 70px;
	max-width : 135px;
}

TD.menubtnW A:link{
	color: #FF0000;	
	text-decoration: none;
}
TD.menubtnW A:visited{
	color: #FF0000;	
	text-decoration: none;
}
TD.menubtnW A:hover {
	color: #FFC0CB;
	font-size:105%;
	text-decoration: none;
}
	
TD.menubtnW A:active  { 
	color: #FFB6C1;
	text-decoration: none;
}	 				 
td.menuContainer { 
	position:relative; 
	width:16%; 
	z-index:2;
}

TD.menu {	
	position:relative; 
	width:16%; 
	z-index:1; 
	left:0; 
	top:0;	
}
				 
TD.menu6 {
	background-color : #FFFFFF;
	border: 1px solid #FFFFFF;	 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	left : 0px;
	Color:#FF0000;
	text-align : center;
	position:relative; 
	height : 24px; 
	width : 16%;
	z-index:1;
}

TD.menu6 A:link{
	color: #FF0000;	
	text-decoration: none;
}
TD.menu6 A:visited{
	color: #FF0000;	
	text-decoration: none;
}
TD.menu6 A:hover {
	color: #FFC0CB;
	font-size:105%;
	text-decoration: none;
}
	
TD.menu6 A:active  { 
	color: #FFB6C1;
	text-decoration: none;
}	 	

.menuW {
	background-color : #FFFFFF;
	border: 4px solid #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	left : 0px;
	Color:#FF0000;
	border-left-color : #FFE4C4;
	border-right-color : #FFC0CB;;
	border-bottom-color : #E9967A;
	border-top-color : #FAEBD7;
	text-align : center;
	min-width : 70px;
	max-width : 135px;
}

.menuW A:link{
	color: #FF0000;	
	text-decoration: none;
}
.menuW A:visited{
	color: #FF0000;	
	text-decoration: none;
}
.menuW A:hover {
	color: #FFC0CB;
	font-size:105%;
	text-decoration: none;
}
	
.menuW A:active  { 
	color: #FFB6C1;
	text-decoration: none;
}	 	



.menubtnR {
	background-color :  #DC143C;
	border: 4px solid ;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	color : #FFFFFF;
	text-align : center;
	border-left-color : #FFB6C1;
	border-right-color : Maroon;;
	border-bottom-color : Maroon;
	border-top-color : #FFC0CB;
}

.menubtnR A:link{
	color: #FFFFFF;	
	text-decoration: none;
}
.menubtnR A:visited{
	color: #FFFFFF;	
	text-decoration: none;
}
.menubtnR A:hover {
	background-color : #FFFFFF;
	color: #FF0000;
	font-size:105%;
	text-decoration: none;
}
	
.menubtnR A:active  { 
	color: #FFFFFF;
	text-decoration: none;
}	 				 



TD.menuItem {	
	background-color : #C0C0C0;
	border: 3px solid #C0C0C0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bolder;
	color : #FF0000;
	text-align : center; 
	position:relative; 
	height : 24px; 
	width : 16%;
}

TD.menuItem A:visited{
	color: #FF0000;
	text-decoration: none;
}
TD.menuItem A:hover {
	color: #FFFFFF;
	font-size:105%;
	text-decoration: none;
}
TD.menuItem A:link{
	color: #FF0000;	
	text-decoration: none;
}


TD.submenuItem {
	background-color : #DC143C;
	border: 1px solid #DC143C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
	left : 0px;
	color : #FFFFFF;
	text-align : center; 
	position:relative; 
	height : 24px; 
	width : 16%;
}
TD.submenuItem A:link{
	color: #FFFFFF;	
	text-decoration: none;
}


TD.submenuItem A:visited{
	color: #FFFFFF;	
	text-decoration: none;
}
TD.submenuItem A:hover {
	color: #FFC0CB;
	font-size:105%;
	text-decoration: none;
}
	
	
TD.submenuItem A:active  { 
	color: #FFB6C1;
	text-decoration: none;
}	 

.menuItemOver	{
				 padding-left: 0px;
 				 padding-right: 5px;
 				 text-decoration: none;}
				 
.menuItemOver A	{
				 padding-left: 0px;
 				 padding-right: 5px;
 				 text-decoration: none;}
				 
				 
.more			{
				 text-align: right;
				font-size : 14px;
				font-weight : bold;
				color : #FFFFFF;
				background-color : #FF0000;
				vertical-align : top;
				height : 31px;
}

.keyText {
	
	font: x-small Arial, Helvetica, sans-serif;
	color: maroon;
	text-align: left;
	display : block;
	text-indent : 5px;
	line-height: 90%;
	vertical-align : baseline;
}
.keyText A:link{
	color: maroon;	
	text-decoration: none;
}

.keyText A:visited{
	color: maroon;	
	text-decoration: none;
}
.keyText A:hover {
	color: maroon;
	text-decoration: none;
}
	
.keyText A:active  { 
	color: maroon;
	text-decoration: none;
}