/* This is used for the left part of menus */


body {background: white; }


/* First, the Top Buttons */

div { 
	width:					170px;  
	}


div.button {
	font-family:			Trebuchet MS,arial,tahoma,verdana,Arial,Helvetica;
	font-weight:			bold;
	font-style:				normal;   
	
	margin:					0px;
	padding:					0px; 
	  
	padding-top:			2px;	 
	padding-bottom:		3px;	 
	margin-bottom:		0.3em;	 

	color:						white;
	background-color:	#e8e8e8;
	}


div.button p {
	font-family:		Trebuchet MS,tahoma,verdana,Arial,Helvetica;
	font-size:			10px;
	font-weight:		bold;
	font-style:			normal;  

	margin:					0;
	padding: 				0px;
	border-top:			0px; 
	border-bottom:	1px solid #ffffff;
	border-right:		1px solid #cccccc; 

	letter-spacing:	1.5px;
	
	text-align: 		center;
	}

      
div.button p.blue {  
	border-left:		6px solid #336699;
	border-right:		6px solid #336699;
	background:		  #113377;  
	color:					white;
	}

div.button p.last {  
	border-left:		6px solid #336699;
	border-right:		6px solid #336699;
	background:			#113377;  
	color:					white;
 	border-bottom:	1px solid #336699; 
	}      
      
div.button p.red {
	border-left:		6px solid #FF6666; 
	border-right:		6px solid #FF6666; 
	background:			#dd0000;
	color:					white;
	}

div.button p.redlast {
	border-left:		6px solid #FF6666; 
	border-right:		6px solid #FF6666; 
	background:			#dd0000;
	color:					white;
 	border-bottom:	1px solid #FF6666; 
	}

div.button p.gray {
	border-left:		2px solid #e8e8e8; 
	border-right:		2px solid #e8e8e8; 
 	border-top:			2px solid #e8e8e8; 
	background:			#e8e8e8;
	font-family:		Arial,Helvetica;
	font-size:			12px;
	color: 					#000068; 
	}


div.button p a {
	display:					block;
	color: 						#ffffff;
	text-decoration: 	none;
	width: 						100%; 
	}


div.button p a:hover {
	background:				#dd6666;
	color: 						white; 
	}



html>body div.button p a {   
	width: 						auto; 
	}



/* Then, the Titles */

div.titles {
	font-family:		tahoma,verdana,Arial,Helvetica;
	font-weight:		bold;
	font-style:			italic;   
	
	margin:					0px;
	padding:				0px;   
	padding-top:		2px;	 
	padding-bottom:	3px;	 
	
	margin-bottom:		0.3em;	 

	background-color:			#e8e8e8;
	}



div.titles p {
	font-family:		Arial,Helvetica;
	font-size:			11px;
	font-weight:		bold;
	font-style:			normal;  

	margin:					0;

	border-top:			1px solid #e8e8e8;
	border-bottom:	0px solid #e8e8e8;
	border-left:		2px solid #e8e8e8;
	border-right:		2px solid #e8e8e8;

	padding-right: 	3px;
	padding-left: 	3px;

	padding-top: 		4px;
	padding-bottom: 2px;

	word-spacing:		1px;
	
	text-align: 	center;
	}

      
div.titles p.beige {  
	background:		  #ffffe8; 
	}
      
div.titles p.pales {
	background:			#efe7ce;
	}


div.titles p.gray {
	color: 					#000068; 
	padding-top: 		0px;
	padding-bottom: 0px;
	}


div.titles p a {
	display:					block;
	color: 						#000068;
	text-decoration: 	none;
	width: 						98%; 
	}

div.titles p a.part {
	display:					inline;
	color: 						#000068;
	text-decoration: 	none;
	width: 						auto; 
	}

div.titles p a:hover {
	background:				#dd6666;
	color: 						white; 
	}

html>body div.titles p a {   
	width: 						auto; 
	}


/* End of CSS */