﻿/* Main body of the side menu page. */
body 
{
}

/* Html div control containing all the controls of the side menu. */
.mainDiv
{
}

/* Menu items are housed in a table each row contains one cell. There are as meny rows as there are menu options. */
.menuTable
{
}

/* Contains common styles applied to each row (not selected). */
.menuItemRow
{
}

/* Contains common styles applied to each selected row. */
.menuItemRowSelected
{
}

/* Contains common styles applied to each table cell in the menu. */
.menuItem
{
	width:147px;
	text-align:left;
	border-style:solid;
	padding-right:4px;
	padding-left:6px;
	height:28px;
	font-family:Arial Narrow;
	font-weight:bold;
	font-size:8pt;
	background-repeat:no-repeat;
	background-attachment:scroll;
	cursor:pointer;
	border-width: 0px;
	border-top: solid 2px #b5b7c4;
}

/* Contains commons styles applied to each table cell in the menu when the mouse hovers over the cell. */
.menuItemMouseOver
{
	width:147px;
	text-align:left;
	border-style:solid;
	padding-right:4px;
	padding-left:6px;
	height:28px;
	font-family:Arial Narrow;
	font-weight:bold;
	font-size:8pt;
	background-repeat:no-repeat;
	background-attachment:scroll;
	cursor:pointer;
	border-width: 0px;
	border-top: solid 2px #b5b7c4;
}

/* Additional common styles applied to unselected table cells. */
.menuItemCell
{	
	color:White;
	background-color:#0b1856;
	cursor:pointer;
}

/* Additional common styles applied to unselected table cells when the mouse hovers over the cell. */
.menuItemCellMouseOver
{
	background-color:#74789A;
	color:White;
}

/* Additional common styles applied to selected table cells. */
.menuItemCellSelected
{
	background-color:#0b1856;
	color:#10b5c6;
}

/* Additional common styles applied to selected table cells when the mouse hovers over the cell. */
.menuItemCellSelectedMouseOver
{
	background-color:#74789A;
	color:#10b5c6;
}


/* The styles below describes each of the individial menu items in greater detail.  
	 Use this to apply specific styles to separate items. For each item the following are available:
	 menuItemXRow, menuItemXRowSelected, menuItemXCell, menuItemXCellMouseOver, menuItemXCellSelected, menuItemXCellSelectedMouseOver
*/

/* HOME */
.menuItemHomeRow
{
}

.menuItemHomeRowSelected
{
}

.menuItemHomeCell
{
	/*background-image:url(../Images/bgnav01.gif);*/
}

.menuItemHomeCellMouseOver
{
	/*background-image:url(../Images/bgnav01.gif);*/
}

.menuItemHomeCellSelected
{
	/*background-image:url(../Images/bgnav01.gif);*/
}

.menuItemHomeCellSelectedMouseOver
{
	/*background-image:url(../Images/bgnav01.gif);*/
}

/* LOGIN */
.menuItemLoginRow
{
}

.menuItemLoginRowSelected
{
}

.menuItemLoginCell
{
	/*background-image:url(../Images/bgnav02.gif);*/
}

.menuItemLoginCellMouseOver
{
}

.menuItemLoginCellSelected
{
	/*background-image:url(../Images/bgnav02.gif);*/
}

.menuItemLoginCellSelectedMouseOver
{
	
}

/* REGISTER */
.menuItemRegisterRow
{
}

.menuItemRegisterRowSelected
{
}


.menuItemRegisterCell
{
}

.menuItemRegisterCellMouseOver
{
	
}

.menuItemRegisterCellSelected
{
}

.menuItemRegisterCellSelectedMouseOver
{
	
}

/* WHAT IS */
.menuItemWhatIsRow
{
}

.menuItemWhatIsRowSelected
{
}

.menuItemWhatIsCell
{
}

.menuItemWhatIsCellMouseOver
{
	
}

.menuItemWhatIsCellSelected
{
}

.menuItemWhatIsCellSelected
{
	
}

/* WHY */
.menuItemWhyRow
{
}

.menuItemWhyRowSelected
{
}

.menuItemWhyCell
{
}

.menuItemWhyCellMouseOver
{
	
}

.menuItemWhyCellSelected
{
}

.menuItemWhyCellSelectedMouseOver
{
	
}

/* CONTACT US */
.menuItemContactUsRow
{
}

.menuItemContactUsRowSelected
{
}

.menuItemContactUsCell
{
}

.menuItemContactUsCellMouseOver
{
	
}

.menuItemContactUsCellSelected
{
}

.menuItemContactUsCellSelectedMouseOver
{
	
}

/* SPACER - used to fill up the rest of the menu.*/
.menuItemSpacerRow
{
}

.menuItemSpacerRowSelected
{
}

.menuItemSpacerCell
{
	height:5px;
}

.menuItemSpacerCellSelected
{
	height:5px;
}
