#scrollBar {
background-color: #333333;

scrollbar-arrow-color: #d69d9a;
scrollbar-face-color: #000000;
scrollbar-base-color: #333333;
scrollbar-track-color: #333333;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000; 
scrollbar-highlight-color: #333333;

width: 408px;
height: 399px;
overflow: auto; 
padding: 9px;
background-color: #333333;
}

#scrollBar p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; font-style: normal; font-weight: normal; color: #fefefe; }

p a:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; font-style: normal; font-weight: normal; color: #d69d9a; text-decoration: none; }

p a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; font-style: normal; font-weight: normal; color: #cecece;  text-decoration: underline; }

p a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; font-style: normal; font-weight: normal; color: #d69d9a; text-decoration: none; }

#scrollBar .title { font-family: 'Times New Roman', Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #d69d9a; font-style: italic; }

#scrollBar .castDesc { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #d69d9a; font-style: italic; }

ul { list-style-image: url(images/list.gif) }

li { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; font-style: normal; font-weight: bold; color: #fefefe; }

#boxC { border: solid 1px #333333; margin: auto; background-color: #333333; }

#boxC .formfield { text-align: left; }

#boxC .formlabel { text-align: right; color: #d69d9a; font-weight: bold;  }

#boxC .bcenter{ text-align: center; }

.subutton {

	font-size: 12px;
	font-weight: normal;
	border: solid 1px #333333;
	background-color: #d69d9a;

	}


/* width: 450px;  padding: 16px; */