/* Start of CMSMS style sheet 'Rosmare' */
/* CSS-Start: Main HTML-page */
html, body {
   margin:0;
   padding:0;
   width:100%;
   height:100%;
   overflow:hidden;}

body {
   z-index:0;
   position:relative;
   color:black;
   font-family: Arial, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color:black;
}

img {
   border: 0;
}

h1 {
   line-height: 2em;
}

h2 {
   line-height: 2em;
}

h3 {
   line-height: 1.5em;
}

#background {
   position:absolute;
   z-index:1;
   width:100%;
   height:100%;
}

#print {
   text-align: right;
   font-size: 0.8em;
}

#print a:link {
   color: #ffcc00;
}

#scroller {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   overflow:auto;
   z-index:1;
}
/* CSS-End: Main HTML-Page */


/* CSS-Start: WebSite Page */
#page {
   margin-top: 2%;
   margin-left: 2%;
   margin-right: 2%;
   overflow: auto;
/*   background-image: url(images/transparent.png); */
}
/* CSS-End: WebSite Page */

/* CSS-Start: WebSite Row Definition */
/*            Each row is defined of two "DIV" sections */
/*            One for the left side (Image or Menu) */
/*            one for the right side (Header or contents) */
ul.column{
   font-size: 1.2em;
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   width: 100%;
}

ul.column li.columnitem {
   float: left;
   width: 100%;
   padding: 0;
   margin: 0;
}

ul.column li.columnitem .imgblock {
   font-weight: bold;
   float: left;
   width: 200px;
   padding: 0;
   text-align: center;
}

ul.column li.columnitem .imgblock img {
   padding: 0;
   margin-bottom: 0;
}

ul.column li.columnitem .detail {
   padding-left: 200px;
}

ul.column li.columnitem h2, ul.column li.columnitem p {
   margin: 0;
   padding: 0;
}
/* CSS-End: WebSite Row Definition */

/* CSS-Start: The WebSite's Logo */
#logo {
   width: 200px;
   height: 150px;
   margin: 0 -10px;
   float: left;
   z-index: 4;
   background-image: url(uploads/images/logo.gif);
}
/* CSS-End: The WebSite's Logo */

/* CSS-Start: The WebSite's Name */
#sitename {
   margin: 0;
   margin-left: -20px;
   padding: 10px;
   height: 50px;
   color: #ffcc00;
   float: left;
}

#sitename h1 {
   margin: 0;
   padding: 0;
}
/* CSS-End: The WebSite's Name */

/* CSS-Start: The section (showing where you are) */
#section {
   margin: 0;
   width: 100%;
   height: 35px;
   margin-left: -20px;
   padding: 5px;
   float: left;
   color: #ffcc00;
}

#section h3 {
   margin: 0;
   padding: 0;
}
/* CSS-End: The section (showing where you are) */

/* CSS-Start: The Horizontal Menu */
#menu_hor {
   text-align: bottom;
   margin: 0 -40px;
   padding: 0;
   background-color: #739FC4;
   float: left; /* Contain floated list items */
   height: 35px;
}

#menu_hor ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu_hor li {
   float: left; 
}

#menu_hor a {
   display: block; /* to increase clickable area as a’s default to inline */
   float: left;
   text-align: center;
   color: #FFF;
   text-decoration: none;
   line-height: 2.5;
   padding: 0 15px;
   border: 1px solid #fff;
   height: 33px;
}

#menu_hor a:hover {
   background: #004078;
}

#menu_hor li.current a {
   background-color: #004078;
   background: yellow;
   background: #FFcc00;
   color: #1A1303;
}

#primary_nav { }
/* CSS-End: The Horizontal Menu */

/* CSS-Start: The Left Side of the contents (which stores the Vertical / Secondary Menu) */
#left {
   float: left;
   width: 160px;
   height: 100%;
   font-size: small;
   font-weight: lighter;
}

/* CSS-Start: The Vertical / Secondary Menu */
#menu_vert {
   margin: 0;
   padding: 0;
/* background-color: #739FC4; */
/* background: blue; /* Debugging */ */
   list-style-type: none;
   width: 160px;
   float: left; /* Contain floated list items */
}

#menu_vert ul {
   margin: 0;
   padding: 0;
   list-style: none;
/*   background-color:#004078; */
/*   background: /* Debugging */ */
}

#menu_vert li {
   margin: 0;
   padding: 0;
   float: left; /* This corrects the */
   width: 100%; /* IE whitespace bug */
/*   height: 25px; */
   background-color:#004078;
/*   background: navy; /* Debugging */ */
}

#menu_vert a {
   display: block; /* to increase clickable area as a’s default to inline */
   color: #FFF;
   text-decoration: none;
   padding: 0 15px;
   line-height: 2;
   border-bottom:1px solid #FFF;
   border: 1px solid #fff;
   background-color:#004078;
}

#menu_vert #menu_left_con a {
   border: none;
}

#menu_vert a:hover {
   background: #739FC4;
/*   background: pink; /* Debugging */ */
}

#menu_vert li.current a {
   background: #739FC4;
   background: yellow;
   background: #FFFF99;
   background: #FFCC00;
   color: #1A1303;
   font-weight: bold;
}
/* CSS-End: The Vertical / Secondary Menu */

/* CSS-Start: The WebSite's Contents */
#content {
   margin: 0 -40px;
   padding:20px;
   width: 100%;
   height: 100%;
   float: left;
/*   background-color: transparent;
   background-color: #739FC4; */
   background-image: url(/uploads/images/BG_Content.png);

}
/* CSS-End: The WebSite's Contents */

/* CSS-Start: The WebSite's Right Side (if used) */
#right {
   float: right;
   width: 20%;
   height: 100%;
   background-image: url(/uploads/images/BG_Content.png);
}
/* CSS-End: The WebSite's Right Side (if used) */

/* CSS-Start: The WebSite's Footer */
#footer {
   clear:both;
   color:#ffffff;
   font-size:0.9em;
   height:40px;
   padding:0 0 0 0;
   text-align:center;
   width:100%;
/*   background: blue url(uploads/RvanEerd_:_OSVR/footer_bg.gif); */
/* background-color:#004078; */
}

#birthdays {
   margin: 5;
   padding: 5;
   color:#ffffff;
   float: left; /* This corrects the */
   width: 100%; /* IE whitespace bug */
/*   height: 25px; */
   background-color:#004078;
/*   background: navy; /* Debugging */ */
}

#footer a {
   color:#ffffff;
   font-weight:400;
}

#footer a:hover {
   color:#e2001a;
   text-decoration:underline;
}
/* CSS-End: The WebSite's Footer */
/* End of 'Rosmare' */