/*
 *   These are the main settings for the box with the rounded corners
 *   They do not specify a background colour other than for the border which is always black
 *
 *   CSsample1 is used when there IS some title text as it does not have an up margin.
 *   CSsample1t  is used when there is not any title text there IS a margin.
 *   CSsample1b is for the bottom line and has a margin to force a gap between it and the next text block.
 *   If you change the size of the margin on these remember to also change the margin-top on CStitle
 */
.CSsample2, .CSsample3, .CSsample4{font-size:1px; overflow:hidden; display:block;}
.CSsample1, .CSsample1t, .CSsample1b{font-size:1px; overflow:hidden; display:block; height:1px; background-color:#000;}
.CSsample1  {margin:0 20px;}
.CSsample1t {margin:10px 20px 0;}
.CSsample1b {margin:0 20px 10px;}
.CSsample2  {height:1px; border-right:2px solid #000; border-left:2px solid #000; margin:0 18px;}
.CSsample3  {height:1px; border-right:1px solid #000; border-left:1px solid #000; margin:0 17px;}
.CSsample4  {height:2px; border-right:1px solid #000; border-left:1px solid #000; margin:0 16px;}
.CScontentb {border-right:1px solid #000; border-left:1px solid #000;padding:5px; margin:0 15px;}

/* Add these to the class if you want your box to be 310 pixels wide  */
.CSsample1f {width:302px;}
.CSsample2f {width:302px;}
.CSsample3f {width:306px;}
.CSsample4f {width:308px;}
.CScontentf {width:300px;}

.CStitle {
   color: navy;
   font-size: 100%;
   font-family: "Lucida Console", Monaco, monospace;
   margin: 10px 0 0 30px;
}

/* the text in the box */
.CSboxtext {
   font-size: 90%;
   font-family: "Lucida Console", Monaco, monospace;
   font-weight:600;
}

/* puts the box onto the side where it floats on the text  (float left= box on left)
 * text will then flow around the box
 */
.CSfloatleft {
  float:  left;
  margin: 0 10px 0 7px;
}

.CSfloatright {
  float: right;
  margin: 0 7px 0 10px;
}

.CSh1 {
   font-size: 200%; 
   font-weight:550;
}

.CSh2 {
   font-size: 170%; 
   font-weight:550;
}

.CSh3 {
   font-size: 140%; 
   font-weight:550;
}

.CSh4 {
   font-size: 120%; 
   font-weight:550;
}

.CSh5 {
   font-size: 100%; 
   font-weight:600;
}

.CSh6 {
   font-size: 70%; 
   font-weight:600;
}

.CSstr {
   font-weight:bold;
}

.CSem {
   font-style: oblique;
}

.CSunderline {
   text-decoration: underline;
}

.CSoverline {
   text-decoration: overline;
}

.CSitalic {
   font-style: italic;
}

.CSxx-small {
  font-size: xx-small;
}

.CSx-small {
  font-size: x-small;
}

.CSsmall {
  font-size: small;
}

.CSmedium {
  font-size: medium;
}

.CSlarge {
  font-size: large;
}

.CSx-large {
  font-size: x-large;
}

.CSxx-large {
  font-size: xx-large;
}