/***********************************************************************************************

Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com

Get this and other scripts at www.dhtmlgoodies.com

You can use this script freely as long as this copyright message is kept intact.

***********************************************************************************************/
body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	margin-top:0px;
				
}
.bodyText{
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #000000;	
}
.bodyText p{
	margin-top:5px;
}
#mainContainer{
	width:760px;
	height:600px;
	border:1px solid #000000;
	margin:0 auto;
/*	background-image:url('../../images/heading3.gif');*/
	background-repeat:no-repeat;
	padding-top:85px;			
}
#mainMenu{
	background-color: silver;	/* Background color of main menu */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
	font-size:0.9em;	/* Font size of main menu items */
	border-bottom:1px solid #000000;	/* Bottom border of main menu */
	height:30px;	/* Height of main menu */
	
	position:relative;	/* Don't change this position attribute */
	
}
#mainMenu a{
	padding-left:5px;	/* Spaces at the left of main menu items */
	padding-right:5px;	/* Spaces at the right of main menu items */
	font-weight:bold;
	/* Don't change these two options */
	position:absolute;
	bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
}
#submenu{		
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
	background-color:white;	/* Background color of sub menu items */
	
	width:100%;	/* Don't change this option */
	
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
	
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	/* Border options */
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;		
	background-color: white;	/* Background color */
	
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#mainMenu .activeMenuItem img{
	position:absolute;
	bottom:0px;
	right:0px;
}
	
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{		
	color: #000;	/* Text color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#submenu a{	
	text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	padding-left:5px;	/* Space at the left of each sub menu item */
	padding-right:5px;	/* Space at the right of each sub menu item */
	color: #000;	/* Text color */
	font-size:0.9em; 
}

#submenu a:hover{
	color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
}