body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333333;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 900px;
	background-color: #EBEBD5;
	color: #666666;
	position:relative;
}
#body
{
	background-color: White;
}
#header
{
	background-color: #666666;
	width: 900px;
}
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
p
{
	margin:0px;
	padding:0px;
}
.header
{
	width: 812px;
	margin-left: 45px;
}
.content
{
	width: 812px;
	margin-left: 45px;
	margin-top: 14px;
	margin-bottom: 38px;
}
.footer
{
	width: 900px;
	padding-left: 45px;
	padding-right: 41px;
	height: 24px;
	background-color: #999999;
	color: White;
}
.footer a
{
	color: White;
}
.mnNavigationItem
{
	margin-top: 44px;
	color: #CCCCCC;
	text-transform: uppercase;
	cursor: pointer !important;
}
.mnNavigationItemHover
{
	color: White;
	text-transform: uppercase;
	text-decoration: none;
}
.mnNavigationItemHover a:link
{
	text-decoration: none;
}
.mnNavigationItemHover a:visited
{
	text-decoration: none;
}
.mnNavigationItemHover a:hover
{
	text-decoration: none;
}
.mnNavigationItemSelected
{
	color: White;
	text-transform: uppercase;
}
.mnNavigationDynamicMenu
{
	margin-bottom: -10px;
}
.mnNavigationDynamicMenuItem
{
	background-color: #8A0000;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
	color: White;
}
.mnNavigationDynamicMenuItem a
{
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
	color: White;
	display: block;
}
.mnNavigationDynamicMenuItemHover
{
	background-color: #CC9900;
	color: White;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
	text-decoration: none;
}
.mnNavigationDynamicMenuItemHover a
{
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
	text-decoration: none;
	display: block;
}
.mnNavigationDynamicMenuItemHover a link
{
	text-decoration: none;
}
.mnNavigationDynamicMenuItemHover a visited
{
	text-decoration: none;
}
.mnNavigationDynamicMenuItemHover a hover
{
	text-decoration: none;
}
.normalSize
{
	font-size: 8px;
	height: 6px;
	padding-top: 4px;
	line-height: 80%;
}
.biggerSize
{
	font-size: 11px;
	height: 9px;
	padding-top: 1px;
	line-height: 80%;
}
.biggestSize
{
	font-size: 13px;
	height: 10px;
	padding-top: 0px;
	line-height: 80%;
	text-align: center;
}
.navigationSize td
{
	width: 11px;
	border: 1px #CCCCCC solid;
	color: #CCCCCC;
	text-align: center;
	padding-bottom: 1px;
}
.navigationSize a
{
	color: #CCCCCC;
}
.instance
{
	text-align: center;
	color: #9E9E9E;
	margin-top: 12px;
}
.instance a
{
	color: #9E9E9E;
}
.homeHeader
{
	background-image: url(../../images/home.jpg);
	background-position: right;
	background-color: #F0EFE6;
	background-repeat: no-repeat;
	width: 812px;
	height: 165px;
}
.homeLogo
{
	float: left;
	margin-left: 34px;
	margin-top: 34px;
}
.homeAdvocaat
{
	float: left;
	margin-left: 40px;
	margin-top: 28px;
}
.homeAdvocaatTextEnd
{
	background-image: url(../../images/triangleWhite.gif);
	background-repeat: no-repeat;
	width: 235px;
	height: 14px;
}
.homeAdvocaatText h1
{
	border-left: solid 1px White;
	border-right: solid 1px White;
	border-top: solid 1px White;
	font-size: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	width: 194px;
	color: #666666;
}
.homeContent
{
	margin-top: 26px;
}
.homeContentText
{
	width: 411px;
	position: relative;
	left: -6px;
	color: #333333;
}
.homeContentExpertise
{
	background-color: #EBEBD5;
	width: 195px;
	text-align: left;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 14px;
	padding-left: 12px;
	color: White;
}
.homeContentExpertise h2
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #730000;
	text-transform: uppercase;
}
.homeContentExpertise a:link
{
	color: #996600;
	text-decoration: none;
}
.homeContentExpertise a:visited
{
	color: #996600;
	text-decoration: none;
}
.homeContentExpertise a:hover
{
	color: #333333;
	text-decoration: none;
}
.homeContentExpertiseDL
{
	margin-top: 10px;
}
.homeContentExpertiseItemFooter
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: White;
}
.homeContentExpertiseItem
{
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: White;
	padding-top: 4px;
	padding-bottom: 4px;
}
.homeContentExpertiseEnd
{
	background-image: url(../../images/triangleLightBrown.gif);
	background-repeat: no-repeat;
	width: 195px;
	height: 14px;
}
.homeContentNieuwsbrief
{
	background-color: #8A0000;
	width: 155px;
	padding-top: 1px;
	padding-bottom: 13px;
	text-align: left;
}
.homeContentNieuwsbriefEnd
{
	background-image: url(../../images/triangleRed.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 14px;
}
.homeContentNieuwsbriefText
{
	color: White;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 12px;
	line-height: 120%;
	letter-spacing: 0.8px;
}
.homeContentOffice
{
	margin-top: 12px;
	background-color: #CC9900;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 24px;
	text-align: left;
	width: 147px;
}
.homeContentOffice h2
{
	font-weight: bold;
	font-size: 120%;
	color: White;
	margin-top: 0px;
	margin-bottom: 7px;
}
.homeContentOfficeEnd
{
	background-image: url(../../images/homeOffice.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 14px;
}
.dlOfficeItem
{
	color: White;
	letter-spacing: 0.8px;
	font-weight: bold;
	padding-top: 6px;
}
.dlOfficeItem a
{
	color: White;
}
.navigationLink
{
	padding-left: 3px;
}
.navigationLink a
{
	color: White;
}
.navigationLinkNL
{
	background-color: #CCCC99;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}
.navigationLinkEndNL
{
	background-image: url(../../images/navTriangleNL.gif);
	background-repeat: no-repeat;
	width: 68px;
	height: 5px;
}
.navigationLinkFR
{
	background-color: #8A0000;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}
.navigationLinkEndFR
{
	background-image: url(../../images/navTriangleFR.gif);
	background-repeat: no-repeat;
	width: 51px;
	height: 5px;
}
.navigationLinkEN
{
	background-color: #CC9900;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}
.navigationLinkEndEN
{
	background-image: url(../../images/navTriangleEN.gif);
	background-repeat: no-repeat;
	width: 45px;
	height: 5px;
}
.homeContentBlock
{
	background-color: #730000;
	width: 4px;
	height: 15px;
	top: 2px;
	left: -45px;
	position: relative;
	float: left;
}
.homeContentTbl
{
	width: 100%;
}
.NavBar
{
	color: #999999;
}
.NavBar a
{
	color: #999999;
}
.contentBody
{
	margin-top: 22px;
}
.contentBody h1
{
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 120%;
	font-weight: normal;
	color: #3D3F42;
}
.contentBody h2
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	font-weight: bold;
}
.logoContent
{
	margin-top: 64px;
}
.ContentText
{
	width: 449px;
}
.searchHeader
{
	color: #666666;
	padding-top: 6px;
	padding-bottom: 10px;
	font-weight: bold;
}
.searchTable
{
	margin-top: 12px;
	width: 658px;
	background-color: #EBEBD5;
}
.searchTableRow
{
	height: 26px;
}
.searchTableData
{
	width: 130px;
	text-align: right;
}
.normalTextbox
{
	color: #333333;
	font-size: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 1px;
	width: 180px;
}
.searchTableDataTxt
{
	padding-left: 4px;
}
.normalDropdownlist
{
	color: #333333;
	font-size: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
}
.searchTableDataTxtSearch
{
	text-align: right;
}
.searchTableBtn
{
	background-color: #8A0000;
	height: 18px;
	color: White;
	margin-left: 4px;
}
.searchTableBtn a
{
	color: White;
}
.kantoren
{
	background-color: #CC9900;
	width: 163px;
	text-align: left;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 14px;
	padding-left: 12px;
	color: White;
}
.kantoren a
{
	color: White;
}
.kantoren h2
{
	font-weight: bold;
	font-size: 120%;
	color: White;
	margin-top: 0px;
	margin-bottom: 7px;
}
.dlKantoorItem
{
	font-size: 100%;
	line-height: 150%;
}
.kantorenEnd
{
	background-image: url(../../images/homeOffice.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 14px;
}
.kantorenResult
{
	margin-top: 26px;
}
.kantorenResultTitle
{
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 11px;
}
.kantorenResultItem
{
	width: 210px;
	padding-top: 6px;
}
.kantorenResultItem a
{
	color: #666666;
}
.lawyerDetailsBG
{
	background-image: url(../../images/lawyerDetailsBG.jpg);
	background-repeat: repeat-x;
	width: 465px;
}
.lawyerDetailsFOP
{
	padding-left: 20px;
	padding-top: 18px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}
.lawyerDetailsFOPTitle
{
	font-weight: bold;
	margin-bottom: 6px;
}
.lawyerDetailsLine
{
	border-top-color: #CC9900;
	border-top-width: 1px;
	border-top-style: solid;
	width: 95px;
	margin-top: 28px;
	margin-bottom: 14px;
}
.lawyerDetailsRight
{
	text-align: right;
}

.LawyerContact
{
	text-align: left;
	width: 173px;
	background-color: #CC9900;
	margin-left: 6px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: White;
	line-height: 150%;
}
.LawyerContact a:link, .LawyerContact a:visited
{
	color:White;
	text-decoration:underline;
}
.LawyerContact a:hover
{
	color:White;
	text-decoration:underline;
}
.LawyerRightTitle
{
	font-weight: bold;
	margin-bottom: 4px;
}
.lawyerDetailsTalen
{
	text-align: left;
	width: 173px;
	background-color: #8A0000;
	margin-left: 6px;
	margin-top: 6px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: White;
	line-height: 120%;
}
.lawyerImage
{
	margin-bottom: 6px;
}
.lawyerDetailsTalenEnd
{
	background-image: url(../../images/triangleRed.gif);
	background-repeat: no-repeat;
	width: 155px;
	height: 14px;
}
.lawyerDetailsFOPItem
{
	margin-bottom: 6px;
}
.expertiseSubTitle
{
	width: 510px;
}
.expertiseList
{
	margin-top: 24px;
}
.expertiseListRow
{
	background-color: #F1F1E4;
}
.expertiseListRowDiv
{
	padding-left: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.expertiseListRowDiv a:link
{
	color: #666666;
}
.expertiseListRowDiv a:visited
{
	color: #666666;
}
.expertiseListRowDiv a:hover
{
	color: #666666;
}
.expertiseMeerKantoren
{
	padding-right: 5px;
	padding-top: 7px;
}
.expertiseKantoren
{
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F7F7F0;
	color: #666666;
	text-align: right;
}
.expertiseKantoren a
{
	color: #666666;
}
.kantorenImage
{
	margin-top: 28px;
}
.officeTable
{
	width: 100%;
}
.officeTableLeft
{
	background-image: url(../../images/officeBG.jpg);
	background-repeat: repeat-x;
	width: 468px;
}
.officeFOP
{
	text-align: left;
	width: 173px;
	background-color: #CC9900;
	margin-left: 6px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: White;
	line-height: 140%;
	font-weight: bold;
}
.officeImage
{
	margin-bottom: 5px;
}
.officeSearch
{
	text-align: left;
	width: 173px;
	background-color: #8A0000;
	margin-left: 6px;
	margin-top: 5px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: White;
	line-height: 140%;
	font-weight: bold;
}
.officeSearch a:link
{
	color: White;
}
.officeSearch a:visited
{
	color: White;
}
.officeSearch a:hover
{
	color: White;
}
.officeContact
{
	padding-left: 16px;
	padding-top: 20px;
	line-height: 140%;
}
.officeTable a
{
	color: #666666;
}
.OfficePresentation
{
	margin-top: 46px;
}
.OfficedlLawyersItem
{
	width: 216px;
	line-height: 190%;
}
.OfficeAantal
{
	margin-top: 10px;
	line-height: 130%;
}
.expertiseTable
{
	width: 100%;
}
.expertiseTableLeft
{
	background-image: url(../../images/officeBG.jpg);
	background-repeat: repeat-x;
	width: 468px;
}
.officeSearchEnd
{
	background-image: url(../../images/triangleRed.gif);
	background-repeat: no-repeat;
	width: 185px;
	height: 14px;
}
.expertiseContact
{
	text-align: left;
	width: 173px;
	background-color: #CC9900;
	margin-left: 6px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: White;
	line-height: 150%;
}
.expertiseRightTitle
{
	font-weight: bold;
	margin-bottom: 4px;
}
.expertiseText
{
	padding-left: 16px;
	padding-top: 20px;
	line-height: 140%;
}
.expertiseList2
{
	margin-top: 86px;
}
.expertiseCatItem
{
	font-weight: bold;
	padding-bottom: 8px;
}
.expertiseFOPItem
{
	background-color: #F1F1E4;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 1px;
}
.expertisedlCategoriesItem
{
	margin-bottom: 22px;
}
.expertiseKantorenItem
{
	text-align: right;
	background-color: #F7F7F0;
}
.headerEnd
{
}
.fontSize
{
	width: 857px;
	background-image: url(../../images/headerEnd.gif);
	background-repeat: no-repeat;
	height: 14px;
}
.mnMenu
{
	margin-bottom: 17px;
}

.ContentNormal
{
	width: 100%;
	line-height: 140%;
}
.ContentNormal p
{
	margin-top:0px;
	margin-bottom:0px;
}
.fees li
{
	list-style-type: lower-latin;
	margin-bottom: 6px;
}
.feesTable
{
	width: 100%;
}
.feesTable tr
{
	height: 20px;
}
.feesHeader
{
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.costs li
{
}
.searchLawyerBtn
{
	padding-right: 7px;
	padding-left: 6px;
	padding-top: 3px;
}
.searchLawyerBtn2
{
	padding-right: 7px;
}
.officeLoop
{
	padding-right: 7px;
	padding-top: 3px;
}
.ContentNormalTD
{
	width: 460px;
}
.meerwaarde
{
	background-color: #8A0000;
	width: 163px;
	text-align: left;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 14px;
	padding-left: 12px;
	color: White;
}
.meerwaardeEnd
{
	background-image: url(../../images/triangleRed.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 14px;
}
.updateProgress
{
	background-color: #fff;
	filter: alpha(opacity=70);
	mozopacity: 0.7;
	opacity: 0.7;
	text-align: center;
	padding-top: 100px;
}
.popup
{
	background-color: #fff;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.imageTbl
{
	background-color: #D1D1D1;
	text-align: left;
	margin-top: 100px;
	border-style: solid;
	border-color: #818181;
	border-width: 3px;
}
.imageClose input
{
	behavior: url(iepngfix.htc);
}

.imageClose
{
	position: relative;
	left: -15px;
	top: -15px;
}
.errorMessage
{
	margin-top: -22px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 10px;
}
.errorMessage a
{
	color: #666666;
}
.validatorCalloutHighlight
{
	background-color: #EFEFEF;
	border: 1px solid #8A0000;
	width: 201px;
	padding: 1px 2px 1px 2px;
}
.errorContact
{
	color: White;
}
.errorMessageLink a
{
	color: #666666;
	text-decoration: underline;
}
.defaultBody
{
	margin-top:18%;
	text-align:center;
	width:499px;
	margin-left:auto;
	margin-right:auto;
}
.logoDefault
{
	background-color:White;
	padding-top:37px;
	padding-bottom:33px;
}
.defaultLangBtns
{
	margin-top:22px;
	margin-bottom:46px;
}
/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.meritiusMenu
{
	margin-top: 44px;
}

.meritiusMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.meritiusMenu ul
{
   /* background:#7795BD;*/
}

/* Top tier */
.meritiusMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    /*width: 9em;*/
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.meritiusMenu ul.AspNet-Menu ul
{
    /*width: 10.5em;
    left: 8.9em;
    top: -1em;*/
    z-index: 400;
}

.meritiusMenu ul.AspNet-Menu ul ul
{
    /*width: 11.5em;
    left: 10.4em;*/
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.meritiusMenu ul.AspNet-Menu li
{
    /*background:#7795BD url(bg_nav.gif) repeat-x;*/
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.meritiusMenu ul.AspNet-Menu li a
{
	color: #CCCCCC;
	cursor: pointer !important;
	margin-right:25px;
    text-transform:uppercase;
}

.AspNet-Menu-NonLink
{
	color: #CCCCCC;
	cursor: pointer !important;
	margin-right:25px;
    text-transform:uppercase;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.meritiusMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.meritiusMenu ul.AspNet-Menu li:hover, 
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
   color: White;
}

.meritiusMenu ul.AspNet-Menu li:hover a, 
.meritiusMenu ul.AspNet-Menu li:hover span, 
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.meritiusMenu ul.AspNet-Menu li:hover li:hover a, 
.meritiusMenu ul.AspNet-Menu li:hover li:hover span, 
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.meritiusMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.meritiusMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover
{
    color: White;
}
.meritiusMenu ul.AspNet-Menu li ul a:link, .meritiusMenu ul.AspNet-Menu li ul a:visited
{
    color:  white;
    text-transform:capitalize;
	background-color:#8A0000;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
}

.meritiusMenu ul.AspNet-Menu li ul a:hover
{
	background-color:#CC9900
}
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.meritiusMenu ul.AspNet-Menu li a:hover,
.meritiusMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
}

.meritiusMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.meritiusMenu .AspNet-Menu-Horizontal
{
    /*position:absolute;
    left: 9.5em;
    top: 0;
    z-index: 300;*/
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
   /* width: 45em;*/
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
   /* width: 10.5em;
    left: 0;
    top: 100%;*
}

.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
   /* top: -0.3em;*/
}

.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    /*width: 11.5em;*/
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
   /* width: 9em;
    text-align:center;*/
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    min-width: 15em;
}

.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    /*width: 11.5em;*/
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.meritiusMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
   /* margin: -1.4em 0 0 10.35em;*/
}
.meritiusMenu .AspNet-Menu li ul
{
	padding-top:17px;
}
.meritiusMenu .AspNet-Menu
{
	padding-bottom:12px;
}
.meritiusMenu .AspNet-Menu-Selected a:link, .meritiusMenu .AspNet-Menu-Selected a:visited
{
    color:White;
}
.meritiusMenu .AspNet-Menu-ChildSelected, .meritiusMenu .AspNet-Menu-ChildSelected span, .meritiusMenu .AspNet-Menu-ChildSelected a:link, .meritiusMenu .AspNet-Menu-ChildSelected a:visited
{
    color:White;
}