/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
----------------------------*/
*{
	margin:0;
	padding:0;
}
body, td{
	background:#fff;
	color:#666;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
}

a{
	color:#000;		
}
a:hover{
	color:#666;			
}
	#menu{
		margin:0 auto;
		width:485px;
	}
		#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				line-height:26px;
				border:solid #636363;
				border-width:0 2px 0 2px;				
				background:url(Images/menu_005_bg.jpg) repeat-x;
				height:26px;
				margin:0 1px 0 0;								
			}
				#menu li a{
					display:block;
					float:left;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					padding:0 12px;
					height:26px;					
				}
					#menu li a:hover{
						color:#fff;
						background:url(Images/menu_005_h.jpg) repeat-x;
					}
				#menu li a.current{
					display:block;
					float:left;
					background:url(Images/menu_005_h.jpg) repeat-x;					
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					padding:0 12px;	
				}
					#menu li a:hover.current{
						color:#fff;
					}


div.img
  {
  margin:2px;
  border:1px solid #666;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #000;
  }
div.img a:hover img
  {
  border:1px solid #666;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }
  
  /* My part follows */
  table.shadow { 
    align: center
  }

  td.shadow-top { 
    height: 16px;  
    background-image: url(/Images/top.gif)
  }

  td.shadow-topright { 
    width: 16px;
    height: 16px;
    background-image: url(/Images/topright.gif)
  }

  td.shadow-right { 
    width: 16px; 
    background-image: url(/Images/right.gif)
  }

  td.shadow-bottomright { 
    width: 16px; 
    height: 16px; 
    background-image: url(/Images/bottomright.gif)
  } 

  td.shadow-bottom { 
    height: 16px;
    background-image: url(/Images/bottom.gif)
  }

  td.shadow-bottomleft { width: 16px;
    height: 16px;
    background-image: url(/Images/bottomleft.gif)
  } 

  td.shadow-left { width: 16px;
    background-image: url(/Images/left.gif)
  }

  td.shadow-topleft { 
    width: 16px; 
    height: 16px; 
    background-image: url(/Images/topleft.gif)
  }      

  td.shadow-center { 
    background-color: white  
  }