/*

  :: briony.com css ::   

  

  version: 1

  date:    13.08.2003 

  

  designed by briony pope, from a template by the erational <http://www.erational.org>  

*/





/* main tags */

html, body {

	color:	    black;

	background: #ddd;

	margin: 	10px;

}







/* -------------------------- HEAD ---------------------------------- */

.nav-head {

	/*background-color: #0000FF;*/	

	margin-top:  7px;

	margin-left: 10px; 

	background-color: transparent; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 28px;

	font-weight: bold;

	color: #333;

}



.header-menu {

	margin-top:  7px;

	margin-left: 10px;

	background-color: transparent; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #666666;

}



.header-menu a{

	text-decoration: underline;

	color: #666666;

}



.header-menu a:hover{

	text-decoration: underline;

	color: #000000;

}



/* ----------------------- main ------------------------- */

.main {

	background-color: transparent; /*#CC9999;*/

	/*margin-top: 15px;*/

}



.main-body {
	/* text */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003333;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	background-color: white;
	border: 0;
	width: 680px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;


}




.main-body-alternate {      /* alternate body for popUps and small windows */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #333;

	font-weight: normal;

	text-align: justify;		

	background-color: white;

	margin:  10px 0px 0px;

	padding: 3px 15px 10px;
	
	border: thick #CC0000

}

.main-nav-arrows {
	position: absolute;
	right: 5%;
	top: 8 em; 	
}


.main-body-body {

/*	padding-left:   20px;

	padding-right:  22px;

	padding-bottom: 0; */

}



h1 {

	font-size: 130%;

	text-decoration: none;

	text-align: left;

}



h2 {

	font-size: 125%;

	text-decoration: none;

	text-align: left;


}



li {

	font-size: 80%;

}



.main a, .main-body-alternate a{

	color: #999900;

	text-decoration: underline;

}



.main a:hover, .main-body-alternate a:hover {

	color:  #111111;

	text-decoration: underline;



}



.main form {

	margin: 10px 30px;

}



.main table {

	margin: 10px 0px;

	border-collapse: collapse;

/*	border: 1px solid #999;*/

}



.main th, .main td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 	80%;

	color: 		#333;

	text-align: left;

	padding:	0px 5px;

	vertical-align: top;

	border: 1px solid #999;

}



.main th {

	background:  #c3c3c3;

}



.date {

	color:  		#9B9B9B;

	font-style:     normal;

	padding-left:   5px;

}





/*.main input, .main textarea, .main button{*/

.input-item  {

	border: 1px solid #999999;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 	   80%;

	color: 			#333;

	margin-bottom: 7px;

	margin-top:    2px;

}





.main textarea {

	display: block;

}





.main ul {

	padding-right: 25px;

	font-size: 	   120%;
	
}



hr {

	margin:			0;

	padding:		0;

	border: 		0;

	border-top:     1px solid #666666;				

	height: 		1px;				

}



.main img{

/*	border:     1px solid gray;

	background: lightgray;*/

}



img.noborder{

	border:     1px none transparent;		

}



/* -------------------------- main: leftmenu ---------------------------------- */

.main-leftmenu{

	position: absolute;

	top:   5em;

	width: 20%; /*20%;*/

	overflow: hidden;

	background-color: transparent;	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #669966;

	margin:  0;

	padding: 0;

}



.main-leftmenu img{

	border:     0;

	background: transparent;	

}





.main-leftmenu ul {

	margin: 0;	

	margin-left: 70%;

	margin-top:  1px;

/*	padding:  0 0 5px 2px;*/

	list-style-type: none;

}



.main-leftmenu li {

	padding: 0;

	margin:  0;	

}



.submenu {

	margin-top:  25px;

	margin-left: 10px;

}



a.link-submenu, a.link-submenu:hover {

	text-decoration: none;

}





/* ----------------------- footer ------------------------- */

.footer {

	background-color: transparent; /*#3399FF;*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: #000000;

	/* new */	

	margin: 1em 0 1em auto;

}



.footer-site-map {

	color: #666666;

}



.footer-site-map a{

	text-decoration: underline;

	color: #666666;

}



.footer-site-map a:hover{

	text-decoration: underline;

	color: black;

}



.footer-copyright {

	margin-top: 12px;

}



.footer-copyright a{

	text-decoration: none;

	color: black;

}



.footer-copyright a:hover{

	text-decoration: none;

	color: black;

}

/* ----------------------- footer print ------------------------- */

.footer-print { 

	display: none;

}

.artwork-details {  
	left: 410px; 
	top: 12em; 
	clip:     rect(   ); 
	color: #000000; 
	position: absolute; 
	width: auto
}

.artwork-details-alt {  
	left: 259px; 
	top: 580px; 
	clip:     rect(   ); 
	color: #000000; 
	position: absolute; 
	width: 633px
}

.footer-alternative { 
	background-color: transparent; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	color: #000000; 
	margin: 1em 0 1em auto; 
}


.main-arrows { 
	position: relative; 
	top: 8em; 
	overflow: hidden; 
	background-color: transparent; 
	margin: 0; 
	padding: 0; ; 
	clip:             rect(   ); 
	width: auto
}


.main-navarrows { 
	position: absolute; 
	top: 8em; 
	overflow: hidden; 
	background-color: transparent; 
	margin: 0; 
	padding: 0; ; 
	clip:    rect(   ); 
	left: 85%
}

.instructions { 
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	color: #666666; 
}
.main-table-image {
	margin: 0px 0px;
	border-collapse: collapse;
	border: 0;
	border-color: #FFFFFF;
	border-width: 0;
}