<!-- CSS for website www.bramvancamp.com -->
<!-- =================================== -->

/* COLORS USED */
/* text: dddddd */
/* text titles - headers: ffffff */
/* background score: 222222 - 000000 */
/* link - hover: ffffff - active: ffffff - disabled: 666666 */

<!-- STANDARD DECLARATIONS -->
/* body */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
margin: 0px 4px 0px 0px; 
text-transform: none;
color: #cccccc;
}

/* background with score */
.bg_SCORE {
background-image:url(../images/BVC_page.jpg);
background-attachment: fixed;
}

/* background MAIN */
.bg_MAIN {
background-color: #000000;
background-attachment: fixed;
}

/* background TOC */
.bg_TOC {
background-image:url(../images/BVC_TOC.jpg);
background-attachment: fixed;
}

/* background TOC */
.bg_TITLE {
background-image:url(../images/BVC_ttl.jpg);
background-attachment: fixed;
}

/* paragraph */
p { 
margin: 2px 4px 12px 4px;
line-height: 200%;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #cccccc;
}
/* paragraph in title section*/
p_title { 
margin: 0px 4px 0px 4px;
line-height: 100%;
color:#ffffff; 
font-size: 10pt;
}
p_TOC { 
margin: 0px 0px 0px 0px;
line-height: 175%;
font-size: 10pt;
}

/* ordered - unordered list */
ul, ol {
padding: 0;
margin: 2px 4px 2px 4px;
}
/* bulleted list */
li {
padding: 0;
font-size: 10pt;
line-height: 100%;
}
/* Horizontal Ruler */
hr {
color: #dddddd;
size: 1px;
}

<!-- HEADER DECLARATIONS -->
/* h1 */
h1, .h1 { 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 16pt; 
color:#ffffff; 
margin-bottom: 6px;
}
/* h1_title */
h1_title, .h1_title { 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal; 
font-size: 16pt; 
line-height: 100%;
color:#ffffff; 
margin: 0px 4px 2px 3px;
}

<!-- CHARACTER ENHANCEMENT DECLARATIONS -->
/* Text in WHITE */
.text_white { color: #ffffff; }
span.text_white { color: #ffffff; }
/* Text in BLACK */
.text_black { color: #000000; }
span.text_black { color: #000000; }
/* Text in ITALIC */
.text_italic { font-style: italic; }
span.text_italic { font-style: italic; }
/* Text in LIGHT GREY */
.text_lightgrey { color: #999999; }
span.text_lightgrey { color: #999999; }
/* Text in DARK GREY */
.text_darkgrey { color: #666666; }
span.text_darkgrey { color: #666666; }
/* Text in BOLD */
.text_bold { font-weight: bold; }
span.text_bold { font-weight: bold; }
/* Text INDENTED */
.text_indent { margin-top: 2px; margin-bottom: 2px; margin-left: 60px; }
/* Text CENTERED */
.text_center { margin-top: 2px; margin-bottom: 2px; text-align: center; }
/* Text RIGHT ALIGNED */
.text_right { margin-top: 2px; margin-bottom: 2px; text-align: right; }
/* Text with LESS LINE SPACE */
.text_lesslinespace { margin-top: 0; line-height: 120%; }
/* Text UNDERLINED */
.text_underline { text-decoration: underline; }
span.text_underline { text-decoration: underline; }
/* Text SMALLFONT */
.text_small { font-size: xx-small; }
span.text_small { font-size: xx-small; }
/* Text DISABLED */
span.text_disable { color: #666666; }


<!-- PARAGRAPH DECLARATIONS -->
/* Normal paragraph */
.normal_paragraph {
margin-left: 4px;
margin-right: 4px;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #cccccc;
line-height: 175%;
}
/* Table of Contents - TITLE */
.TOC_title {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
margin: 145px 4px 4px 0px;
line-height: 100%;
text-transform: none;
color: #cccccc;
text-align: right;
}
/* Table of Contents */
.TOC {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
margin: 2px 4px 9px 0px;
text-transform: none;
color: #cccccc;
text-align: right;
}

<!-- TITLE DECLARATIONS -->
/* Title of page */
.title_page {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 16pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
margin: 0px 4px 0px 4px;
text-transform: none;
color: #ffffff;
}
/* title of paragraph */
.title_paragraph {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
margin: 2px 4px 6px 4px;
line-height: 100%;
color: #ffffff;
}
/* title of paragraph */
.title_tbl {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
margin: 2px 4px 2px 4px;
line-height: 100%;
color: #ffffff;
}

/* title of year */
.title_year {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
margin: 2px 4px 6px 4px;
line-height: 100%;
color: #ffffff;
}

<!-- TABLE DECLARATIONS -->
/* Default table */
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
width: 100%;
margin: 0;
vertical-align: top;
padding: 2px 2px 2px 2px;
color: #cccccc;
}
/* Tbl_Cadence and subclasses */
.tbl_cadence {
width: 100%;
vertical-align: top;
padding: 0px 0px 0px 0px;
}
.tbl_cadence td.icon {
width: 50px;
text-align: center;
vertical-align: top;
margin: 0;
padding: 2px 2px 2px 2px;
}
.tbl_cadence td.text {
text-align: left;
vertical-align: top;
margin: 0;
padding: 2px 2px 2px 2px;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #cccccc;
}

/* Tbl_Composities and subclasses */
.tbl_comp {
width: 100%;
vertical-align: top;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
margin: 0px 4px 0px 0px; 
text-transform: none;
color: #cccccc;
}
.tbl_comp td.label {
width: 150px;
text-align: left;
vertical-align: top;
font-weight: bold;
font-size: 10pt;
font-style: normal;
font-variant: normal;
text-transform: none;
color: #cccccc;
margin: 0;
padding: 2px 2px 2px 2px;
}
.tbl_comp td.text {
text-align: left;
vertical-align: top;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #cccccc;
margin: 0;
padding: 2px 2px 2px 2px;
}
.tbl_comp td.sound {
width: 150px;
text-align: center;
vertical-align: top;
margin: 0;
padding: 2px 2px 2px 2px;
}
.tbl_comp td.icon {
width: 100px;
text-align: center;
vertical-align: top;
margin: 0;
padding: 2px 2px 2px 2px;
}
.tbl_comp td.clause {
text-align: left;
vertical-align: top;
margin: 0;
font-size: 8pt;
font-style: italic;
font-weight: normal;
font-variant: normal;
text-transform: none;
padding: 2px 2px 2px 2px;
color: #666666;
}
.tbl_title {
width: 100%;
height: 150px;
vertical-align: bottom;
padding: 2px 2px 0px 0px;
}
.tbl_title td.title{
vertical-align: bottom;
padding: 2px 2px 0px 0px;
}

<!-- IMAGE DECLARATIONS -->
/* image */
.img_nospace { margin: 0px 0px 0px 0px; }

<!-- WIDTH and HEIGHT DECLARATIONS -->
/* fixed width in pixels */
.wide_px025 { width: 25px; }
.wide_px050 { width: 50px; }
.wide_px100 {  width: 100px; }
.wide_px150 {  width: 150px; }
.wide_px200 {  width: 200px; }

/* width in percentage */
.width5p { width: 5%; }
.width15p { width: 15%; }
.width20p { width: 20%; }
.width25p { width: 25%; }
.width33p { width: 33%; }
.width45p { width: 45%; }
.width50p { width: 50%; }
.width75p { width: 75%; }
.width100p { width: 100%; }

/* fixed height in pixels */
.high_px25 { height: 25px; }
.high_px50 { height: 50px; }

<!-- HYPERLINK DECLARATIONS -->
/* Hyperlink */
a { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #959c3a;
text-transform: none;
text-decoration: underline;
}
/* Hyperlink HOVERED */
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
line-height: normal;	
font-weight: bold;
font-variant: normal;
color: #B3BD45;
text-transform: none;
text-decoration: underline;
}
a:visited { color: #959c3a; }
a:active { color: #B3BD45; }