/* Start of CMSMS style sheet 'ndc3clm-tbl : NCleanBlue' */
/*  @Nuno Costa [criacaoweb.net].  @Since [cms 1.6]  @Status [Stable] */
body {
/* default text for entire site */
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;  /* 0.8 */
/* default text color for entire site */
	color: #3A3A36;
/* you can set your own image and background color here */
	/*  background: #FCFCFC;     FFF9F9 light red   green     F7F9F7        */
	/*  background: #fff url(uploads/ndc3clm-tbl/no bg__full.png) repeat-x scroll left top; */
	 /*   background: url(uploads/test/bg__full.png) repeat-x scroll left top;  */
}
/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#ncleanblue {
/* set to width of viewport */
	width: auto;
/* you can set your own image and background color here */
	/*  background: #FFFFFF url(uploads/ndc3clm-tbl/no bg__full.png) repeat-x scroll left top;  */
	/* background: url(uploads/test/no bg__full.png) repeat-x scroll left top; */
	/*  background: #3A3A36;         */
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(uploads/ndc3clm-tbl/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(uploads/ndc3clm-tbl/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(uploads/ndc3clm-tbl/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
strong {
	font-weight: bold;
}
p {
	padding: 0;
	margin-top: 0.5em;
                margin-bottom: 1em;
                text-align:left;
}
h1, h2, h3, h4, h5 {
	line-height: 1.6em;  /* 1.6 */
	font-weight: normal;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #829E57;  /* 829E57 */
}
/*default link styles*/
a {
	color: #9658A0;  /* dark */
	text-decoration: none;  /*  was none */
	text-align: left;
}

a:active {
	/* color: #B689BE;   light */
}
a:visited {
	/* color: #B689BE;   light */
}

a:hover {
	color: #B689BE;  /* light */
                text-decoration: underline; /* added  */
}


input, textarea, select {
	font-size: 0.95em;
}


/* ------------ Wrapper ------------ */
div#pagewrapper {
	font-size: 95%;
	position: relative;
	z-index: 1;        /* 1 */
              /*  background: #FFFFFF;     FFF9F9 light red   green  FCFCFC   F7F9F7        */

 /* ADDED  */
       /*    */

/*   	   BORDER-BOTTOM: #ccc 1px solid;           */
/*                BORDER-LEFT: #ccc 1px solid;            */
/*                PADDING-BOTTOM: 8px;           */
/*                MARGIN: 8px auto;            */
 /*               PADDING-LEFT: 8px;            */
/*                WIDTH: 975px;                  */
 /*               PADDING-RIGHT: 8px;            */
 /*               BACKGROUND: #fff;            */
 /*               BORDER-TOP: #ccc 1px solid;            */
 /*               BORDER-RIGHT: #ccc 1px solid;            */
  /*              PADDING-TOP: 8px;          */


 /* ADDED  */



}
/* ------------ Header ------------ */

#header {
	height: 268px;   /* 111  moves menu stops main page moving up in windows ie 7 allso adjust bar hight for ie 6 lower down   */
	width: 960px;
}

#logo a {
/* adjust according your image size */
	height: 210px;
	width: 960px;
/* forces full link size */
	display: block;
	z-index: 10; /*  added */
/* this hides the text */
	text-indent: -9999em;
	margin-top: 0;
	margin-left: 0;
/* you can set your own image here, note size adjustments 
	background: url(uploads/.../logo.png) no-repeat left top;
*/
	 background: url(uploads/ndc3clm-tbl/no header.jpg) no-repeat left top;   /* change image for transparent gif  */
}

/* all added     */

/* added    */
#top-links {
	width: 370px;
	height: 20px;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 580px;  /*  700 */
	font-size: 0.85em;
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #000000;
	/* text-align: center; */
	/* vertical-align: middle; */
	/* background:  url(uploads/test/no version.png) no-repeat left top; */
}

#top-links a:hover {
	color: #B689BE;  /* light */
                text-decoration: underline; /* added  */
}


/* added    */
#logo-left {
	width: 200px;
	height: 300px;
	position: absolute;
	z-index: -1; /* 5 */
	top: 1px;
	left: 1px;
	/* font-size: 0.85em; */
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #486F51;
	/* text-align: center; */
	/* vertical-align: middle; */
	 background:  url(uploads/ndc3clm-tbl/NDC-logo-left.png ) no-repeat left top; 


/* forces full link size */
	display: block;
/* this hides the text */
	text-indent: -9999em;
	margin-top: 0;
	margin-left: 0;

}

/* added    */
#reg {
	width: 150px;
	height: 100px;
	position: absolute;
	z-index: 5;
	top: 225px;
	left: 30px;
	 font-size: 0.85em;  /*   */
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #486F51;
	/* text-align: center; */
	/* vertical-align: middle; */
	/* background:  url(uploads/ndc3clm-tbl/NDC-logo-left.png ) no-repeat left top; */
}

/* added    */
#headertitle {
	width: 600px;
	height: 150px;
	position: absolute;
	z-index: -1;
	top: 45px;
	left: 220px;  /*  200 */
            /* font-size: 0.85em; */
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #486F51;
	/* text-align: center; */
	/* vertical-align: middle; */
	 background:  url(uploads/ndc3clm-tbl/NDC-Header-title.png) no-repeat left top; 
}

/* added    */
#logo-right {
	width: 80px;
	height: 80px;
	position: absolute;
	z-index: 5;
	top: 39px;
	left: 828px;   /*  828  */
	/* font-size: 0.85em; */
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #486F51;
	/* text-align: center; */
	/* vertical-align: middle; */
	 background:  url(uploads/ndc3clm-tbl/daf-right.png) no-repeat left top; 
}

/* added    */
#helpline {
	width: 350px;
	height: 10px;
	position: absolute;
	z-index: 5;
	top: 130px;
	left: 605px;  /* 605  */
	 font-size: 0.85em;    /* */
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #486F51;
	/* text-align: center; */
	/* vertical-align: middle; */
	/* background:  url(uploads/test/no version.png) no-repeat left top; */
}

/* added    */
#searchtop {
	width: 230px;
	height: 10px;
	position: absolute;
	z-index: 5;
	top: 205px;
	left: 724px;  /* 605  */
                text-align:right; /* added  */
	font-size: 0.80em;    /* */
	font-weight: normal;
	padding: 5px 5px;
	/*  */ color: #486F51;
	/* text-align: center; */
	/* vertical-align: middle; */
	/* background:  url(uploads/test/no version.png) no-repeat left top; */
}

/*  end all added  */



/* ------------ Header - Search ------------ */
div#search {
	width: 200px;       /* 190 */
	height: 28px;         /* 28    */
	margin-top: 5px;    /* 31  */
	margin-left: 10px;    /* left  20  */
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 143px;
	height: 17px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #999999;
/* padding of text */
	padding: 7px 0px 4px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
	font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
	background: url(uploads/ndc3clm-tbl/search.png) no-repeat left top;
}

div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 37px;
	height: 28px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image, set your own here */
	background: transparent url(uploads/ndc3clm-tbl/search.png) no-repeat right top;
}
/* ------------ Content ------------ */
#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
}


#content a:hover {
	color: #B689BE;  /* light */
}

#bar {
	width: auto;
	height: 18px;  /* 40  adjuste menu position in windows ie 7 if to low drop downs do not work */
	padding-right: 1em;
	padding-left: 1em;
}
.print {
	margin-right: 10px;
	margin-top: 10px;
}


/*     
#version {
	width: 50px;
	height: 31px;
	position: absolute;
	z-index: 5;
	top: 130px;
	right: -16px;
	font-size: 1.6em;
	font-weight: bold;
	padding: 28px 15px;
	/*  */ color: #FFFFFF;
	text-align: center; 
	vertical-align: middle;
	background:  url(uploads/ndc3clm-tbl/version.png) no-repeat left top;
}
*/


/* IE6 fixes */
* html div#version {
	top: 150px;  /* 150  */
}
/* End IE6 fixes */
/* Site Title */
h1.title {
	font-size: 1.8em;
	color: #829E57;
	margin-bottom: 0.5em;
}

/* Breadcrumbs */
div.breadcrumbs {
	padding: 0.5em 0;
	font-size: 80%;
	margin: 0 1em;
	padding-left: 200px;  /* 215  250 slides right */
/*	padding-bottom: 10px; */ /* 215  250 slides right */
}

div.breadcrumbs a:hover {
	color: #B689BE;  /* light */
                text-decoration: underline; /* added  */
}

div.breadcrumbs span.lastitem {
	font-weight: normal;  /* bold */
}
/* ------------ Side Bar (Left) ------------ */
/* width: 250px;  */

#left {
	width: 210px;  /* 210  250 */
                font-size: 0.9em;
}

#left h1 {
	font-size: 1.6em;
	color: #829E57;
}


#left h2,
#left h3,
#left h4,
#left h5,
#left h6 {
	font-size: 1.6em; /* 1.4 */
	color: #829E57;
}

#left a:hover {
	color: #B689BE;  /* light */
                text-decoration: underline; /* added  */
}

/* Image that Represents the new CMS design */
#left .screen {
	margin: 10px 50px;
}


.sbar-title {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #252523;
}
.sbar-top {
	height: 20px;
	width: auto;
	padding: 10px;
	background: url(uploads/ndc3clm-tbl/bg__content.png) no-repeat left top;
}
.sbar-main {
	width: auto;
	/* border-right: 1px solid #E2E2E2; */
	/* border-left: 1px solid #E2E2E2; */
	/* background: #F0F0F0; */

}
span.sbar-bottom {
	width: auto;
	display: block;
	height: 10px;
	background: url(uploads/ndc3clm-tbl/bg__content.png) no-repeat left bottom;
}

/* ------------in  Left Colum------------ */

/* ------------ News Articles ------------ */
#articles {
	padding: 10px;
           /* text-align: center; */
                
}



#PhotLeftColumn {
	padding: 10px;
           /* text-align: center; */             
}

#QuickLinks {
	padding: 10px;
           /* text-align: center; */             
}


#AddThis {
	padding: 10px;
           /* text-align: center; */             
}

#AdvertiseHere {
	padding: 10px;
           /* text-align: center; */             
}



/* ------------ End Articles ------------ */



/* ------------ News Module ------------ */
#news {
	padding: 10px;
           /*     text-align: justify;     added */
}

.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}
.NewsSummaryLink {
	margin: 2px 0;
}
.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}
/* ------------ End News Module ------------ */

/* ------------ End Left Colum ------------ */

/*Side bar left End  */


/* ---------------- Right column --------------------  */
#right-column {
                font-size:0.85em;
	padding-top: 0px;
                padding-left: 10px;   /*   */
     /*        padding-right: 10px;      */
	/* border-left: 1px solid #486F51; */
	/* padding: 10px; */
               /* margin-left: 50px;  */
               /* margin-right: 50px; */
}

#right-column h1 {
	font-size: 1.6em;
	 color: #829E57; /* */
}

#right-column h2,
#right-column h3,
#right-column h4,
#right-column h5,
#right-column h6 {
	font-size: 1.6em;  /* 1.6 */
	 color: #829E57;   /*  */

}


/* --------------- End Right column --------------------  */


/* ------------ Main (Right) ------------ */
#main {
	width: 740px;  /* 740   690 */
       /*         font-size: 0.9em; */
}




/*  */
#repeat-image {
background-image:url(uploads/ndc3clm-tbl/10pix-green.gif);
background-repeat:repeat-y;
}

.main-top {
	height: 25px;  /* 25 */
	width: auto;
	background: url(uploads/ndc3clm-tbl/bg__content.png) no-repeat right top;
}
.main-main {
	/*  z-index: -551;     added  */
	width: auto;
	 border-right: 1px solid #486F51; 
	 border-left: 1px solid #486F51; 
	/* background: #F0F0F0; */

           /*     background-color: transparent;    added but does not work   */
	 padding: 20px;   /* */
	padding-top: 0px;
}

.main-main p {
	/* text-align: justify;    added */
}

.main-main li {
          list-style-type:disc
}


.main-bottom {
	width: auto;
	height: 95px;  /* 85 */
	background: url(uploads/ndc3clm-tbl/bg__content.png) no-repeat right bottom;
}

.left49 {                             /* bottom back nextlink   top link */
	width: 550px;                    /*  added */
                font-size: 0.85em;                /* 8.5 */
	margin: 7px 5px 5px 10px;
	font-weight: normal;            /* bold */ 
}

.right49{                             /* bottom back nextlink   top link */
	width: 30px;                    /*  added */
                font-size: 0.85em;                /* 8.5 */
	margin: 7px 5px 5px 10px;
	font-weight: normal;            /* bold */ 
}


.left49 span {
	display: block;
	padding-top: 1px;
}
.left49 a {
	font-weight: normal;
             /*   color: #9658A0; */

.left49 a:hover {    /*  not working */
	color: #B689BE;  /* light */
                text-decoration: underline; /* added  */
}

#footer-centre p {  /*  not working  */
                font-size: 1.1em;
	color: #000000;
}

#footer-right p {  /*  not working  */
                font-size: 0.1em;
	color: #FFFFFF;
}

}
.right49 {
	height: 28px;
	width: 150px; /* 50 */
	padding-right: 10px;
	background: url(uploads/test/no bull.png) no-repeat right top;  /* change image */
}
.right49 a, .right49 {   /* removed   a:visited   */
	padding: 7px 4px;
	display: block;
	color: #000000;
	height: 15px;
	background: url(uploads/ndc3clm-tbl/bull.png) no-repeat  left top;  /* change image */
}


#main h1 {
	font-size: 1.6em;
}

#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-size: 1.4em;
	/* color: #829E57; */
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}



/* ----------- Section Catagory --------------- */

/* use  .MPosition-2 .MPosition-3...  to efect all of page */  

.cat1 h1, 
.cat1 h2, 
.cat1 h3, 
.cat1 h4, 
.cat1 h5 {
	color: #829E57;  /* green mid */
}
.cat2 h1, 
.cat2 h2, 
.cat2 h3, 
.cat2 h4, 
.cat2 h5 {
	color: #486F51;  /* green dark*/
}
.cat3 h1, 
.cat3 h2, 
.cat3 h3, 
.cat3 h4, 
.cat3 h5 {
	color: #829E57;  /* green mid */
}
.cat4 h1, 
.cat4 h2, 
.cat4 h3, 
.cat4 h4, 
.cat4 h5 {
	color: #CF945A;  /* brown */
}
.cat5 h1, 
.cat5 h2, 
.cat5 h3, 
.cat5 h4, 
.cat5 h5 {
	color: #E5BE5B;  /*  FFEFC6  light brown now mid brown */
}
.cat6 h1, 
.cat6 h2, 
.cat6 h3, 
.cat6 h4, 
.cat6 h5 {
	color: #B689BE;  /* purple */
}
.cat7 h1, 
.cat7 h2, 
.cat7 h3, 
.cat7 h4, 
.cat7 h5 {
	color: #B6D34C;  /*   D5E5A0  green light  now darker*/
}
.cat8 h1, 
.cat8 h2, 
.cat8 h3, 
.cat8 h4, 
.cat8 h5 {
	color: #B689BE;  /* purple */
}
.cat9 h1, 
.cat9 h2, 
.cat9 h3, 
.cat9 h4, 
.cat9 h5 {
	color: #CF945A;  /* brown */
}

.cat h1, 
.cat h2, 
.cat h3, 
.cat h4, 
.cat h5 {    /* cat is default for any catagory pages above 9   */
	color: #829E57;  /* green mid */
}


/* ----------- End Section Catagory --------------- */



/* ------------ Footer ------------ */

#footer-wrapper {
	min-height: 135px;
	height: auto!important;
	height: 100px;  /* 235  */
	width: auto;
	margin-top: 5px;
	text-align: center;
	margin-right: 00px;
	margin-left: 0px;
	/*  background: #7CA3B5 url(uploads/test/no bg__footer.png) repeat-x left top;  */
}
#footer {
	/*  color: #000000; */
	font-size: 0.8em;
	min-height: 100px;  /* 235  */
	height: auto!important;
	height: 100px;  /*  235 */
/* 	background: #7CA3B5 url(uploads/test/no bg__footer.png) repeat-x left top;  */
}

#footer .block {
	width: 500px;  /* 300  */
	margin: 20px 10px 10px;
}

/*  
#footer-centre p {
	width: 850px;
	height: 10px;
                text-align: center;
               /*  color:#00ff00; */
}
*/

/*  
#footer-right p {
	width: 850px;
	height: 10px;
                text-align: center;
               /*  color:#00ff00; */
}
*/

/*
#footer .cms {
	text-align: right;
}
*/

/* ------------ Footer Links ------------ */
#footer ul {
	width: auto;
	text-align: left;
	margin-left: 50px;
}

#footer ul ul {
	margin-left: 0px;
}

#footer ul li a {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-decoration: none;
}

#footer a {
	color: #DCEDF1;
	text-decoration: underline;
	font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/


/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width: auto;
	height: 35px;
	margin: 3px 0 0 20px;
}
.menuwrapper {
}
.page-menu ul#primary-nav {
	height: 1%;
	float: right; /*  */
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
/* */
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-image: url(uploads/ndc3clm-tbl/tabs.gif);
}




.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: normal; /* bold  */
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.80em; /*  0.85 */
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #000;
	text-decoration: underline; /* added  */
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #000;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Set the width of the menu elements at second level. Leaving first level flexible. */
ul#primary-nav li li {
	width: 185px;  /*  209  */
}
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(uploads/ndc3clm-tbl/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(uploads/ndc3clm-tbl/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -20px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -7px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 8px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* IE7 */
*:first-child+html #primary-nav li li {
	margin-left: 0;
}
/* IE6 */
* html #primary-nav li li {
	margin-left: 0;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav .menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;  /* 130  */
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	margin: 0px 0px -8px;
	background: url(uploads/ndc3clm-tbl/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
	height: 2px;
	background: url(uploads/ndc3clm-tbl/ulbtm.gif) no-repeat left bottom;
}
* html #primary-nav .separatorh {
	height: 2px;
	background: url(uploads/ndc3clm-tbl/ulbtm.gif) no-repeat left bottom;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 125px; /*  165 */
	margin: 5px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 125px; /* 165 */
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	/*  background-color: #829E57;  */  /* 829E57   DBE7F2 */
	/* font-weight: bold;    added   not working*/ 
	text-decoration: underline;
 
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	/* background-color: #829E57; */ /* 829E57   DBE7F2 */
	text-decoration: underline;
	/* font-weight: bold;     added   not working */

}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(uploads/ndc3clm-tbl/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/



/* End of 'ndc3clm-tbl : NCleanBlue' */

