/*
defines styles for the menus
SitesMenu : displays a list of all the Sites which are ticked for IncludeInMenu
Site1Menu : displays a list of all the Pages from SiteID=1 which are ticked for IncludeInMenu
MainMenu : displays pages for the selected SiteID
Breadcrumb : displays breadcrumb to current page
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TOPMENUBAR*/
/* encases both the SitesMenu and the Site1Menu */
#topmenubar  
{
	clear:both;
	float: left;
	width:100%;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	color: #CFD4E6;
	background-color: #3054BF;
	border:solid 0px;
	overflow:auto;  
	font: normal 12px Verdana, arial, sans-serif;
}
/*  END TOPMENUBAR*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SITES MENU */
#sitesmenu  
{
	/* clear:both; */
	float: left;
	padding:5px 0px 4px 0px;
	font: normal 12px Verdana, arial, sans-serif;
}
#sitesmenu A {
	padding:4px 15px;
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;	
	color: #CFD4E6;
	margin-bottom:3px;
}
#sitesmenu A:hover {
	color: #FFFFFF;
	padding:3px 14px;
	border:solid 1px #FFFFFF;
}
#sitesmenu A.on {
	color: #FFFFFF;
	padding:3px 14px;
	border:solid 1px #405080;
	background-color: #405080;
}
/*  END SITES MENU*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SITE 1 MENU */
#site1menu  {
	float:right;
	padding:4px 0px;
	font: normal 12px Verdana, arial, sans-serif;
}

#site1menu A {
	padding:4px 15px;
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;	
	color: #CFD4E6;
}
#site1menu A:hover {
	color: #FFFFFF;
	padding:3px 14px;
	border:solid 1px #FFFFFF;
}
#site1menu A.on {
	color: #FFFFFF;
	padding:3px 14px;
	border:solid 1px #FFFFFF;
}

/* END SITE 1 MENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN SITE MENU */
#sitemenu  
{
	clear:both;
	float: left;
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	color: #CFD4E6;
	background-color: #405080;
	border:solid 0px;
	overflow:auto;  
	font: normal 12px Verdana, arial, sans-serif;
}
#sitemenu A {
	padding:4px 15px;
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;	
	color: #CFD4E6;
}
#sitemenu A:hover {
	color: #FFFFFF;
	padding:3px 14px;
	border:solid 1px #FFFFFF;
}
#sitemenu A.on {
	color: #FFFFFF;
	padding:3px 14px;
	border:solid 1px #FFFFFF;
}
/*  END MAIN SITE MENU*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BREADCRUMB*/
#breadcrumb {
	float:NONE;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-bottom: 10px;
	border: 0px dotted #999999;
	padding-bottom:3px;
	padding-top:3px;
	font: normal 9px Verdana, arial, sans-serif;
}
/*  END BREADCRUMB*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */