/*********************************************************************/
						/* Side Menu section */
/*********************************************************************/
/* This is the vertical (left))side bar menu                         */
/*********************************************************************/

/*
Author: J.Sears

*/

#contact_btn
{
  	width: 88px;
  	height: 21px;
  	margin-top: 50px;
  	margin-right: auto;
  	margin-left: auto;
  	

	background: url('ContactMe_btn.jpg') top left no-repeat;
}
#contact_btn span
{
	display: none;
}
#contact_btn a
{
	display: block;
	width: 88px;
	height: 21px;

}
#sideMenuContainer
{

	left: 0px;
	width: 160px;
	margin: 60px 0px 0px 0px;
	padding: 0px;
	
}
#sideMenuTitle
{
	display: none;
}

.sideMenu a, .sidemenu a:visited
{
	text-decoration: none;
	display: block;
	width: 146px;
	color: rgb(255, 255,255);
}
.sideMenu a:hover
{
	color: rgb(50, 50, 255);
}

.sideMenu
{
	width: 150px;
	margin: auto;
	color: rgb(255, 255,255);
}
/*
.sidemenu li:hover ul, li.over ul
{
  	position: relative;
  	display: block;
}
*/
.sideMenu ul
{
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sideMenu ul li
{
	width: 148px;
	height: auto;
	padding-bottom: 0px;
/*	background-color: rgb(150,150,250);   */
	background: url('side_mnu_btn.jpg') top left repeat-x;
	border-style: solid;
	border-color: #dddddd #777777 #111111 #bbbbbb;
	border-width: 1px 1px 1px 1px;	
}


.sideMenu ul li:hover
{
/*	background-color: rgb(100,100,200); */
	background: url('side_mnu_btn_hover.jpg') top left repeat-x;
	color: rgb(50, 50, 255);
}

/* show sub menu */
.sideMenu li:hover ul li
{
	display: block;
	height: auto;

	border-style: solid;
	border-color: #555555 #777777 #bbbbbb #bbbbbb;	
	border-width: 1px 0px 0px 0px;

}

/* ---------------------------------*/

/* 2nd-level unsorted list items */
.sideMenu li ul li
{
	height: 15px;
	display: none;
/*	background-color: rgb(240, 100,0);   */
	background: url('side_mnu_btn_2.jpg') top left repeat-x;

}

/* hover on 2nd level item */
.sideMenu li ul li:hover
{
/*	background-color: rgb(250, 200,100); */
	background: url('side_mnu_btn_2.hover.jpg') top left repeat-x;
}
.sideMenu li ul li:hover a
{
	color: rgb(50,50,255);
}

