/* Start of CMSMS style sheet 'Layout: NCleanBlue_2' */
/* NCleanblue 03-09-2010 nieuw */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background : transparent;
border : 0;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 100.1%;
letter-spacing:normal;
margin : 0;
outline : 0;
padding : 0;
vertical-align : baseline;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* voor Internet Explorer */
html {
font-size : 75.1%;
} 
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
* {
font-weight : inherit;
font-style : inherit;
font-family : inherit;
}
dfn {
display : none;
overflow : hidden;
}
html body .util-clearb {
background : none;
border : 0;
clear : both;
display : block;
float : none;
font-size : 0;
margin : 0;
padding : 0;
position : static;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
.util-clearfix:after {
clear : both;
content : '.';
display : block;
visibility : hidden;
height : 0;
}
.util-clearfix {

}
* html .util-clearfix {
height : 1%;
}
.util-clearfix {
display : block;
}
.core-wrap-100 {
width : 100%;
}
.core-wrap-960 {
width : 960px;
}
.core-wrap-780 {
width : 780px;
}
.core-wrap-100, .core-wrap-960, .core-wrap-780, .custom-wrap-x {
margin-left : auto;
margin-right : auto;
}
.core-wrap-100 .core-float-left, .core-wrap-960 .core-float-left, .core-wrap-780 .core-float-left, .custom-wrap-x .core-float-left {
float : left;
display : inline;
}
.core-wrap-100 .core-float-right, .core-wrap-960 .core-float-right, .core-wrap-780 .core-float-right, .custom-wrap-x .core-float-right {
float : right;
display : inline;
}
.core-wrap-100 .core-center, .core-wrap-960 .core-center, .core-wrap-780 .core-center, .custom-wrap-x .core-center {
margin-left : auto;
margin-right : auto;
}
body {
font-style : normal;
font-size : 13px;
color : #2B2B27;
background : #fff url(uploads/NCleanBlue/bg__full.png) repeat-x scroll left top;
}
/*****************/
/* Maincontainer */
/*****************/
#ncleanblue {
width : auto;
}
div#pagewrapper {
position : relative;
width:885px;
z-index : 1;
}
a.external span {
position : absolute;
left : -5000px;
width : 4000px;
}
a.external {
padding : 0 12px 0 0;
}
a.external:link {
color : #679ebc;
background : url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
color : #18507c;
background : url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
color : #18507c;
background : url(images/cms/external.gif) no-repeat 100% 0%;
background-color : inherit;
}
.accessibility, hr, noprint {
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 : 0;
}
h1 {
line-height : 1.6em;
width : auto;
}

b, strong {
font-weight : bold;
}
i, em {
font-style : italic;
}
a {
border: 0;
color : #30396e;
font-size: 0.86em;
font-weight : 600;
text-decoration : none;
text-align : left;
}
a:hover {
border:0;
color : #990b12;
}
a:active {
border:0;
color : #30396e;
}
a:visited {
color : #30396e;
}
a img {
border:0;
}
input, textarea, select {
font-size : 1em;
}
table {
border : 0;
display : table;

margin : 10px 0;
table-layout : auto;
}
table th {
background : #7ca3b5;
border : 1px solid white;
color : white;
font-weight:600;
padding : 3px;
text-align : left;
vertical-align : middle;
}
table td {
border : 0;
text-align : left;
vertical-align : top;
padding : 3px;
}
tablehead {
background : #f2f2f2;
text-align : center;
color : #192666;
font-weight : 700;
}

#header {
height : 7em;
width : 70em;
max-width : 90em;
}
#logo a {
background : url(uploads/images/logo_1.png) no-repeat left top;
display : block;
float:left;
height : 8.7em;
margin-top : 2px;
padding-right : 1em;
text-indent : -9999em;
width : 9.2em;
}
.logo_2 {
color : #fff;
float:left;
font-family : Georgia, Georgia, serif;
font-size : 2.4em;
font-style : italic;
padding-top : 20px;
width:520px;
}
div#search {
float : right;
height : 28px;
margin : 0px;
margin-right : 30px;
padding :0;
padding-top : 58px;
width : 170px;
}
div#search label {
text-indent : -9999em;
height : 0;
width : 0;
display : none;
}
div#search input.search-input {
width : 150px;
height : 17px;
border-style : none;
color : #999;
padding : 2px 0 4px 5px;
float : right;
font : bold 0.9em Arial, Helvetica, sans-serif;
background : url(/uploads/NCleanBlue/search.png) no-repeat left top;
}
div#search input.search-button {
width : 28px;
height : 28px;
border-style : none;
text-indent : -9999em;
float : right;
margin:-23px 0 0 43px;
cursor : pointer;
font-size : 0;
line-height : 0;
background : transparent url(/uploads/NCleanBlue/search.png) no-repeat right top;
}
#bar {
clear : both;
font-size: 11px;
height : -1px;
margin:0;
padding : 0;
width : auto;
}
#breadcrumbs {
color : #3a3a36;
float:right;
font-size: 11px;
margin: 0em;
padding: 0.5em 3em 0.5em 0;
}
div.breadcrumbs span.lastitem {
font-weight: bold;
}
#content {
height:auto;
min-height:402px;
margin: 0 0 -2px 0;
padding: 0.1em 0;
width : auto;
}
/* Leftcontainer */
/*****************/
#sbar1 {
float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
display: inline;  /* FIX ie doublemargin bug */
margin-left: 0;
padding: 0 1px 0;
width: 142px;    /* sidebar width, if you change this please also change #main margins */
}

/******Menu Left */
.sbar-top-menu {
background : url(uploads/NCleanBlue/bg__content.png) no-repeat left top;
height : 28px;
padding : 0;
width : 143px;
}
span.sbar-bottom-menu {
background : url(uploads/NCleanBlue/bg__content.png) no-repeat left bottom;
display : block;
height : 30px;
paddint-top:2px;
width : 143px;
}
/**Rightcontainer * if sidebar doesnt include menu but content add class="hascontent" */
div#sbar.hascontent {
float:right;
margin:0;
height: auto;
line-height : 140%;
padding: 0;
width: 210px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE*/
}

/**Sidebar Right * if sidebar doesnt include menu but content add class="hascontent" */
.sbar-top {
background : url(uploads/NCleanBlue/bg__content.png) no-repeat right top;
height : 28px;
margin-bottom:1px;
padding : 0;
width : auto;
}
.sbar-title {
font : bold 0.8em Arial, Helvetica, sans-serif;
color : #406272;
}
div.sbar-title h2 {
color:#375462;
font-family: Georgia, Georgia, serif;
font-size: 125%;
font-style: italic;
font-weight: 900;
margin-top:-27px;
padding:0 0 8px 0;
text-indent:2.6em;
 word-spacing: 1px;
}
.sbar-main h3 {
font-size: 12px;
font-weight:bold;
line-height : 1.6em;
margin : 0;
text-align : left;
}
.sbar-main {
background : #f8f8f8;
display : block;
border-left : 1px solid #e2e2e2;
border-right : 1px solid #e2e2e2;
border-top : 1px solid #fff;
font-size : inherit;
height: auto;
min-height : 402px;
padding : 2%;
width : auto;
}
.sbar-main p {
font-size : inherit;
line-height : 1.6em;
margin : 0;
padding : 0.3em 0.5em 0.3em 0;
text-align : left;
}
span.sbar-bottom {
background : url(uploads/NCleanBlue/bg__content.png) no-repeat right bottom;
display : block;
height : 40px;
margin:0;
padding:0;
width : 210px;
}
/** Box **/
#liquid-round {
background:#fff url(uploads/images/box/leftside.gif) repeat-y left top;
margin:-1.5px 0 0 -5px;
overflow:hidden;
padding:0;
width:104%;
}
.top {
background:url(uploads/images/box/top.gif) no-repeat left top;
height:20px;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(uploads/images/box/top-right.gif) no-repeat right top;
}
.center-content {
background:url(uploads/images/box/rightside.gif) repeat-y right top;
display:block;
line-height : 1.3em;
margin:-5px 0 -35px 0; 
min-height:140px;
position : relative; 
padding:0px 5px 1px 15px; 
}
.center-content p {
font-family:'Brush Script MT', 'Comic Sans MS', cursive;
color: #000;
font-size:12px;
line-height: 1.5em;
margin:0;
padding:0 0px 5px 0;
text-indent:1.6em;
}
.bottom {
height:60px;
background:url(uploads/images/box/bottom.gif) no-repeat left bottom;

}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(uploads/images/box/bottom-right.gif) no-repeat right top;
}
/*Einde Box */

div.blokje {
/*border-bottom: 1px dotted #b2b2b2;*/
font-size : 10px;
font-family : inherit;
margin : 0;
padding : 0.8em 0 0.8em 0;
text-align :center;
}
p.blokje {
font-size : 7.5pt;
margin : 0;
padding : 0;
text-align : center;
}
a.blokje {
color : #30396e;
font-size : 10px !Important;
font-weight : 700;
margin : 10px 0 10px 0;
padding : 0;
text-decoration : none;
text-align : center;
}
.blokje a:hover {
color : #c80e17;
font-size :7.5pt;
font-weight : 700;
text-decoration : none;
text-align : center;
}
div.blokje-2 {
background-color: #537D93;
border: 2px solid #b2b2b2; 
color: white;
font-size:9px; 
font-style: italic;
line-height: 1.7em;
margin: 1.5em 1em 1.5em 1em;
padding: 0.5em 0;
text-align: center;
width: 210px;
}
div.blokje-2 p {
color: white;
font-family: Georgia, serif;
font-size:9px; 
font-style: italic;
padding: 0.5em 0.5em 0 0.5em;
text-align: center;
width: 200px;
}
.bestel-button {
margin: 1em 0 1em 0;
text-align: center;
width : auto;
}
a.bestel-button {
background : transparent url(uploads/images/button_0.png) no-repeat left bottom;
display : block;
height : 32px;
padding : 0;
text-decoration : none;
width : 200px;
}
a:link.bestel-button, a:visited.bestel-button, a:active.bestel-button {
color : #494949;
}
.mouseover {
width : 200px;
height : 32px;
background-image : url(uploads/images/button_1.png);
}
.mouseover a {
display : block;
}
.mouseover img {
width : 100%;
height : 100%;
}
.mouseover a:hover img {
visibility : hidden;
}
a.bestel-button:hover {
background : transparent url(uploads/images/button_1.png) no-repeat;
display : block;
height : 32px;
width : 210px;
}
.pijl li {
background : url(images/cms/arrow.gif) no-repeat 0% 0.4em;
display : list-item;
font-size : 0.9em;
margin-bottom : 0px;
padding : 0 5px 3px 20px;
}
.sbar table {
border : 0;
border-collapse : collapse;
display : table;
font-size : 0.95em;
width : 17em;
margin : 0.31em 0 1em;
}
.sbar.table a {
color : #192666;
font-size : 0.95em;
font-weight : 600;
}
.sbar.table a:hover {
background-color : #dde8ff;
color : #b30047;
font-size : 0.95em;
font-weight : 600;
margin : 0;
padding : 0;
}
.sbar tr {
border : 0;
display : table-row;
}
.sbar th, td {
border : 0;
display : table-cell;
text-align : left;
vertical-align : top;
padding : 3px;
}
.sbar th {
border : 0;
text-align : center;
color : #192666;
font-weight : 700;
}

/* Main-content*/
#main {
float:left;
height: auto;
margin:0;
padding:0;
width : 530px;
}
.print {
margin-right : 20px;
margin-top : 0.4em;
}
* html div#version {
top : 150px;
}
h1.title {
font-size : 2.63em;
color : #666666;
margin-bottom : 0.5em;
}
.main-top {
background : url(uploads/NCleanBlue/bg__content.png) no-repeat right top;
height : 25px;
padding-top:0.2em;
width : auto;
}
.main-main {
border-right : 1px solid #e2e2e2;
border-left : 1px solid #e2e2e2;
background : #ffffff url(uploads/images/zwanger_4.png) no-repeat fixed 25em center;
font-size: 0.95em;
height: auto;
min-height : 380px;
line-height : 1.37em;
margin-top : 1px;
padding : 0.5em 0 2em 3em;
width : auto;
}
#main ul li {
margin: 0.7em 0 0.7em 0;
}
.main-main p {
margin : 0 3.5em 0 0;
padding : 0em 0 0.8em 0;
text-align : left;
}
ol {
display : block;
margin :0.8em 0 0.8em 1.5em;
padding : 0;
}
ol li {
list-style-type : decimal;
margin: 0 0.25em 0.6em 0; 
padding : 0 39px 3px 2px;
}
#main ul li {
background : url(uploads/images/bullet_red.png) no-repeat 0% 0.1em;
display : list-item;
font-size:inherit;
margin: 0.2em 2em 0.2em 0.1em;
padding : 0 0 3px 20px;
}
#main .pijl li {
background : url(images/cms/arrow.gif) no-repeat 0% 0.1em;
display : list-item;
margin: 0 5em 0.2em 0.5em;
padding : 0 5px 3px 20px;
}
#main .pijl li a {
font-size:inherit;
list-style-image : none;
}
#main .haakje li {
background : url(uploads/images/haakje_rood.jpg) no-repeat 0% 5px;
color : #1e2d7b;
display : list-item;
font-family : Georgia, Georgia, serif;
font-size : 1em;
font-style : italic;
font-weight : normal;
line-height : 2em;
list-style-image : none;
margin-right : 3em;
padding : 1.6em 0.5em 0 3em;
}
#main .haakje_2 li {
background : url(uploads/images/haakje_rood.jpg) no-repeat 0 2px;
color : #16215a;
display : list-item;
font-size : 1em;
font-weight : normal;
line-height : 1.4em;
list-style-image : none;
margin-right : 12em;
padding : 0.2em 0.7em 0.2em 2.5em;
}
.up { 
background : url(uploads/images/arrow-up.png) no-repeat 0% 0%; 
float : right; 
height : 22px; 
width : 22px; 
}
/* Tooltip */
a.tt {
color : #192666;
font-family : 'Trebuchet MS', Helvetica, sans-serif;
font-size : 0.95em;
font-weight : 600;
position : relative;
text-decoration : none;
z-index : 4;
}
a.tt span {
display : none;
}
a.tt:hover {
color : #000;
padding : 0;
text-decoration : none;
z-index : 5;
}
a.tt:hover span.tooltip {
color : #192666;
display : block;
left:20px;
padding: 0;
position : absolute;
text-align : left;
text-decoration : none;
top:0;
width : 200px;
}
a.tt:hover span.top {
background: url(uploads/images/bubble.gif) no-repeat top;
display : block;
padding : 12px 0;

}
a.tt:hover span.middle {
background: url(uploads/images/bubble_filler.gif) repeat bottom;
display : block;
font-weight : 500;
margin:0;
padding: 0 5px 0 9px;
}
a.tt:hover span.bottom {
background: url(uploads/images/bubble.gif) no-repeat bottom;
color : #548912;
display : block;
margin-top : -35px;
}
/** einde tooltip **/

/** TT aanvulling 
a.tt:hover span.middle ul li {
background : url(images/cms/arrow.gif) no-repeat 0% 0.2em;
display : list-item;
font-size : 100%;
font-weight : 500;
line-height: 1.5em;
margin: 0 1em 0.1em 0em;
padding : 0;
width : 150px;
}
a.tt:hover span.middle pijl li {
background : url(images/cms/arrow.gif) no-repeat 0% 0.2em;
display : list-item;
font-size : inherit;
line-height: 1.5em;
margin: 0 1em 0.1em 0em;
padding : 0 1em 0.1em 0.2em;
width : 150px;
}
 einde TT aanvulling **/

a.ovalbutton {
background : transparent url(uploads/images/oval-gray-left.gif) no-repeat left top;
display : block;
float : left;
font : bold 11px Helvetica, sans-serif;
line-height : 16px;
height : 24px;
padding-left: 11px;
text-decoration : none;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
color : #16215a;
}
a.ovalbutton span {
background : transparent url(uploads/images/oval-gray-right.gif) no-repeat right top;
display : block;
font:inherit;
padding : 4px 11px 4px 4px;
}
a.ovalbutton:hover {
background-position : left bottom;
}
a.ovalbutton:hover span {
background-position : right bottom;
color : #c80e17;
}
#main .buttonwrapper {
overflow : hidden;
width : auto;
margin: 16px 0 15px 20px;
padding-left:12em;
}
.table {
border : 1px solid #b0c4de;
display : table;
font-size : 14px;
margin : 10px 0;
table-layout : auto;
}
.table th {
background : #7ca3b5;
border : 1px solid white;
color : white;
font-size : 0.9em;
font-weight:600;
padding : 3px;
text-align : left;
vertical-align : middle;
}
.table td {
border : 1px solid #c5c9c5;
font-size : 0.85em;
text-align : left;
vertical-align : top;
padding : 3px;
}
.tablehead {
background : #f2f2f2;
text-align : center;
color : #192666;
font-weight : 700;
}
#main .btn-more {
border : 0;
display : inline;
height : 2.5em;
margin : 0;
padding : 1.5em 0;
position : relative;
text-align : center;
width : 15em;
}
.main-bottom {
background : url(uploads/NCleanBlue/bg__content.png) no-repeat right bottom;
height : 41px;
width : auto;
}
.main-bottom a {
font-size: 0.9em;
}
.right49, .left49 {
margin : 7px 5px 1px 10px;
font-weight : bold;
}
.left49 span {
font-size: 11px;
display : block;
}
.left49 a {
font-size: 12px;
font-weight : normal;
margin-left:2px;
}
.right49 {
height : 27px;
width : 50px;
padding-right : 10px;
background : url(uploads/NCleanBlue/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
padding : 7px 0px;
display : block;
color : #707070;
height : 14px;
background : url(uploads/NCleanBlue/bull.png) no-repeat left top;
}
#main h1 {
font-family: Tahoma, sans-serif;
font-size : 14px;
color : #990b12;
font-weight : 700;
}
#main h2, h3, h4, h5, h6 {
color : #585850;
font-family:Tahoma, Geneva, sans-serif;
font-size : 1em;
font-weight : 900;
padding-bottom : 0.1em;
}
h2 {          /*h5*/
padding: 0.5em 0 0.3em 0;
}
h3 {          /*h6*/
color : #30396e;
padding: 0.5em 0 0.3em 0;
}
h4 {
color : #30396e;
}
h6 {
color : #30396e;
padding: 0.5em 0 0.3em 0;
}
.kop {
font-size : 0.02em;
display : none;
}
div#main dl, #footer ul, #footer ol {
line-height : 1.2em;
margin : 0 0 1.5em 0;
}
div#footer ul {
list-style : none;
}
#footer ul li, #footer ol li {
padding : 2px 2px 2px 5px;
margin-left : 20px;
}
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;
}

#footer-wrapper {
background : #7ca3b5 url(uploads/NCleanBlue/bg__footer.png) repeat-x left top;
height : auto !important;
margin:0;
text-align : center;
width: auto;
}
#footer {
background : #7ca3b5 url(uploads/NCleanBlue/bg__footer.png) repeat-x left top;
color : #fff;
font-size : 0.9em;
height : auto !important;
min-height : 230px;
margin : 0 auto 0 auto;
padding-top:15px;
}
#footer .block {
text-align : center;
width : auto;
}
#footer .block a {
text-decoration:none;
}
div#footer W3C  {
padding-top:20px
margin-left : auto;
margin-right: auto;
text-align : center;
width : auto;
}
#footer ul {
width : auto;
text-align : left;
margin-left : 10px;
}
#footer ul ul {
margin-left : 0;
}
#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;
}
/*******Menu horizontal **********/
.page-menu {
width : auto;
height : 25px;
margin : -12px 5px 0;
}
ul#primary-nav li hr.menu_separator {
position : relative;
visibility : hidden;
display : block;
width : 5px;
height : 32px;
margin : 0 5px 0;
}
.page-menu ul#primary-nav {
height : 1%;
float : right;
list-style : none;
padding : 0;
padding-right : 30px;
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;
font-size : 11px;
padding : 0 10px;
background-repeat : no-repeat;
background-image : url(uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
padding-left : 0;
color : #286781;
font-weight : bold;
line-height : 2.15em;
text-decoration : none;
margin-left : 1px;
margin-top:15px;
}
.page-menu ul#primary-nav li a:hover, .page-menu ul#primary-nav li a:active {
color : #284a5c;
}
.page-menu ul#primary-nav li a.menuactive, .page-menu ul#primary-nav li a:hover span {
color : #284a5c;
font-size:11px;
}
.page-menu ul#primary-nav li a span {
padding-top : 6px;
padding-right : 0;
padding-bottom : 5px;
}
.page-menu ul#primary-nav li a.menuparenth, .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 .sectionheader, .page-menu ul#primary-nav li a:link.menuactive, .page-menu ul#primary-nav li a:visited.menuactive {
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 {
cursor : pointer;
}
* html .page-menu ul#primary-nav {
display : inline-block;
}
*:first-child + html .page-menu ul#primary-nav {
display : inline-block;
}
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 !Important;
background-image : none;
color:black !Important;
display : block;
padding-top : 0;
padding-left : 0;
padding-right : 0;
padding-bottom : 0;
}
#primary-nav {
margin : 0;
padding : 0;
}
#primary-nav ul {
list-style : none;
margin : -6px 0 0;
padding : 0;
width : 209px;
}
#primary-nav ul {
position : absolute;
z-index : 1001;
top : auto;
display : none;
padding-top : 9px;
background : url(uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
padding-top : 12px;
background : url(uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
margin-left : -7px;
left : 100%;
top : 3px;
}
* html #primary-nav ul.unli ul {
margin-left : 0;
}
#primary-nav li {
margin : 0;
float : left;
}
#primary-nav li li {
margin-left : 7px;
margin-top : -1px;
float : none;
position : relative;
}
ul#primary-nav ul hr.menu_separator {
position : relative;
visibility : visible;
display : block;
width : 130px;
height : 1px;
margin : 2px 30px 2px;
padding : 0;
border-bottom : 1px solid #ccc;
border-top-width : 0;
border-right-width : 0;
border-left-width : 0;
border-top-style : none;
border-right-style : none;
border-left-style : none;
}
#primary-nav .separator, #primary-nav .separatorh {
height : 9px;
width : 209px;
margin : 0 0 -8px;
background : url(uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
z-index : -1;
background : url(uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child + html #primary-nav .separator {
z-index : -1;
}
#primary-nav ul.unli li a {
background-image : none;
font-size: 0.9em;
padding : 0 10px;
margin : 5px;
width : 165px;
}
* html #primary-nav ul.unli li a {
padding : 0 10px 0 5px;
width : 165px;
margin : 5px 0;
}
#primary-nav li li a:hover {
background-color : #dbe7f2;
font-size: 0.9em;
}
#primary-nav li.menuactive li a {
text-decoration : none;
background : none;
}
#primary-nav ul.unli li.menuparenth, #primary-nav ul.unli a:hover, #primary-nav ul.unli a.menuactive {
background-color : #dbe7f2;
}
#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/NCleanBlue/arrow.gif);
background-position : right center;
background-repeat : no-repeat;
}
#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;
}
#primary-nav li li {
float : left;
clear : both;
}
#primary-nav li li a {
height : 1%;
}
/****************Vertical MENU *********************/
#menu_vert {
font-family : 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
margin: 0;
margin-left: 2px;
padding: 0;
width: 140px;
}
#menu_vert span {
color: #375462;
font-family : 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 12px;
font-weight:normal;
}
#menu_vert h3 span {
font-family : 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 11px;
font-weight: bold;
}
#menu_vert a:hover span {
color: #990b12;
font-weight: bold;
font-size: 11px;
margin-left:-5px;
}
#menu_vert ul {
list-style: none;    /* remove any bullets */
margin: 0px;   /* margin/padding set in li */
padding: 0px;
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	background: transparent url(uploads/ngrey/liup.gif) no-repeat right -4px;
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
/* you can set your own image here */
	background: transparent url(uploads/ngrey/liup.gif) no-repeat right bottom;
width: 140px;
}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0.8em 0.3em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #18507C;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
/* you can set your own image here this is tall enough to cover text heavy links */
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 12px;
	padding: 0.8em 0.3em 0.5em 2.8em;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	color: #990b12;
font-size: 11px;
	text-decoration: none;
}
div#menu_vert a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
	background: transparent url(uploads/ngrey/liup.gif) no-repeat right -65px;
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
/* to contrast with background image */
	color: #000;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url(uploads/ngrey/active.png) no-repeat 2px center;
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url(uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;

}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
font-size: 11px;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url(uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.01em 0.5em 0.8em;
/* this will be link color for all levels */
	color: #333;
/* instead of the normal font size for <h3> */
	font-size: 11px;
font-weight: bold;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/**** End Menus *****/

#news {
padding : 10px;
}
.NewsSummaryPostdate, .NewsSummaryCategory, .NewsSummaryAuthor {
font-style : italic;
font-size : 0.8em;
}
.NewsSummaryLink {
margin : 2px 0;
}
.NewsSummaryContent {
margin : 10px 0;
}
.NewsSummaryMorelink {
margin : 5px 0 15px;
}

/* End of 'Layout: NCleanBlue_2' */

