html, body {
     margin: 0;
     padding: 0;
     font-size: 1em;
     font-family: arial, helvetica, sans-serif;
     text-align: center;
     }

#container {
     margin: 5px;
     width: 750px;
     margin: auto;
     text-align: left;
     }

#head {
     height: 113px;
     border: 1px solid #5575b0;
     padding: 0px;
     margin: 5px 0 0 0;
     text-align: left;
     }

#left {
     display: inline;
     color: #000000;
     background-color: #c9d5e1;
     border: 1px solid #5575b0;
     padding: 5px;
     width: 155px;
     float: left;
     margin: 5px;
     margin-left: 0;
     }

#center {
     display: inline;
     border: 1px solid #5575b0;
     padding: 4px;
     width: 432px;
     w\idth: 396px;
     float: left;
     margin: 5px 0 5px 0;
     }

#right {
     display: inline;
     background-color: #e1e8f0;
     border: 1px solid #5575b0;
     padding: 5px;
     width: 155px;
     float: right;
     margin: 5px;
     margin-right: 0;
     }

#foot {
     border: 1px solid #5575b0;
     background-color: #eaf4f5;
     margin: 0 0 5px 0;
     clear: both;
     padding: 5px;
     height: 20px;
     text-align: center;
     }

#foot p {margin: 0;}

#navcontainer {
     background-color: #c9d5e1;
     width: 140px;
     margin: 0 auto;
     padding: 1em 0;
     font-family: arial, helvetica, sans-serif;
     font-style: normal;
     font-size: 11px;
     text-align: left;
     }

ul#navlist  {
     text-align: left;
     list-style: none;
     padding: 0;
     margin: 0 auto;
     width: 90%;
     }

ul#navlist li  {
     display: block;
     margin: 0;
     padding: 0;
     }

ul#navlist li a  {
     display: block;
     width: 100%;
     padding: 0 0 0 2em;
     border-width: 1px;
     border-color: #ffe #b0aa93 #ccc #fff;
     border-style: solid;
     color: #5575b0;
     text-decoration: none;
     background-color: #ebf3f5;
     }

#navcontainer>ul#navlist li a {
     width: auto;
     }

ul#navlist li#active a  {
     background-color: #c9d5e1;
     color: #800000;
     }

ul#navlist li a:hover, ul#navlist li#active a:hover  {
     color: #800000;
     background-color: transparent;
     border-color: #aaab9c #fff #fff #ccc;
     }

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #d37f67;
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #cf6b51;
	background-color: #ffffff;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}


p {
	font-size: 10px;
	line-height: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
p.two {
	font-size: 8px;
	line-height: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
p.tiny {
   font-family: arial, helvetica, sans-serif;
   font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	color: #000;
  	padding: 0 1em 1em 1em;
	}
	
p.tinyleft {
   font-family: arial, helvetica, sans-serif;
   font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	color: #000;
  	padding: 0 1em 1em 1em;
	}
	
.tinya {
   font-family: arial, helvetica, sans-serif;
   font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	color: #000;
	padding: 0 1px 0 1px;
	}

p.green  {
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	background-color: #fff;
	color: #2c7130;
	padding: 0 0.5em  0 1em;
	}

p.navy  {
   font-size: 12px;
   font-weight: normal;
	line-height: 15px;
	margin-top: 6px;
	margin-bottom: 5px;
	color: #008;
	background-color: #fff;
	padding: 0 0.5em  0 1em;
     }

p.navya {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	background-color: #fff;
	color: #008;
	}

p.navybg  {
   font-size: 12px;
   font-weight: normal;
	line-height: 17px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 4px 4px 6px 6px;
	color: #008;
	background-color: #e7eff1;
	border: solid;
	border-width: 1px;
	clear: both;
     }

p.navybga  {
   font-size: 12px;
   font-weight: normal;
	line-height: 17px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 8px 4px 8px 8px;
	color: #008;
	background-color: #fffff0;
	border: solid;
	border-width: 1px;
	clear: both;
     }

p.navybgb  {
   font-size: 12px;
   font-weight: normal;
	line-height: 17px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 8px 4px 8px 8px;
	color: #008;
	background-color: #e7eff1;
	border: solid;
	border-width: 1px;
	clear: both;
     }
     
p.navybgba  {
   font-size: 16px;
   font-weight: normal;
   font-family: times new roman, arial, helvetica, sans-serif;
	line-height: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 8px 4px 8px 8px;
	color: #800;
	background-color: #e7eff1;
	border: solid;
	border-width: 1px;
	clear: both;
     }
     
p.med  {
   font-size: 12px;
   font-weight: normal;
   text-align: center;
	line-height: 17px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 8px 4px 8px 8px;
	color: #008;
	background-color: #e7eff1;
	border: solid;
	border-width: 1px;
	clear: both;
     }
     
p.eldprint {
   font-family: arial, helvetica, sans-serif;
   font-size: 15px;
   font-weight: normal;
   text-align: left;
	line-height: 18px;
	padding: 10px 4px 10px 40px;
	color: #000;
	background-color: #fff;
     }
     
     
p.samecol  {
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
	color: #e1e8f0;
	padding: 0 0.5em  0 1em;
	}

     
img.border {
     float: left;
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 14px 0 0 16px;
     }
     
img.bordera {
     float: left;
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 0 2px 10px 0;
     }
     
img.noborder {
     border: none;
     }

img.floatleft {
     float: left;
     border: none;
     }

img.floatright {
     float: right;
     border: none;
     }

img.floatright2 {
     float: right;
     padding: 0 80px 0 2px;
     }

img.floatleftsp {
     float: left;
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 4px 10px 4px 10px;
     clear: left;
     }

img.floatrightsp {
     float: right;
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 4px 10px 4px 10px;
     clear: right;
     }
     
img.botleft {
     float: left;
     border: none;
     margin: 0 0 0 0;
     }
     
img.botright {
     float: right;
     border: none;
     margin: 0 0 0 0;
     }
     
img.floatrightform {
     margin: 8px 0 0 0;
     float: right;
     clear: right;
     border: 1px solid #0055e5;
     }

a {
	text-decoration: none;
	font-weight: normal;
	color:  #008;
	outline: none;
	}
a:visited {
	color:  green;
	}
a:active {
	color:  red;
	}
a:hover {
   color: #000;
   font-weight: normal;
	text-decoration: none;
	background-color: #ffc;
	}

a.img {
     border: none;
     }

a.pic {
	color: none;
	}
a.pic:visited {
	color: none;
	}
a.pic:active {
	color: none;
	}
a.pic:hover {
   background-color: #c9d5e0;
	}
	
a.pica {
	color: none;
	}
a.pica:visited {
	color: none;
	}
a.pica:active {
	color: none;
	}
a.pica:hover {
   background-color: #e1e8f0;
	}

a.tinyo {
	text-decoration: none;
	font-weight: 400;
	color:  #008;
	outline: none;
	}
a.tinyo:visited {
	color:  green;
	}
a.tinyo:active {
	color:  red;
	}
a.tinyo:hover {
     color: #000;
     font-weight: 400;
     text-decoration: none;
     background-color: #ffc;
	}

a.med {
	text-decoration: none;
	font-weight: 500;
	color: #0000ff;
	outline: none;
   border: 1px solid #fff;
 	}
a.med:visited {
	color: purple;
	}
a.med:active {
	color: red;
   border: 1px solid #008;
	}
a.med:hover {
     color: #000;
     font-weight: 500;
     text-decoration: none;
     background-color: #ffc;
     border: 1px solid #008;
	}
	
a.med2 {
	text-decoration: none;
	font-weight: 500;
	color: #0000ff;
	outline: none;
   border: 1px solid #e7eff1;
 	}
a.med2:visited {
	color: purple;
	}
a.med2:active {
	color: red;
   border: 1px solid #008;
	}
a.med2:hover {
     color: #000;
     font-weight: 500;
     text-decoration: none;
     background-color: #ffc;
     border: 1px solid #008;
	}
	
a.med3 {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
	text-decoration: none;
 	color: #0000ff;
	outline: none;

 	}
a.med3:visited {
	color: purple;
	}
a.med3:active {
	color: red;
 	}
a.med3:hover {
     color: #000;
     text-decoration: none;
     background-color: #dfc;
    	}

table {
   width: 368px;
   empty-cells: hide;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	background-color: #ffffff;
	}
	
table.song {
     width: 382px;
     empty-cells: hide;
     padding: 0px 0px 0px 0px;
     background-color: #ffffff;
	}

ul {
     list-style-type: square;
     margin: 0;
     padding: 0;
     font-size: 12px;
     font-family: arial, helvetica, sans-serif;
     text-align: center;
     line-height: 24px;

     }

ul.left {
     list-style-type: square;
     margin: 0 0 0 20px;
     padding: 0;
     font-size: 12px;
     font-family: arial, helvetica, sans-serif;
     text-align: center;
     line-height: 24px;
        }
        
ul.lefta {
     list-style-type: square;
     margin: 0 0 0 60px;
     padding: 0;
     font-size: 12px;
     font-family: arial, helvetica, sans-serif;
     text-align: left;
     line-height: 24px;
        }
     
ul.song {
     list-style-type: none;
     margin: 0;
     padding: 0;
     font-size: 11px;
     font-family: arial, helvetica, sans-serif;
     color: #000080;
     width: 190px;
     text-align: left;
    	line-height: 16px;
     }
     
ul.songa {
     list-style-type: none;
     margin: 0;
     padding: 0;
     font-size: 11px;
     font-family: arial, helvetica, sans-serif;
     color: #ff0000;
     width: 194px;
     text-align: left;
    	line-height: 16px;
     }
     
/*------------------------------- form ---------------------------------*/


div.form {
   background-color: #ebf3f5;
   border: 1px solid #0055e5;
   margin: 10px 10px 4px 10px;
   padding: 0 10px 0 10px;
}

div.form image {
   float: right;
   clear: right;
   border: 1px solid #0055e5;
   }

#footer form {                 /*-- not used ---*/
	margin: 0;
	padding: 0;
}

form label {
 	color: #008;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.inputField {
	border: 1px solid #0055e5;
	width: 267px;
   padding: 2px 2px 2px 2px;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputArea {
	border: 1px solid #0055e5;
	width: 348px;
	padding: 2px 2px 2px 2px;
	height: 100px;
	overflow: auto;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mullins {
   display:none;
}

p.submit {
   margin: 0 0 6px 0;
	padding: 0 0 0 0;
	clear: both;
}


/*
        End of FORM     ****************************************************
*/

/*------------------------------- form Vote ---------------------------------*/

div.forma {
   background-color: #f0e7d7;
   border: 1px solid #800;
   padding: 10px 10px 4px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #800;
}

div.forma image {
   float: right;
   clear: right;
   border: 1px solid #800;
}

.mollins {
   display:none;
}

p.submit {
	padding: 3px 0 0 1px;
	clear: both;
}


/*
        End of Vote FORM     ****************************************************
*/