/* CSS DOCUMENT */

/* #header now located at core/includes/stylesheets/header.css */

/* for body tag of menu system */
.system-page {
	margin: 0px;
	background-image: url(/images/icons/background-01.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #cccccc; 
}

#loginBox {
		width:350px;
		height:170px;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-150px;
		margin-top:-75px;
		background:#FFFFFF;
		color:#000000;
		border:1px solid #999999;
		z-index:1;
		text-align:center;
	}
#loginHeader {
		float: left;
		width: 350px;
		height: 18px;
		padding-top: 2px;
		background-image: url(/images/icons/header-01.gif);
		background-position: top;
		background-repeat: repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: left;
	}
#loginFieldArea {
		float: left;
		width: 340px;
		height: 160px;
		padding: 5px;
	}
.loginText {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #666666;
		text-align: left;	
}
.loginTextErr {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #CC4444;
		text-align: left;	
}


/* MENU BUTTONS */

#menubuttons {
		float: left;
		width: 290px;
		height:14px;
		background-color: #ffff66; /*#BBBBBB; */
		border-bottom: 1px #999999 solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
}

a#menubuttons:active, a#menubuttons:visited, a#menubuttons:link {
		float: left;
		width: 290px;
		height:14px;
		background-color: #ffeeaa;
		border-bottom: 1px #999999 solid;
		padding-left: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #222222;
	}
a#menubuttons:hover {
		float: left;
		width: 290px;
		height:14px;
		background-color: #eeeeee;
		border-bottom: 1px #3084C4 solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #666666;
	}
#submenubuttons {
		float: left;
		width: 290px;
		height:14px;
		background-color: #BBBBBB;
		border-bottom: 1px #999999 solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
	}
a#submenubuttons:active, a#submenubuttons:visited, a#submenubuttons:link {
		float: left;
		width: 290px;
		height:14px;
		background-color: #ffeebb;
		border-bottom: 1px #999999 solid;
		padding-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #222266;
	}
a#submenubuttons:hover {
		float: left;
		width: 290px;
		height:14px;
		background-color: #a1b8d0;
		border-bottom: 1px #3084C4 solid;
		padding-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #666666;
	}

/* ===== sub2 menu nuttons beg  ===== */        
#sub2menubuttons {
		float: left;
		width: 260px;
		height:14px;
		background-color: #BBBBBB;
		border-bottom: 1px #999999 solid;
		padding-left: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
	}
a#sub2menubuttons:active, a#sub2menubuttons:visited, a#sub2menubuttons:link {
		float: left;
		width: 260px;
		height:14px;
		background-color: #ffeecc;
		border-bottom: 1px #999999 solid;
		padding-left: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #224422;
	}
a#sub2menubuttons:hover {
		float: left;
		width: 260px;
		height:14px;
		background-color: #a1b8d0;
		border-bottom: 1px #3084C4 solid;
		padding-left: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #666666;
	}
        
/* ===== sub2 menu buttons end  ===== */        

/* ===== sub3 menu buttons beg  ===== */
#sub3menubuttons {
		float: left;
		width: 240px;
		height:14px;
		background-color: #CCC;
		border-bottom: 1px #999999 solid;
		padding-left: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
	}
a#sub3menubuttons:active, a#sub3menubuttons:visited, a#sub3menubuttons:link {
		float: left;
		width: 240px;
		height:14px;
		background-color: #ffffdd;
		border-bottom: 1px #999999 solid;
		padding-left: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		color: #224422;
	}
a#sub3menubuttons:hover {
		float: left;
		width: 240px;
		height:14px;
		background-color: #a2b9d1;
		border-bottom: 1px #3084C4 solid;
		padding-left: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		color: #666666;
	}

/* ===== sub3 menu buttons end  ===== */

/* ===== sub4 menu buttons beg  ===== */
#sub4menubuttons {
		float: left;
		width: 190px;
		height:14px;
		background-color: #CCCCCC;
		border-bottom: 1px #999999 solid;
		padding-left: 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
	}
a#sub4menubuttons:active, a#sub4menubuttons:visited, a#sub4menubuttons:link {
		float: left;
		width: 190px;
		height:14px;
		background-color: #ffffdd;
		border-bottom: 1px #999999 solid;
		padding-left: 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		color: #224422;
	}
a#sub4menubuttons:hover {
		float: left;
		width: 190px;
		height:14px;
		background-color: #a2b9d1;
		border-bottom: 1px #3084C4 solid;
		padding-left: 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		color: #666666;
	}

/* ===== sub4 menu buttons end  ===== */

/* ===== sub5 menu buttons beg  ===== */
#sub5menubuttons {
		float: left;
		width: 190px;
		height:14px;
		background-color: #CCCCCC;
		border-bottom: 1px #999999 solid;
		padding-left: 50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
	}
a#sub5menubuttons:active, a#sub4menubuttons:visited, a#sub4menubuttons:link {
		float: left;
		width: 190px;
		height:14px;
		background-color: #ffffdd;
		border-bottom: 1px #999999 solid;
		padding-left: 50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		color: #224422;
	}
a#sub5menubuttons:hover {
		float: left;
		width: 190px;
		height:14px;
		background-color: #a2b9d1;
		border-bottom: 1px #3084C4 solid;
		padding-left: 50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		color: #666666;
	}

/* ===== sub5 menu buttons end  ===== */



#menuholder {
		float:left;
		width:200px;
		height:auto;
	}

.menu-logged_in {
	/* layout */
	float: left;
	width: 290px;
	height:14px;
	/* box */
	background-color: #CCC;
	border-bottom: 1px #999999 solid;
	padding-left: 10px;
	/* text */
	/*
		Navy Blue:					#000080
		Dark Navy (deeper): 		#00004d
		Midnight Blue (very dark): 	#191970
		Royal Blue (brighter):		#4169E1
	*/
	color: 4169E1; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.menu-heading {
    /* layout */
    float: left;
    width: 290px;
    height: 14px;
    /* box */
	background-color: #ffeeaa; /* #ffff66 #ffeebb */
    border-bottom: 1px #999999 solid;
	padding-left: 10px;
    /* text */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	color: #600 /* #222266 */
}

/* sub heading menu settings */
.menu-heading-sub {
    /* layout */
	clear: left;
    width: 280px;
    height: 14px;
    /* box */
	background-color: #ffeeaa; /* #ffff66 #ffeebb */
    border-bottom: 1px #999999 solid;
	margin-left: 10px;
	padding-left: 10px;
    /* text */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	color: #600;
}

/* where is td.header called from? */
td.header {
		float: left;
		width: 760px;
		height: 75px;
		background-image: url(/images/icons/header-02.jpg);
		background-position: top;
		background-repeat: repeat-x;
	}