body,th,td,p,div,span,a,input,select,textarea,ul,ol,dl,h1,h2,h3,h4,h5,h6,li,big,small,b{
        font-family: Helvetica,Verdana,Arial,sans-serif; }

* { margin: 0; padding: 0; } /* Global margin and padding = 0, save code size */

BODY {
    border: none;
/*    width: 720px; */
    min-width: 731px;
	max-width: 900px;

    font-size: 1.0em;
    margin: 10px;
	text-align: center;
								/* We want a bit of space around the page */
}

table.main, table.head, table.foot {/* width: 720px; */ width: 100%; text-align: left; }
table.main { margin-bottom: 10px; }
.contenttable { width: 100%; }
 table.head td, table.main td {
    border-collapse: collapse;
} 
table.head td.headlogo { border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
table.head td.topsearchbar { border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
table.main td { border-top: 2px solid #fff; }
table.main td.sidebar {border-right: 4px solid #fff; }
table.contenttable td, table td.navcell, table td.breadcrumbcell { border: none; }
table td.navcell {border-top: 1px solid #fff; }
.navcell, .breadcrumbcell {width: 100%; }
/* table td.breadcrumbcell {border-bottom: 1px solid #fff; } */
table.logo {clear: both;}

FORM { font-size: 11px; }
FORM INPUT { font-size: 11px; }
img {border: none; }
img.float-right { display: inline; float: right;}
img.float-left { display: inline; float: left;}
img.link {border: 3px solid #444444;}
img.link:hover {border: 3px solid #FCB216;}

/* These affect captioned images. I have no idea why Typo3 changes my carefully-selected
"image-and-caption" class tags to its generic "contenttable" tags */
table.contenttable {
  float: right;
  display: inline-table;
  width: 35%;
}
table.contenttable caption {
    font-size: 75%;
}
				  
.topsearchbar div {text-align: center; }
.topsearchbar {
/*    align: center; */
/*    text-align: center; */
    background: #444444;
	color: #ffffff;
	padding: 5px;										/* Want to move content away from border */
    width: 220px;
  vertical-align: middle; 
}
/*Fat Erik's Pipelist*/
.topsearchbar ul {
	list-style-type: none;
    padding-top: 2px;
	text-align: center;
}
.topsearchbar ul li {
    display: inline;
	background: none;
    color: #FFFFFF;
    font-size: 0.7em;
    margin: 0 2px;
}
.topsearchbar ul.topmenu li a {
    background: none;
	color: #ffffff;	 /* White links in the footer menu */
	text-decoration: none;	 /* No underlining on inactive links */
}
.topsearchbar ul.topmenu li a:active, .footmenu ul li a:hover {
	text-decoration: underline;			/* Now you underline when hovering */
}

.topsearchbar ul.topmenu li:before { content: "| "; }
.topsearchbar ul.topmenu li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .topsearchbar ul.topmenu li {
	border-left: 1px solid white;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .topsearchbar ul.topmenu { height: 1%; margin-left: 30px; }

* html .topsearchbar ul.topmenu li {
	display: block;
    float: left;
}
/*End hide*/
/*Mac IE 5*/
* html .topsearchbar ul.topmenu li:first-child { border-left: 0; }

.topsearchbar FORM {display: block; }

.headlogo {
    background: #224691 url("../images/rounded-bg.jpg") no-repeat 0px 0px;
    color: #ffffff;
	width: 500px;
}
.headlogo h1 { display: none; }							/* We have the title in H1, but don't want it displayed */
.headlogo img {	margin: 10px; }   /* Correctly position the logo */

.navcell { 
    background: #F0F0ED;
	color: #444444; 			/* Color of inactive menu item text */
	line-height: 28px; 
	width: 100%; 
	width: 500px;}				/* Ivory white background for menu */

.navcell ul {						
    font-size: 0.7em;							/* Small menu font size */
    font-weight: bold;							/* Strong menus */
}

.navcell ul li {
    display: inline;                /* No bullets, horizontal menu */
}

.navcell ul li a {
    background: #F0F0ED;
	color: #444444;							/* Get rid of default blue, make it dark grey */
	text-decoration: none;					/* No underline on links (until hovering, see below) */
    padding: 0px 4px;						/* Makes the tabs a little wider */

    float: left;
    border-right: 1px solid #444444;		/* Puts a menu-item divider to the right of each link */
}

.navcell ul li.current a {
    background: #444444;
    color: #EEEEEE;								/* And make sure the text is light */
}

.navcell li a:focus, .navcell li a:hover, .navcell li a:active {
    background: #F0F0ED;
    color: #224691;								/* Orange text color if you are hovered */
    text-decoration: underline;					/* Now we can underline it */
}
.navcell li.current a:focus, .navcell li.current a:hover, .navcell li.current a:active {
    background: #444444;
    color: #EEEEEE;			/* Light grey hover text */
}
a.email, a.phone, a.print {
	padding-left: 15px;
}
ul.funcmenu li a.email { 
    background: url(../images/envelope-icon.gif) no-repeat 0 0; 
	color: #eeeeee; }
ul.funcmenu li a.phone { 
    background: url(../images/phone-icon.gif) no-repeat 0 0; 
	color: #eeeeee; }
ul.funcmenu li a.print { 
    background: url(../images/print-icon.gif) no-repeat 0 0; 
	color: #eeeeee; }

ul.funcmenu {
    padding: 0.5em;
    list-style: none;
    font-size: 0.6em;
	float: right;
}

ul.funcmenu li {
    margin: 0px 0.25em;
    display: inline;
}
ul.funcmenu li a {
    background: none;
	color: #ffffff;
	text-decoration: none;
}
ul.funcmenu li a:hover, ul.funcmenu li a:focus, ul.funcmenu li a:active {
	color: #ffffff;
	text-decoration: underline;
}

.breadcrumbcell {
    background: #444444;
	color: #ffffff;
    height: 1.5em;
}

 /*Fat Erik's Breadcrumbs*/
.breadcrumbcell ul.breadcrumbmenu
{
list-style: none;
font-size: 0.7em;
padding: 0.5em;
margin-left: 1.0em;
}

.breadcrumbcell ul.breadcrumbmenu li
{
display: inline;
color: #ffffff;
background: none;
}
.breadcrumbcell ul.breadcrumbmenu li a
{
color: #ffffff;
background: none;
}

.breadcrumbcell ul.breadcrumbmenu li:before { content: " > "; }
.breadcrumbcell ul.breadcrumbmenu li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .breadcrumbcell ul.breadcrumbmenu li
{
background: url("../images/arrow-inv.gif") no-repeat 0 50%;
color: #ffffff;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}
* html .breadcrumbcell ul.breadcrumbmenu li
{
display: block;
float: left;
}
/*Win IE browsers - hide from Mac IE\*/
* html .breadcrumbcell ul.breadcrumbmenu { height: 1%; }
/*End hide*/
/*Mac IE 5*/
* html .breadcrumbscell ul.breadcrumbmenu li:first-child { background: none; color: #ffffff; }



ul.submenu {
	list-style: none;
	background: #C6C6B6;		/* This is the grey used in the submenu */
	color: #333;
	width: 220px;
}
/*Win IE browsers - hide from Mac IE\*/
 * html ul.submenu { width: 199px; }
/*End hide*/
	
ul.submenu li { 
	text-align: right;
	border-bottom: 2px solid white;
	font-size: 0.75em;
	font-weight: bold;
        color: #333;
	background: none;
	}
ul.submenu li.spacer {
	padding: 5px 5px 5px 0.5em;
	background: #C6C6B6;
	color: #333333;
        color: #224691;   /*blue that is used for current link*/
        display: block;
	width: 209px;
}
ul.submenu li a {

    width: 99.99%;
    display: block;
	color: #000000;
	background: #C6C6B6;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 0.5em;
	border-right: 10px solid #666655;
}
ul.submenu li.current a {
	color: #224691;
	background: none;
}

td.sidebar
{
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    width: 220px;
    background: #FFFFFF;		/* White underneath the submenu and the project highlights parts */
    color: #333;
}

html>body .sidebar .submenu li a { width: auto; }
.submenu li a:focus, .submenu li a:hover, .submenu li a:active
{
    border-right: 10px solid #444444;
    background: #FFFFFF;
	color: #000000;
}
.submenu li.current a:focus, .submenu li.current a:hover, .submenu li.current a:active
{
    border-right: 10px solid #444444;
    background: #FFFFFF;
	color: #224691;
}


img.sbfoot { margin-bottom: 20px; }   /* Spacer after rounded bottom of sidebars */

.contenttable div.locimg {
		/* IE hack */
	line-height: 0.8em;
    display: block;
	width: 100%;
	background: url("../images/header-bg-mask.gif") repeat-x;
	color: #ffffff;
}

.content {
    margin-top: 10px; 
	margin-bottom: 10px;
	font-size: 0.9em;
	line-height: 1.4em;
	vertical-align: top;
	width: 98.5%;
        margin-left: 0.5em;
} 

.content a.blocklink { 
  display: block;
  text-decoration: none; 
  height: 100%;
}

.content a.blocklink:hover, .content a.blocklink:focus, .content a.blocklink:active {
  text-decoration: none;
  color: #000000;
  background: #F0F0ED;
} 

.content H1 {    font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
    border-bottom: 3px dotted #FCB216;}
.content H2 { margin-bottom: 0.5em; font-size: 1.7em; }
.content H3 { margin-bottom: 0.5em; font-size: 1.5em; }
.content H4 {
    font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
    border-bottom: 3px dotted #FCB216;
	clear: both;
}
.content H5 { 
    margin-bottom: 0.5em; 
    font-size: 1.0em; 
	font-weight: bold; 
	color: #444444; 
	background: none; }
.content H6 { 
    font-size: 0.75em; 
	margin-bottom: 0.5em; }
.content P { 
    font-size: 0.9em; 
	line-height: 1.4em;
	margin-bottom: 1.0em; }
.content A {
    color: #000;
	background: none;
}
.content ol { font-size: 0.9em; margin-bottom: 1.0em; margin-left: 2.0em; }
.content ol li {padding-left: 10px;}
.content ul { list-style: none; font-size: 0.9em; margin-bottom: 1.0em; margin-left: 1.5em;}
.content ul li {
    padding-left: 10px;
    background: url(../images/arrow-yellow.gif) no-repeat 0 .5em;
	color: #000000;
}
.content ul li.pdf {
	    background: url(../images/pdf.gif) no-repeat 0 .5em;
}

.content img { margin: 0.5em; }

.content table.imgtext-table {
    clear: both;
}

.foot {
	background: #224691 url("../images/rounded-bg-foot.jpg") no-repeat 0px 0px; /* Full-cell background */
	color: #ffffff;								
    height: 41px;
    width: 100%;
}
.foot td {
	text-align: center;					/* Individual texts centered in their cells */
}

.foot p {
    background: none;
	color: #FFFFFF;						/* White text */
	font-size: 0.75em;					/* Smaller */
}
.foot p a {
    background: none;
	color: #ffffff;
	text-decoration: none;
}
.foot p a:active, .foot p a:hover {
    background: none;
	color: #ffffff;
	text-decoration: underline;
}

/*Fat Erik's Pipelist*/
.footmenu ul {
	list-style: none;
    float: right;
    padding-top: 2px;
    margin-right: 2em;
}
.footmenu ul li {
    display: inline;
    color: #FFFFFF;
	background: none;
    font-size: 0.65em;
    margin: 0 2px;
}
.footmenu ul li a {
	color: #ffffff;	 /* White links in the footer menu */
	background: none;
	text-decoration: none;	 /* No underlining on inactive links */
}
.footmenu ul li a:active, .footmenu ul li a:hover {
	text-decoration: underline;			/* Now you underline when hovering */
}

.footmenu ul li:before { content: "| "; }
.footmenu ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .footmenu ul li {
	border-left: 1px solid white;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}


/*End hide*/
/*Mac IE 5*/
* html .footmenu ul li:first-child { border-left: 0; }

div.tx-indexedsearch td { border: 0;}
div.tx-indexedsearch p {
    font-size: 0.7em;
    line-height: 1.0em;
}
div.tx-indexedsearch h2 {
    font-size: 0.8em;
}
/* div.tx-indexedsearch {
	border:1px solid #000;
	background-color:#2862A1;
	width: 100%;
} */
div.tx-indexedsearch-res, div.tx-indexedsearch-searchbox /*, div.tx-indexedsearch-whatis, div.tx-indexedsearch-browsebox */ 
{
	/* IE hack */
	height: 1%;
	line-height: 1.3em;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background:#F0F0ED;
	color: #000000;
}
div.tx-indexedsearch-secHead table { 
    background: #C6C6B6; 
	color: #000000;
}

table.csc-uploads {
    border: 1px solid #666;
    background: #F0F0ED;
	color: #000000;
    padding: 0.5em;
}
table.csc-uploads td {
    margin: 0; padding: 0; border: 0;
}
table.csc-uploads td {
    vertical-align: top;
}

p.csc-sitemap-level1 {margin-top: 1.6em; margin-bottom: 1.0em; }
p.csc-sitemap-level1 a {
    background: #444444;					/* Modify the background color dark for current menu item */
    color: #EEEEEE;								/* And make sure the text is light */
    padding: 0.8em 4px;						/* Makes the tabs a little wider */
	text-decoration: none;
	font-size: 0.9em;
    font-weight: bold;							/* Strong menus */
}
p.csc-sitemap-level1 a:hover, p.csc-sitemap-level1 a:focus, p.csc-sitemap-level1 a:active {
    text-decoration: underline;
}
p.csc-sitemap-level2 a {
    display: list-item;
	line-height: 1.0em;
	text-decoration: none;
	margin-left: 1.5em;
}
p.csc-sitemap-level2 a:hover, p.csc-sitemap-level2 a:focus, p.csc-sitemap-level2 a:active {
    text-decoration: underline;
}
p.csc-sitemap-level3 a {
    display: list-item;
    font-size: 0.8em;
	line-height: 1.0em;
	text-decoration: none;
	margin-left: 3.0em;
}
p.csc-sitemap-level3 a:hover, p.csc-sitemap-level3 a:focus, p.csc-sitemap-level3 a:active {
    text-decoration: underline;
}

form h5.error, form h6.error {color: red; background: none;}
form h6.error {font-size: 1.0em; }
form ul h6.error {display: list-item;}

table.imgtext-table, table.imgtext-table td {
    text-align: center;
}
p.csc-caption a {
    text-align: center;
}


/* ########################## */
/* Stylings for the news      */
/* ########################## */


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F0F0ED;

}
.news-latest-container HR.clearer {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container {
    width: 220px;
}

	
.news-latest-container a {
	color:#000;
	background: #FFF;
	text-decoration: none;
	display: block;
}
.news-latest-container a:FOCUS, .news-latest-container a:HOVER, .news-latest-container a:ACTIVE {
	color:#000;
	background: #F0F0ED;
	text-decoration: none;
}

.news-latest-container H4,.news-latest-gotoarchive {
	color: #000;
	background: #C6C6B6;
	padding:3px;
	line-height: 23px;
	/*background-color:#D8FA70;*/
    font-size:0.75em;
}

.news-latest-container H4 A, .news-latest-container H4 A:hover, .news-latest-container H4 A:link {
	background-color:#C6C6B6;
	color: #000;
}

.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#000;
	background: none;
}
.news-latest-gotoarchive A {
	color:#000;
	background: none;
	text-decoration: none;
}
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.1em;
	font-size: 0.7em; /* 10px; */
	/* IE hack end */
	padding:3px;
	margin:3px;
    border-bottom: 1px solid #c6c6b6;
}
.news-latest-item h5 {font-weight: bold; font-size: 1.0em; line-height: 1.0em; }


.news-latest-item IMG {

	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size: 0.8em; /* 9px; */
}
.news-latest-date { float: right; }

.news-latest-morelink {
	height: 9px;
	font-weight: bold;
	float: right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
div.news-list-container {
	border:1px solid #000;
	color: #ffffff;
	background:#F0F0ED;
	width: 99.5%;
}


div.news-list-container div.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3em;
	/* IE hack end */
	padding:3px;
	border:1px solid #666;
	background:#F0F0ED;
	color: #000000;
	}

/* -----------   Added by Cindy  ----------  */


div.news-list-container div.news-list-item a {
        font-size: 0.8em;
        color: #000;
        text-decoration: none;
}

div.news-list-container div.news-list-item a:hover {
        text-decoration: underline;
}
   
div.news-list-container div.news-list-item .news-list-date {
	float: right;
	color: black;
	background: #F0F0ED;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 0.5em; /* changed from 0.8 */
	font-weight: normal;
	}
/* -------------------------------------------  */
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background:#F0F0ED;
	color: #000000;
}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H5 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #214593;
	background: #F0F0ED;
	color: #000000;
}
.news-list-container H5 A {
	color:#214593;
	background: none;
	padding-left:2px;
	text-decoration: none;
}
.news-list-container h5 A:hover, .news-list-container h5 A:focus, .news-list-container h5 A:active {
    text-decoration: underline;
}
.news-list-container H5 A {
	color:#214593;
	background: none;
	text-decoration: none;

}
.news-list-container P {
	padding-left:3px;
}
/*.news-list-date {
	float: right;
	color: #214593;
	background: #F0F0ED;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 0.8em; /* 9px; */
      	font-weight: normal;
	} */

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size: 0.9em;
	margin-left:3px;
        text-decoration: underline;
}
.news-list-morelink  {
	margin-bottom:3px;
}
.news-list-browse {
	text-align: center;
}

	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {

	border:1px solid #666;
	padding:3px;
	background: #f0f0ed; /* #F0F0ED; */
	color: #000000;
    text-align: center;
}
.tx-ttnews-browsebox table {
    text-align: center;
    margin: 0px auto;
    border: none;
}
.tx-ttnews-browsebox TD {
	font-size: 1.0em; /* 11px; */
	border: 0;
	margin: 0px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P {
	margin: 0px;
	border: 0;
}

.tx-ttnews-browsebox TD.tx-ttnews-browsebox-SCell {
	background: #F9FFE5;
	color: #000000;
	border:1px solid #666;
	text-align: center;
}
.news-search-emptyMsg {
	font-size: 1.0em; /* 11px; */
	margin-left: 10px;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding:5px;
	margin-bottom:5px;
	border:1px solid #666;
	background:#F0F0ED;
	color: #000000;
}
.news-single-item H2 {
	font-size: 1.25em; /* 16px; */
      	font-weight:bold;
	color: #85A600;
	background: none;
	margin-bottom: 0px;
}
.news-single-item H3 {
	margin-bottom: 15px;
}



div.news-single-img {
	float: right;
	margin-left:5px;
}



div.news-single-img p.news-single-imgcaption {
	padding:3px;
	clear:both;
	width: 200px; 
	text-align: center;
/*	margin: 0px auto;
	text-align: center; */
}

.news-single-category {
	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 0.9em; /* 10px; */
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author, p.news-single-imgcaption {
	font-size: 0.75em; /* 8px; */
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background: #2862A1;
	color: #ffffff;
/* 	clear: both; */
	margin-top: 15px;
	border: 1px solid #666;
	padding-bottom:0px;
}


.news-single-related, .news-single-files, .news-single-links  {
	border: 1px solid #666;
	margin:0px;

	padding:3px;
	background:#F9FFE5;
	color: #000000;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 1.0em; /* 11px; */
	margin-left:5px;
	width:90%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	margin-top:10px;
	padding:3px;
	border:1px solid #333;
	background:#2862A1;
	color: #ffffff;
}
.news-amenu-container LI {
	padding-bottom:1px;
}
.news-amenu-container UL {
	padding:3px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	border:1px solid #666;
	background:#F0F0ED;
	color: #000000;
	list-style-type: none;
}
.news-amenu-container H2 {
	color:#214593;
	background:#F0F0ED;
	padding:3px;
	border:1px solid #666;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px solid #666;
	padding: 2px;
	background: #F0F0ED;
	color:#214593;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {
	padding:5px;
	margin:10px 0px 10px 10px;
	border:1px solid #666;
	background:#F0F0ED;
	color: #000000;
}
.news-catmenu-header  {
	font-size:11px;
	font-weight:bold;
}
.news-catmenu DIV {
	font-size:10px;
	white-space: nowrap;
}
.news-catmenu DIV img {
	margin:0px;
	padding:0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level0 {
	background:#fff; color: #000;
}
.level1 {
	padding-left:10px;
	background:#eee; color: #000;
}
.level2 {
	padding-left:10px;
	background:#ddd; color: #000;
}
.level3 {
	padding-left:10px;
	background:#ccc; color: #000;
}
.level4 {
	padding-left:10px;
	background:#bbb; color: #000;
}