/* All BODY TEXT Times New Roman, then Serif, 12 pt and black.  Vertical spacing between lines of text to be 16 pt and have 10 pt margins.  The background color is white.*/

body {font-size: 11pt;
      font-family: Arial, Sans-Serif;
      color: black;
      background-image: url("http://www.lavoixdor.net/Pictures/backgrd_marble26b.gif");
      background-color: white;
      line-height: 14pt;
      margin-left: 10pt;
      margin-right: 8pt;}


                                        /*NAVIGATION BAR*/

div.navbar {font-size: 13pt;
	    font-family: Arial, Sans-Serif;
	    font-weight: bold;
	    text-align: center;
	    background-image: url("http://www.lavoixdor.net/Pictures/navbar_marble18.gif");
	    padding: 3px;}


                                           /*HEADINGS*/

/*Make HEADINGS Monotype Corsiva, Garamond, then Serif.*/

h1  {font-family: Monotype Corsiva, Garamond, Serif;
     font-size: 36pt;
     line-height: 42pt;}


/*Make SPECIAL INDEX HEADING because h1 refuses to work right on my Index page. Was 46,53.*/

h1.normal {font-family: Monotype Corsiva, Garamond, Serif;
	   font-size: 46pt;
	   font-weight: normal;
	   line-height: 53pt;
           text-align: center;}


                                            /*LYRICS*/

/*Special Headings for LYRICS HEADINGS*/

h1.lyrics {font-family: Tahoma, Arial, Sans-serif;
	   font-size: 28pt;
	   font-weight: normal;
	   line-height: 10pt;
           text-align: center;}

h1.lyricsEng {font-family: Sans-serif, Arial, Sans-serif;
	   font-size: 24pt;
	   font-weight: normal;
	   line-height: 10pt;
           text-align: center;}


div.lyrics {font-family: Arial, Sans-Serif;
	    font-size: 14pt;
	    color: black;}

div.lyricsEng {font-family: Arial, Sans-Serif;
	       font-size: 14pt;
               font-weight: normal;
	       color: darkred;}


                                            /*LINKS*/

/* Underline LINKS, make all links blue, visited links become dark red, hover is dark green.*/

a {text-decoration: underline;}
a:link {color: #000099;}
a:visited {color: #663333;}
a:hover {color: #006633;}

/*Make LINKS SPACING 17pt */
div.linkheight {line-height: 17pt;}


                                         /*VIDEO PAGES*/

/* Class for VIDEOS HEADING 1 (although also useful elsewhere)*/

h1.videos {font-family: Monotype Corsiva, Garamond, Serif;
           font-weight: normal;
           font-size: 30pt;
	   text-align: center;}


/* Class for VIDEOS HEADING 2 (explanation at top) */

h2.videos {font-family: Verdana, Arial, Sans-Serif;
           font-size: 10pt;
           font-weight: normal;
           line-height: 17pt;
           text-align: center;}


/*Class for FULL VIDEOS - DATE SEPARATORS*/

div.videodate {font-family: Arial, Sans-Serif;
		font-size: 13pt;
		font-weight: bold;
		color: 660066;}


/* Class for VIDEOCLIPS - align text with pictures (used songclips class as ref) */

div.videoclips {font-family: Arial, Times New Roman, Sans-Serif;
	       	font-size: 11pt;
   	       	font weight: normal;
	       	line-height: 24pt;}


/* Class for VIDEOCLIPS SMALL LETTERS. */

div.lettersmall {font-family: Verdana, Arial, Sans-Serif;
		 font-size: 12pt;}

        
/* Class for VIDEOS LIST.*/

div.videolist {font-family: Arial, Helvetica, Sans-Serif;
	       font-size: 10pt;
	       color: black;
	       line-height: 22pt;}


/* Class for VIDEO LIST BIG LETTERS. */

div.videoletter {font-family: Arial, Times New Roman, Sans-Serif;
		 font-size: 18pt;
		 color: darkblue;}



                                      /*SONG CLIPS PAGES */

/* Class for setting up the SONG FILES on the page */

div.songclips {font-family: Arial, Times New Roman, Sans-Serif;
	       font-size: 11pt;
   	       font weight: normal;
	       line-height: 24pt;}


/* Turn off LINK underlines for the WMA files */

a.winlink {text-decoration: none;}


                                        /*COLUMN layout*/

/* SONG CLIPS */

#leftcontent {float: left;
	      width: 44%;
	      margin-right: 10pt;}

#rightcontent {float: right;
	       width: 54%;}


/* INDEX PICTURE / HEADING */

#leftpicture {float: left;
	      width: 48%;}

                                            /*TABLES*/

/* Set table width & height(large enough to hold whole sentence), cell padding (amount of space around image & text), cell spacing (space between borders and cells). */

table {width: 700px; 
       height: 275px;}

/* SPECIAL TABLES for each video (to keep the words and pictures close), because it just seems easier this way.*/

table.special {width: 660px;
	       height: 275px;}

table.special2 {width: 655px;
		height: 275px;}

table.special3 {width: 705px;
		height: 275px;}

table.special4 {width: 580px;
		height: 275px;}


/* Just in case I need more tables*/

table.special5 {width: 550px;
		    height: 275px;}

table.special6 {width: 685px;
		    height: 275px;)	 

