BODY {
		scrollbar-arrow-color:#5D4231;
		scrollbar-base-color:#5D4231;
		scrollbar-shadow-color:#5D4231;
		scrollbar-face-color:#EFE8E2;
		scrollbar-highlight-color:#EFE8E2;
		scrollbar-dark-shadow-color:#5D4231;
		scrollbar-3d-light-color:#5D4231;
		background-color:#336600;
		color: #000000;
		font-family: Verdana;
		font-size: x-small;
		text-align: justify;
		}


a:link       	{ text-decoration: underline; color: #336600 }
a:visited    	{ text-decoration: underline; color: #336600 }
a:hover      	{ text-decoration: underline; color: #336600 }
a:active	{ text-decoration: underline; color: #336600 }


.mainmenu { color: #336600; text-decoration: none; }
.mainmenu a { color: #336600; text-decoration: none; }
.mainmenu a:visited { color: #336600; text-decoration: none; }
.mainmenu a:hover { color: #336600; text-decoration: none; }

td.mainmenu {
  background-color:#E3D7CC;
  color: #5D4231;
  font-size: x-small;
  font-family: Verdana;  
  text-align: center;
  border-color:#336600;
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  cursor : hand;
  }


tbody.photos td, tbody.photos tr.normalRow td {
  background-color:#FFFFFF;
  color: #5D4231;
  font-size: x-small;
  font-family: Verdana;  
  text-align: center;
  border-color:#336600;
  border-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  height: 100px; 
  width: 100px;
  }



td.names {
  background-color:#FFFFFF;
  font-size: x-small;
  font-family: Verdana;  
  text-align: right;
  border-color:#336600;
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 1px;
  }

p		{ font-family: Verdana;
		color: #000000;
		font-size: x-small;
		text-align: justify;
		}


p.splash	{ font-family: Verdana;
    		color: #000000;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		text-transform:uppercase;
		}


p.copyright	{ font-family: Verdana;
		color: #FFFFFF;
		font-size: xx-small;
		font-weight: 600;
		text-align: center;
		text-transform:uppercase;
		}






ul.imaged       { list-style-image: url('/en/images/bullet-arrow-white.gif')}


ul           { font-family: Verdana; font-size: 10px; color: #000000;
		text-decoration: none;}

li           { font-family: Verdana; 
		font-size: x-small; 
		color: #000000; 
		text-align: justify; 
		padding-bottom: 5px;
		text-decoration: none;}

ol           { font-family: Verdana; font-size: 10px; color: #000000; text-align: justify }




p.title		{ font-family: Verdana; 
		color: #336600; 
		text-align: left; 
		font-size: large;
		font-weight: 600;
		margin:0;
		}


h1           { font-family: Verdana; 
		color: #336600; 
		text-align: right; 
		font-size: small;
		font-weight: 600;
		margin:0;
		text-transform:uppercase;
		}


h2           { font-family: Verdana; 
		color: #336600; 
		text-align: left; 
		font-size: small;
		font-weight: 600;
		margin:0;
		}





/* form field properties */
form         { font-family: Verdana}
input        { font-family: Verdana; 
    font-size : 10px;
    background-color : #FFFFFF;
    border-color : #4A5778;
    border-style : solid;
    border-width : 1px;
    color : #000000;
}
input.button        { font-family: Verdana; 
    font-size : 10px;
    background-color : #4A5778;
    border-color : #8C9EBF;
    border-style : solid;
    border-width : 1px;
    color : #FFFFFF;
}


select        { font-family: Verdana; font-size: x-small }
ins          { font-family: Verdana; font-size: x-small }
textarea        { font-family: Verdana; 
    font-size : 10px;
    background-color : #FFFFFF;
    border-color : #4A5778;
    border-style : solid;
    border-width : 1px;
    color : #000000;
}

.nothing, .imagethumb, .folderthumb
{
    text-align: center;
    vertical-align: top;
    padding: 0px;
    border: none;
    margin: 0px;
    border-collapse: collapse;
}

























/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
/* WARNING: applying a background here may cause problems with scrolling in WinIE 5.x   */
div.tableContainer {
	clear: both;
	height: 350px;
	overflow: auto;
	width: 400px;
}

/* WinIE 6.x needs to re-account for it's scrollbar. Give it some padding */
\html div.tableContainer/* */ {
	padding: 0 16px 0 0
}

/* clean up for allowing display Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer {
	height: auto;
	padding: 0;
	width: 400px
}

/* Reset overflow value to hidden for all non-IE browsers. */
/* Filter out Opera 5.x/6.x and MacIE 5.x                  */
head:first-child+body div[class].tableContainer {
	height: 350px;
	overflow: hidden;
	width: 400px
}

/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.tableContainer and have the div scale */
div.tableContainer table {
	float: left;
	width: 380px;
}

/* WinIE 6.x needs to re-account for padding. Give it a negative margin */
\html div.tableContainer table/* */ {
	margin: 0 -16px 0 0
}

/* define width of table. Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer table {
	float: none;
	margin: 0;
	width: 380px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
head:first-child+body div[class].tableContainer table {
	width: 380px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(document.getElementById("tableContainer").scrollTop)
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body thead[class].fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #FFFFFF;
	border-bottom: 2px solid #336600;
	border-left: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}



/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body tbody[class].scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 380px;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	padding: 2px 3px
	font-family: Verdana;
	color: #000000;
	font-size: x-small;
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	padding: 2px 3px
}