/* NB. strict mode */
html { width: 100%; height: 100%;
 scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color: black;
 scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: black; scrollbar-arrow-color: black;
 scrollbar-track-color: #ffffff; scrollbar-base-color: #ffffff; color: #000064;
 overflow-y: scroll; }

body { width: 100%; height: 100%; text-align: center; background-color: white; 
 font-family: Verdana, Geneva, sans-serif; font-size: small; margin: 0; padding: 0; }

/* bg1024.jpg width is 1024px */
div.canvas { position: relative;
 min-height: 100%; height: auto !important; /* voor moderne browsers */
 height: 100%; /* voor IE */
 width: 960px; margin: 0 auto; padding: 0; text-align: left;
 background-image: url(sip_bg1024.jpg); background-repeat: no-repeat;
 border-left: 1px solid silver; border-right: 1px solid silver; }

div#content-left  { float: left; width: 640px; margin: 10px 0 0 0; padding: 0 20px 20px 70px; }
div#content-right { float: left; width: 180px; margin: 10px 0 20px 0; }

div.title_page { margin-bottom: 5px; font-weight: bold; }

a { color: #333333; }
img { border: none; }
ul { margin: 5px 0 0 25px; padding: 0; }

div.label { float:left; width:130px; padding:0 0 4px 0; }

div.news_main { background: #f7f7f7 url(bg_gradient.jpg) repeat-x; padding: 10px 10px 20px 10px; margin-bottom: 25px; }
div.news_main span { color: #0000cc; }

/* bar with gradient background */
div.header_bar { height: 34px; line-height: 34px; background: transparent url(bg_gradient.jpg) repeat-x;
 padding: 0 0 0 15px; margin: 0 0 5px 0; color: #0000cc; /* font-weight: bold; */ }
/* position the title in div.header_bar */
div.header_title { float:left; width:auto; padding:0 0 5px 0; }
/* position the buttons in div.header_bar */
div.header_buttons { float:right; width:auto; margin:5px 3px 0 0; }