@media screen {

	/* [Global Elements] */

	body { font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif; margin: 0px; padding: 0px; color: #793C8C; }
	fieldset { margin: 20px 0px 30px; padding: 0px 50px 30px; /*color: #676767;*/ border: 1px solid #793C8C; }
	fieldset { position: relative; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
	legend { margin: 0px; padding: 0px 10px; font-weight: bold; color: #793C8C; font-family: tahoma; }
	h1 { font-size: 130%; }
	h2 { font-size: 120%; line-height: 15pt; }
	h3 { font-size: 110%; }
	h4, h5, h6 { font-size: 100%; }
	hr { height: 1px; border-width: 0px; background-color: #D1D7DC; color: #D1D7DC; }
	a:link { color: #793C8C; text-decoration: none; margin: 0; padding: 0; }
	a:visited { color: #793C8C; text-decoration: none; }
	a:hover { color: #FF6600; text-decoration: underline; }
	a:active { color: #793C8C; text-decoration: none; }
	img { border: 0; padding: 0; }
	img:link { border: 0; }
	img:visited { border: 0; }
	img:hover { border: 0; }
	img:active { border: 0; }
	p { margin: 0px 0px 15px; }
	table tr td { padding: 5px; }
	input { font-size: inherit; font-family: inherit; }
	textarea { font-size: inherit; font-family: inherit; }


	/* [Wrappers] */

	#wrap1 { position: relative; width: 950px; top: 225px; text-align: left; margin: 0 auto; background: transparent url(body-background.gif) repeat-y scroll center top; }
	#wrap2 { position: absolute; width: 950px; top: 0; text-align: left; margin-left: -475px; left: 50%; }
	#footer { clear: both; width: 100%; border-top: 10px solid #A99AC1; background-color: #ffffff; }
	#mainNav { position: absolute; top: 175px; }


	/* [Content Columns] */

	.leftside, .left-center { float: left; width: 206px; margin: 0px 0px 0px -950px; color: #ffffff; border-right: solid 10px transparent; }
	.center-nomargins { float: left; width: 100%; margin: 0px; }
	.center-rightandleftmargins { float: left; width: 449px; margin: 0px 285px 0px 216px; }
	.center-rightmargin { float: left; width: 665px; margin: 0px 285px 0px 0px; }
	.center-leftmargin { float: left; width: 734px; margin: 0px 0px 0px 216px; }
	.rightside { float: left; width: 267px; margin: 0px 0px 0px -285px; color: #FFFFFF; border-right: solid 8px transparent; border-left: solid 10px transparent; }


	/* [General] */

	#header { position: absolute; clear: both; display: block; width: 950px; height: 225px; margin: 0; top: 0; }
	#headerFlash { position:absolute; }
	.breadcrumbs { left: 220px; position: absolute; top: 205px; }
	.accessDenied { margin: 0 0 40px 260px; width: 380px; }
	.accessDenied LABEL { display: block; font-size: 130%; font-weight: bold; margin-bottom: 20px; }
	.footernavL { float: left; }
	.footernavL a { font-size: 80%; }
	.footernavR { float: right; font-size: 90%; }
	a.sitelink:link { }
	a.sitelink:visited { }
	a.sitelink:hover { }
	a.sitelink:active { }
	.ok-msg { color: #ffffff; background-color: #FA5500; margin: 10px 0; text-align: center; }
	.warning-msg { color: #ffffff; background-color: #ff0000; margin: 10px 0; text-align: center; }
	.errorstar { color: #ff0000; font-family: Verdana; font-weight: bold; margin-left: 5px; }
	.errorsummary { margin-left: auto; margin-right: auto; }
	SPAN.warning-msg { display: block; }
	.settinglabel { float: left; clear: left; text-align: left; width: 250px; padding: 3px; /*color: #676767;*/ }
	.settingrow { padding: 4px 0px 4px 0px; clear: left; }
	div.sitemap ul, div.sitemap ul li { list-style: none; }
	.accent { color: #ffc796; font-weight: bold; }
	.aspTextBox { font-size: 100%; color: #676767; border:1px solid #DADADA; }
	.aspSelect { font-size: 100%; color: #676767; border:1px solid #DADADA; }
	.aspButton { font-size: 11px; color: #793C8C; background-color: #C7BDD6; border: 1px solid #C7BDD6; font-weight: bold; width: 75px; cursor: pointer; }
	.aspCheckBox {}
	.aspCheckBoxList { margin-left: 50px; }
	.aspCheckBoxList TD { padding: 3px; }
	#login { margin: 0 0 40px 320px; width: 280px; }
	#login .aspButton { margin-left: 135px; }
	.loginOuter td { padding: 0; }
	.loginInner td { padding: 5px; }
	#loginLink { position: absolute; top: 178px; right: 10px; }
	#loginLink a:link, #loginLink a:visited { color: #ffffff; }
	#loginLink a:hover { color: #ffffff; }
	#loginLink UL { list-style: none; margin: 0; padding: 0; }
	.skiplink { display: none; }

	.policeCheckSearchResults { margin: 30px 0; }

	/* input elements */
	.on { font-size: 100%; color: #793C8C; border: solid 1px #e6e5e5; background: #C7BDD6; padding: 3px 2px; }
	.on:focus { font-size: 100%; color: #525252; border: solid 1px #a8bdef; background: #f9f9f9; padding: 3px 2px; }
	.on:hover, .hlt { font-size: 100%; color: #525252; border: solid 1px #a8bdef; background: #f9f9f9; padding: 3px 2px; }
	.on { h: expression(onmouseover=new Function("this.className = 'hlt';")); }	/* IE6 */
	.hlt { h: expression(onmouseout=new Function("this.className = 'on';")); }	/* IE6 */

	/* link buttons */
	a.btn:link, a.btn:visited { color: #793C8C; background-color: #C7BDD6; border: 1px solid; border-color: #793C8C; padding: 2px 15px; text-decoration: none; }
	a.btn:hover { color: #793C8C; border-color: #fa2; text-decoration: none; }
	a.btn:active { color: #fed; background-color: #f90; border-color: #e80 #fa2 #fa2 #e80; text-decoration: none; }
	
	/* search box */
	.search-rounded { background:transparent url(/Data/SiteImages/search-bg.png) no-repeat scroll left top; margin: 8px 40px; position:relative; }
	.search-box { background:transparent none repeat scroll 0 0; border:medium none; font-family:"Lucida Grande",Arial,sans-serif; font-size:11px; height:16px; margin-left:10px; padding:3px 0 0; width:110px; color: #793C8C; }
	.search-button { position:relative; left:0px; top: 2px; }

	/* [Modules] */

	.mwrap { padding: 0px 20px 0px 20px; }
	.mtitle { font-family: arial,helvetica; margin: 0px 0px 15px -2px; font-weight: normal; font-size: 170%; }
	.leftside .mtitle, .left-center .mtitle, .rightside .mtitle { font-size: 100%; font-family: Tahoma,Verdana,Helvetica; margin: 0px 0px 5px; font-weight:bold; }
	.msubtitle { font-weight: bold; margin: 5px 0px 5px 0px; }
	.mcontent { font: inherit; text-align: justify; padding: 0px; }
	.leftside .mcontent, .left-center .mcontent, .rightside .mcontent { text-align: left; }
	.mcontent a:link { text-decoration: underline; }
	.mcontent a:visited { text-decoration: underline; }
	.mcontent a:hover { text-decoration: none; color: #f00; }
	.mcontent a:active { text-decoration: none; }
	.mfooter { text-align: center; padding: 0px; height: 0; margin-bottom: 20px; clear: both; }
	.mbuttonrow { clear:both; text-align: center; padding:10px 0; }
	.mdisabled { color: #B4B4B4; }
	.munpublished { color: #ff0000; }
	.modulealtrow, .childpagemenualtrow { background-color: #F7F7F5; }
	.mhiddentitle { font-style: italic; font-size: 10px; font-weight: normal; }

	.mwrap textarea { overflow: auto; }
	.mwrap select { }
	.mwrap p.padL { margin-left: 18px; }
	.mwrap fieldset { margin: 10px 0px 0px; padding: 10px; border: 0px; }
	.mwrap fieldset.open { background-color: #fafafa; padding-left: 25px; }
	.mwrap legend { font-size: 110%; }
	.mwrap .bulletOff { background: url(bullet-off.gif) no-repeat; padding-left: 20px; margin-left: 235px; margin-bottom: 10px; }
	.mwrap .bulletOn { background: url(bullet-on.gif) no-repeat; padding-left: 20px; margin-bottom: 10px; }

	/* rounded module corners */
	
	div.rounded { background-color: #C7BDD6; }
	b.rtop, b.rbottom { display: block; background-color: #BAACCD; }
	b.rtop b, b.rbottom b { display: block; height: 1px; overflow: hidden; background-color: #C7BDD6; }
	b.r1 { margin: 0 5px; }
	b.r2 { margin: 0 3px; }
	b.r3 { margin: 0 2px; }
	b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px; }

	/* paging container */
	
	.mpager { vertical-align: top; margin: 10px 0px; }
	.mpager .page-numbers { margin-left:6px; }
	.mpager .page-label { margin-right:6px; }
	
	a.ModulePager, a.SelectedPage { margin: 0 2px }
	a.ModulePager:link { text-decoration: none; }
	a.ModulePager:visited { text-decoration: none; }
	a.ModulePager:hover { text-decoration: underline; }
	a.ModulePager:active { text-decoration: underline; }
	
	a.SelectedPage:link { font-weight: bold; text-decoration: none; font-size:120%; }
	a.SelectedPage:visited { font-weight: bold; text-decoration: none; font-size:120%; }
	a.SelectedPage:hover { font-weight: bold; text-decoration: underline; font-size:120%; }
	a.SelectedPage:active { font-weight: bold; text-decoration: underline; font-size:120%; }
	
	.selectedpage { font-weight: bold; }

	/* links list */

	.linkdescription { font-style: italic; }
	ul.linksList, p.linksList { margin: 5px 0; padding: 0; border: 0; list-style: none; }
	ul.linksList li { text-align: left; margin: 0; }
	ul.linksList li a, p.linksList a { display: block; margin: 0 8px 0 8px; text-decoration: none; padding: 3px 5px 4px 15px; background-image: url('links-list-arrow.gif'); background-position: left; background-repeat: no-repeat; }
	ul.linksList li a:link, p.linksList a:link { border-bottom: 0px; text-decoration: none; }
	ul.linksList li a:visited, p.linksList a:visited { border-bottom: 0px; text-decoration: none; }
	ul.linksList li a:hover, p.linksList a:hover { color: #ffffff; background-color: #6C588D; background-image: url('links-list-arrow-hover.gif'); background-position: left; background-repeat: no-repeat; }

	/* RSS Feed Displayer */

	#bbc-news-rss { width: 400px; height: 65px; padding: 4px 0; overflow:hidden; }
	#bbc-news-rss .titlefield {  font-size: 110%; font-weight: bold; }
	#bbc-news-rss .labelfield { color: #A52A2A; font-size: 90%; }
	#bbc-news-rss .datefield { color: #808080; font-size: 90%; }
	#bbc-news-rss ul {margin:0; padding:0;}
	#bbc-news-rss ul li { list-style: none; }
	
	#latest-jobs-rss { width: 226px; height: 190px; padding: 4px 0; overflow:hidden; position:relative;}
	#latest-jobs-rss ul { margin:0 5px 10px 20px; padding:0; }
	#latest-jobs-rss a:hover { color:#ffffff; text-decoration:none; }
	
	/* Job Listings */
	
	.joblist {  }
	.job-results-wrap { clear:both; margin-bottom:30px; border:1px solid #BAACCD; }
	.job-results-header, .job-detail-header { background-color:#BAACCD; }
	.job-results-header a { font-weight:bold; }
	.job-results-header a:hover { color: #FFFFFF; }
	.job-results-catpos { height:25px; margin-top: 5px; }
	.job-results-body, .job-detail-body { clear:both; padding:5px; }
	.job-results-desc { clear:both; }
	.job-detail-wrap { clear:both; margin-bottom:30px; }
	.job-detail-title {}
	.job-detail-header h1 { padding:5px; }
	.job-detail-footer { margin-bottom:20px; text-align:center; }
	.job-detail-desc { clear:both; margin:15px 0; }
	
	
	/* DataGrid */
	
	/* table style */
	.datagrid {font-family:"lucida grande",arial,helvetica,sans-serif; font-size:11px;width:700px;border:solid 1px #DDDDDD;}
	/* header cell style */
	.datagrid th {border-right-style:solid;border-right-width:1px;border-right-color:#DDDDDD;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#DDDDDD;background:#e1d6c7 url(/Data/SiteImages/mt_back.gif) repeat-x;color:#613913;	font-weight:normal;text-align:center;}  
	/* common cell styles */
	.datagrid th, .datagrid td {cursor:default;height:20px;}
	/* cell styles */
	.datagrid td {color:#808080;padding:2px 8px;border-right-style:solid;border-right-width:1px;border-right-color:#e5e4cf;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#e5e4cf;}
	/* mouseover row style */
	.datagrid tr:hover{ background-color:#F2F0FA; }
	.gridviewaddbutton { margin-top:10px; }
	
	/* DetailGrid */
	
	.detail {font-family:"lucida grande",arial,helvetica,sans-serif;font-size:11px;background-color:#fff;}
	.detail-wrap {}
	.detail-header { background:#E1D6C7 url(/Data/SiteImages/mt_back.gif) repeat-x scroll 0 0; height:20px; padding:5px 8px 2px; }
	.detail-body { overflow:auto; margin-top:10px }
	.detail-footer {text-align:right;padding:8px;}
	/* table style */
	.detailgrid {border:solid 1px #ad9e87;}
	/* cell styles */
	.detailgrid td {cursor:default;height:20px;color:#000;padding:2px 8px;border-right-style:solid;border-right-width:1px;border-right-color:#f2e8da;border-bottom-style:solid;border-bottom-width:1px;	border-bottom-color:#f2e8da;}

	TR.updated TD {background-color:yellow;}
    .modalBackground {background-color:#000000;filter:alpha(opacity=70);opacity:0.7;}

	/* [Menu] (RARELY CHANGED rules) */

	ul.menu { position: relative; }
	ul.menu, ul.menu ul { margin: 0; padding: 0; display: block; }
	ul.menu li { position: relative; list-style: none; float: left; }
	ul.menu li a, ul.menu li span { display: block; text-decoration: none; }
	ul.menu ul { position: absolute; display: none; }
	/* Add more rules here if your menus have more than three (3) tiers (by appending an extra ul per tier) */
	ul.menu li:hover ul ul, ul.menu li.menu-hover ul ul { display: none; }
	/* Add more rules here if your menus have more than three (3) tiers (by appending an extra ul per tier) */
	ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul, ul.menu li.menu-hover ul, ul.menu li li.menu-hover ul, ul.menu li li li.menu-hover ul { display: block; }
	.menu-vertical ul.menu li { width: 100%; }


	/* [Menu Themes] */

	/* VERTICAL */

	.menu-vertical { position: relative; top: 0; 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... */
	.menu-vertical ul { background-color: #7795BD; }

	/* Top tier */
	.menu-vertical ul.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. */
	.menu-vertical ul.menu ul { width: 12em; left: 8.9em; top: 0; z-index: 310; }

	.menu-vertical ul.menu ul ul { left: 10.4em; width: 11.5em; }

	/* Use this rule create the common appearance of each menu item. */
	.menu-vertical ul.menu li { background: #ffffff url('') 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). */
	.menu-vertical ul.menu li a, .menu-vertical ul.menu li span { color: black; padding: 4px 2px 4px 8px; border: 1px solid #648ABD; border-bottom: 0; background: transparent url(arrowRight.gif) right center no-repeat; }

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

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

	/* menu hover */
	/* 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 menu-hover class when the cursor is over that li tag. */
	/* See MenuAdapter.js (in the JavaScript folder). */
	.menu-vertical ul.menu li:hover, .menu-vertical ul.menu li.menu-hover { background: #ECE9F0; }

	/* menu text hover color */
	.menu-vertical ul.menu li:hover a, .menu-vertical ul.menu li:hover span, .menu-vertical ul.menu li.menu-hover a, .menu-vertical ul.menu li.menu-hover span, .menu-vertical ul.menu li:hover li:hover a, .menu-vertical ul.menu li:hover li:hover span, .menu-vertical ul.menu li.menu-hover li.menu-hover a, .menu-vertical ul.menu li.menu-hover li.menu-hover span, .menu-vertical ul.menu li:hover li:hover ul a:hover, .menu-vertical ul.menu li:hover li:hover ul span.menu-hover, .menu-vertical ul.menu li.menu-hover li.menu-hover ul a:hover, .menu-vertical ul.menu li.menu-hover li.menu-hover ul span.menu-hover { color: #FF6600; }
	/* menu text color */
	.menu-vertical ul.menu li:hover ul a, .menu-vertical ul.menu li:hover ul span, .menu-vertical ul.menu li.menu-hover ul a, .menu-vertical ul.menu li.menu-hover ul span, .menu-vertical ul.menu li:hover li:hover ul a, .menu-vertical ul.menu li:hover li:hover ul span, .menu-vertical ul.menu li.menu-hover li.menu-hover ul a, .menu-vertical ul.menu li.menu-hover li.menu-hover ul span { color: #444444; }

	/* 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. */
	.menu-vertical ul.menu li a:hover, .menu-vertical ul.menu li span.menu-hover { color: White; background: transparent url(activeArrowRight.gif) right center no-repeat; }

	.menu-vertical ul.menu li.leaf a:hover { background-image: none; }



	/* HORIZONTAL */

	.menu-horizontal { position: absolute; left: 170px; top: 0; z-index: 400; }

	/* 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... */
	.menu-horizontal ul { }

	/* 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. */
	.menu-horizontal ul.menu { width: 54em; }

	/* 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. */
	.menu-horizontal ul.menu ul { width: 13em; left: 0; top: 100%; }

	.menu-horizontal ul.menu ul ul { top: 0; width: 13em; z-index: 410; }

	/* 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. */
	.menu-horizontal ul.menu li { width: 8em; margin-right: 10px; text-align: center; background: #ffffff url('') repeat-x; }
	/*.menu-horizontal ul.menu li ul {background:transparent url(bg-main-drop.png) no-repeat scroll left bottom;width:123px}*/
	/*.menu-horizontal ul.menu li ul li {background:transparent url(bg-main-drop-lix.gif) no-repeat scroll left bottom;width:120px}*/
	.menu-horizontal ul.menu li ul li { background-color: #6C588D; }

	/* 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). */
	.menu-horizontal ul.menu li a, .menu-horizontal ul.menu li span { padding: 4px 2px 4px 8px; border: 0px solid #648ABD; border-bottom: 0; /*background:transparent url(arrowRight.gif) right center no-repeat;*/ }

	/* overide the above to apply only to the top tier */
	.menu-horizontal ul.menu > li > a, .menu-horizontal ul.menu > li > span { padding: 0; }

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

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

	/* menu hover */
	/* 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 menu-hover class when the cursor is over that li tag. */
	/* See MenuAdapter.js (in the JavaScript folder). */
	.menu-horizontal ul.menu li:hover, .menu-horizontal ul.menu li.menu-hover { background: #BAACCD; }

	/* menu text hover color */
	.menu-horizontal ul.menu li:hover a, .menu-horizontal ul.menu li:hover span, .menu-horizontal ul.menu li.menu-hover a, .menu-horizontal ul.menu li.menu-hover span, .menu-horizontal ul.menu li:hover li:hover a, .menu-horizontal ul.menu li:hover li:hover span, .menu-horizontal ul.menu li.menu-hover li.menu-hover a, .menu-horizontal ul.menu li.menu-hover li.menu-hover span, .menu-horizontal ul.menu li:hover li:hover ul a:hover, .menu-horizontal ul.menu li:hover li:hover ul span.menu-hover, .menu-horizontal ul.menu li.menu-hover li.menu-hover ul a:hover, .menu-horizontal ul.menu li.menu-hover li.menu-hover ul span.menu-hover { color: #ffffff; }
	/* menu text color */
	.menu-horizontal ul.menu li:hover ul a, .menu-horizontal ul.menu li:hover ul span, .menu-horizontal ul.menu li.menu-hover ul a, .menu-horizontal ul.menu li.menu-hover ul span, .menu-horizontal ul.menu li:hover li:hover ul a, .menu-horizontal ul.menu li:hover li:hover ul span, .menu-horizontal ul.menu li.menu-hover li.menu-hover ul a, .menu-horizontal ul.menu li.menu-hover li.menu-hover ul span { color: #ffffff; }

	/* 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. */
	.menu-horizontal ul.menu li a:hover, .menu-horizontal ul.menu li span.menu-hover { color: White; /*background:transparent url(activeArrowRight.gif) right center no-repeat;*/ }

	.menu-horizontal ul.menu li.leaf a:hover { background-image: none; }

	/* 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. */
	.menu-horizontal ul.menu ul li { text-align: left; width: 13em; }

	.menu-horizontal ul.menu ul ul li { width: 13em; }

	/* 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. */
	.menu-horizontal ul.menu li ul li ul { margin: 0 0 0 13em; }


	/* admin edit menu */
	.pedit-menu { position: absolute; top: -50px; left: -8px; }
	.pedit-menu .menu-vertical ul.menu { width: 0; }
	/*.pedit-menu .menu-vertical ul.menu li {background-color:transparent;}*/
	.pedit-menu .menu-vertical ul.menu li a { border: 0px; }
	.pedit-menu .menu-vertical ul.menu ul { left: 8px; font-size: 11px; }
	.pedit-menu .menu-vertical { margin: 0px; }
	.pedit-menu .menu-vertical ul.menu li a, .pedit-menu .menu-vertical ul.menu li span { background: transparent url(arrowRight-admin.gif) right center no-repeat; }
	.pedit-menu .menu-vertical ul.menu li.leaf a, .pedit-menu .menu-vertical ul.menu li.leaf span { background-image: none; }
	.pedit-menu li.withchildren > a { height: 10px; }

	/* module edit menu */
	.medit-menu { float: right; }
	.medit-menu .menu-vertical ul.menu { width: 0; }
	/*.medit-menu .menu-vertical ul.menu li {background-color:transparent;}*/
	.medit-menu .menu-vertical ul.menu li a { border: 0px; }
	.medit-menu .menu-vertical ul.menu ul { left: 8px; font-size: 11px; }
	.medit-menu .menu-vertical { margin: 0px; }
	.medit-menu .menu-vertical ul.menu li a, .medit-menu .menu-vertical ul.menu li span { background: transparent url(arrowRight-admin.gif) right center no-repeat; }
	.medit-menu .menu-vertical ul.menu li.leaf a, .medit-menu .menu-vertical ul.menu li.leaf span { background-image: none; }
	.medit-menu li.withchildren > a { height: 10px; }

	.leftside .medit-menu, .left-center .medit-menu, .rightside .medit-menu { position: relative; top: -25px; right: 5px; }
	.center-rightandleftmargins .medit-menu, .center-leftmargin .medit-menu, .center-rightmargin .medit-menu, .center-nomargins .medit-menu { position: relative; top: -35px; right: 5px; }


	/* non dynamic menu edit icons */
	.medit-icons { float: right; }
	.leftside .medit-icons, .left-center .medit-icons, .rightside .medit-icons { position: relative; top: -24px; right: 4px; }
	.center-rightandleftmargins .medit-icons, .center-leftmargin .medit-icons, .center-rightmargin .medit-icons, .center-nomargins .medit-icons { position: relative; top: -34px; right: 2px; }


	.exportData { text-align: right; }

	/* [Admin] */

	.admin { background-color: #ffffff; }
	#pnlHelp { padding: 10px; }
	.helpeditlink { position: absolute; right: 0; top: -4px; }
	.fieldsetpad { margin-left: auto; margin-right: auto; padding-top: 30px; }
	.btn-move-right { margin: 5px; }
	.btn-move-left { margin: 5px; }
	.progress { float: right; }
	.simplelist, .simplelist li { padding: 0px 0px 10px 3px; margin: 0px 30px; }
	.smallerItalic { font-size: 80%; font-style: italic; }
	.collapsiblepanel { border-style: none; border-width: thin; }
	.asubtitle { font-weight: bold; margin: 13px 0; color: #793C8C; font-family: tahoma; display: block; }
	.genhelpbutton { position: absolute; right: 60px; top: 0; }
	.genhelpbutton IMG { vertical-align: middle; }
	.CalendarPickerButton { font-size: 80%; font-family: Verdana,Arial,Helvetica,sans-serif; cursor: pointer; height: 18px; width: 18px; color: #676767; background-color: #fff; }
	#pagetree .settinglabel { width: 150px; margin-left: 70px; }
	#pagecontent .settinglabel { width: 130px; margin-left: 140px; }
	#alinks .settinglabel { width: 150px; }
	.fileManagerDirectoryPathLabel { }

	.gridView { }
	.gridView TD { padding: 4px; font: inherit; }
	.gridViewHeader TH { background-color: #793C8C; font-weight: bold; color: #ffffff; padding: 0 10px; }
	.gridViewRow { background-color: #fff; }
	.gridViewAltRow { background-color: #F2F0FA; }
	.gridViewEditRow { background-color: #EAEAEA; }
	.gridViewSelectedRow { background-color: #FFDEAA; }
	.gridViewPager { background-color: #284775; color: #fff; text-align: center; }
	.gridViewFooter { background-color: #5D7B9D; font-weight: normal; color: #fff; }
	.gridViewFooter a:link { color: #fff; }
	.gridView TD a { }
	.gridView TD a:link { }
	.gridView TD a:visited { }
	.gridView TD a:hover { }
	.gridView TD a:active { }
	.gridView .aspButton { width: 50px; font-size: 85%; }
	.gridView .aspTextBox, .gridView .aspSelect { /*font-size:77%*/ }

	.detailsView { text-align: left; }
	.detailsView TD { padding: 4px; }
	.detailsViewHeader { background-color: #5D7B9D; font-weight: bold; color: #fff; }
	.detailsViewCommandRow { text-align: center; vertical-align: middle; }
	.detailsViewFieldHeader { font-weight: bold; width: 14.5em; }
	.detailsViewRow { background-color: #fff; }
	.detailsViewAltRow { background-color: #F7F6F3; }

	.formView { text-align: left; }
	.formView TD { padding: 2px 5px; vertical-align: top; }
	.formViewHeader { background-color: #5D7B9D; font-weight: bold; color: #fff; }
	.formViewHeader TD { padding: 4px; }
	.formViewSubTitle { font-weight: bold; color: #E92E35; }
	.formViewSubTitle TD { padding-top: 10px; }
	.formViewCommandRow { text-align: center; vertical-align: middle; }
	.formViewFieldHeader { font-weight: bold; width: 10em; }

	/* [Tabs] */

	.ajax__tab_xpc .ajax__tab_header { background: url(../SiteImages/tabs/tab-line.gif) repeat-x bottom; }
	.ajax__tab_xpc .ajax__tab_outer { background: url(../SiteImages/tabs/tab-right.gif) no-repeat right; height: 21px; padding-right: 0px; }
	.ajax__tab_xpc .ajax__tab_inner { background: url(../SiteImages/tabs/tab-left.gif) no-repeat; padding-left: 3px; }
	.ajax__tab_xpc .ajax__tab_tab { background: url(../SiteImages/tabs/tab.gif) repeat-x; height: 13px; padding: 4px; margin: 0; }
	.ajax__tab_xpc .ajax__tab_hover .ajax__tab_outer { background: url(../SiteImages/tabs/tab-hover-right.gif) no-repeat right; }
	.ajax__tab_xpc .ajax__tab_hover .ajax__tab_inner { background: url(../SiteImages/tabs/tab-hover-left.gif) no-repeat; }
	.ajax__tab_xpc .ajax__tab_hover .ajax__tab_tab { background: url(../SiteImages/tabs/tab-hover.gif) repeat-x; }
	.ajax__tab_xpc .ajax__tab_active .ajax__tab_outer { background: url(../SiteImages/tabs/tab-active-right.gif) no-repeat right; }
	.ajax__tab_xpc .ajax__tab_active .ajax__tab_inner { background: url(../SiteImages/tabs/tab-active-left.gif) no-repeat; }
	.ajax__tab_xpc .ajax__tab_active .ajax__tab_tab { background: url(../SiteImages/tabs/tab-active.gif) repeat-x; }
	.ajax__tab_xpc .ajax__tab_body { border: 1px solid #ccc; border-top: 0; padding: 30px; }
}

@media print {

	h1 { font-size: 20pt; }
	img { border: 0px; }
	.mcontent { text-align: justify; }
	a:link, a:visited, a:hover, a:active { color: black; }

	#wrap2, #footer, #loginLink, .leftside, .left-center, .rightside, .medit-menu, .menu, .skiplink, .btn, #lnkBack { display: none; }

}