.reel {
color: #FDFDFD; 
font-size: 16pt; 
font-weight: bold; 
font-family: Century Gothic, Copperplate Gothic Light, Franklin Gothic Book, Arial, Helvetica, sans-serif;
line-height: 28px;
text-decoration: none;
}

.reel A:link {text-decoration: none; color: #FDFDFD;}
.reel A:visited {text-decoration: none; color: #FDFDFD;}
.reel A:active {text-decoration: none; color: #FDFDFD;}
.reel A:hover {text-decoration: none; color: #BDBDBD;}

.text {
color: #FDFDFD; 
font-size: 10pt; 
font-family: Century Gothic, Copperplate Gothic Light, Franklin Gothic Book, Tahoma, Arial, Helvetica, sans-serif;
line-height: 14px;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 300px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #E7EADE;
margin: 0.3em auto;
padding: 15px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 340px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding: 15px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}