BODY    TD { 
   font-family: Arial, Helvetica, sans-serif; 
   color: #FFFFFF; 
   font-size : 10pt; 
   text-align : left; 
   
   } 
   
   p2 { 
   margin-bottom: 0; 
   padding-left: 0px;
   font-size : 8pt; 
   font-variant: normal;
   font-style: normal;
   color: #FFFFFF;
   } 
   p3 { 
 
   margin-bottom: 0; 
   padding-left: 0px;
   font-size : 7pt; 
   font-variant: normal;
   font-style: normal;
   color: #FFFFFF;
   } 
   
a:link, a:visited {color: black }
a:hover { color: red}

/* main */
#navMenu {

font-family: Arial, sans-serif;

font-size: 1.1em;
margin: 5px 0px 0px 1px !important;
padding: 0 0 3px 0;
width: 200px;
}

#navMenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#navMenu li {
display:inline;
}

/* menu */
#navMenu li a:link, #navMenu li a:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #000000;
height: 14px;
display: block;
border-right: 0px solid #000000;
padding: 0px 0 6px 20px;
}
#navMenu li a:hover {
color: #640000;
 text-decoration:underline;  
padding: 0px 0 6px 20px;
}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {
font-weight: normal;

padding: 0px 0 6px 30px;
}
#navMenu li li a:hover {

padding: 0px 0 6px 30px;
}

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {

padding: 0 0 1px 40px;
}
#navMenu li li li a:hover {
background: url(bckMenu2.gif) 0 -13px;
padding: 0 0 1px 40px;
}



############################################################################3

.Menu {
font-family: Arial, sans-serif;
border-bottom: 0px solid #ccc;
font-size: 0.9em;
text-align: left; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */
margin: 0px 0px 0px 0px !important;
padding: 0 0 0px 0;
}
.Menu li {
margin: 0 0px 0 0 !important;
border-bottom: none;
display: inline; /* Menu links are horizontally aligned using display: inline */
font-size: 0.9em;
border-right: 1px solid #ccc;

}
.Menu li a {
margin: 0 -2px 0 0;
padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */
color: #333;
text-decoration: none;
border: 0px solid #ccc;

font-size: 0.9em;
}
.Menu li a:hover {

color: #640000;
font-size: 0.9em;
}
.Menu li#active {
margin: 0 3px 0 0 !important;
padding: 3px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */

border: 1px solid #ccc;
border-bottom: 0px solid black;
}
.Menu .subMenu {
float: left;
text-align: right; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will get the alignment from "mother" settings */
width: 100%;
margin: 6px 0 5px 0 !important;
padding: 3px 0 3px 0;
border-bottom: 0px solid #F89226;
}
* html .Menu .subMenu {
margin: 2px 0 5px 0 !important;
}
.Menu .subMenu li {
padding: 3px 0 3px 0; 
border: 0;
}
.Menu .subMenu li a {
border: 0;

}
.Menu .subMenu li a:hover {

}
.Menu .subMenu li#subActive {
padding: 3px 6px 3px 8px;
font-weight: bold;
}





#content hover{

	background:  none;	

	display:block;

	width: 166px;

	height: 175px;

}


#content img{

	background: white;

	padding: 7px;

	margin: 5px;

	display:block;

}







#content a {

	color:#999999;

	text-decoration: none;

}




.thumbnail {
	float: left;
	margin: 5px;
	padding: 8px;
	text-align: center;
	color: #CCCCCC;
	width: 166px;
	height: 175px;
	}


.thumbnailhover{
	background:  none;	
	display:block;
	width: 166px;
	height: 175px;
}

a.thumbnailhover:hover{
		background:  url(images/bg_body.jpg) no-repeat left top;	

	display:block;
	width: 166px;
	height: 175px;
		color: #76B41C;
	font-weight: bold;

	
}


.thumbnail img{
	background: #000;
	padding: 7px;
	margin: auto;
	display:block;
}



.thumbnail a {
	color:#999999;
	text-decoration: none;
}