/* CSS Document */
html,body  {  margin: 0px; padding: 0px; background: url("../images/php_back.gif") top left repeat;}

form{ margin:0px; padding:0px;}

table  { border:solid 0px none; height:auto; color: #4C4C4C; font: normal 7pt Verdana, Arial, Tahoma; border-spacing: 0px;}

tr {  vertical-align: top; }

td {  padding: 0px; border-spacing: 0px;}

img {  border:0px; }

input { font:bold 7pt Verdana, Arial, Tahoma; color:#4C4C4C; width:auto; height:21px;  padding:0px 2px 0px 2px;}

p { padding: 1px; }

a, a:active, a:visited {color: #FFFFFF; font:normal 8pt Verdana, Arial, Tahoma; text-decoration:none;}
a:hover {color: #FFFFFF; font: normal 8pt Verdana, Arial, Tahoma; text-decoration:underline;}

.bot { vertical-align:bottom; }

.mid { vertical-align:middle; }

.width {width:100%;}

a.news_name, a.news_name:active, a.news_name:visited{font-size:16px; font-weight:normal; color:#ffffff; text-decoration:none; padding-bottom:10px; padding-left:0px; padding-top:20px;}
a.news_name:hover{ font-size:16px; font-weight:normal;color:#d8d3d3; text-decoration:none;padding-bottom:10px; padding-left:0px; padding-top:20px;}

.news_text{font-size:12px; font-weight:normal; color:#9c9a9a; text-decoration:none;  }

.news_date{font-size:11px; font-weight:normal;color:#fb4311; text-decoration:none; padding-right:20px; padding-top:20px; padding-left:10px;}

.news_cat_name{font-size:16px; font-weight:normal; color:#ffffff;text-decoration:none;padding-bottom:10px; padding-left:0px; padding-top:20px;}

.awards { padding-top:15px; color:#FFFFFF; font:normal 9pt  Verdana, Arial, Tahoma; text-decoration:none;}
.awards_name { padding-left:15px; padding-right:50px; color:#FFFFFF; font:normal 9pt  Verdana, Arial, Tahoma; text-decoration:none;}
.awards_title { padding-top:0px; padding-bottom:20px; color:#FFFFFF; font:normal 12pt  Verdana, Arial, Tahoma; text-decoration:none;}
.awards_text { padding-left:15px;padding-top:10px; color:#FFFFFF; font:normal 7pt  Verdana, Arial, Tahoma; text-decoration:none;}

a.awards_text, a.awards_text:active, a.awards_text:visited {padding-top:20px; color:#FFFFFF; font:normal 8pt  Verdana, Arial, Tahoma; text-decoration:none;}
a.awards_text:hover {padding-top:20px; color:#FFFFFF; font:normal 8pt  Verdana, Arial, Tahoma; text-decoration:none;}

.nextpage { width:78px; height:12;  vertical-align:middle;}
.previouspage { width:78px; height:12; ; vertical-align:middle}

.about_name {text-decoration:none; padding-top:20px; padding-left:20px; padding-bottom:30px; color:#FFFFFF; font:normal 10pt Verdana, Arial, Tahoma;  }
.about_text {text-decoration:none;  padding-left:20px;  color:#FFFFFF; font:normal 8pt Verdana, Arial, Tahoma;  }

.font {color: #fed9a9; font:normal 7pt  Verdana, Arial, Tahoma; text-decoration:none; }
a.copy,a.copy:active, a.copy:visited   {color: #fed9a9; font:normal 7pt  Arial, Verdana, Tahoma; text-decoration:none;}
a.copy:hover   {color: #fed9a9; font:normal 7pt  Arial, Verdana, Tahoma; text-decoration:none;}

a.next, a.next:active, a.next:visited {color: #000000; font:normal 7pt Arial, Verdana, Tahoma; text-decoration:none; vertical-align:middle;}
a.next:hover {color: #000000; font:normal 7pt  Arial, Verdana, Tahoma; text-decoration:none; vertical-align:middle; }

a.links, a.links:active, a.links:visited {color: #9c9c9c; font:normal 9pt Arial, Verdana, Tahoma; text-decoration:underline; vertical-align:middle;}
a.links:hover {color: #9c9c9c; font:normal 9pt  Arial, Verdana, Tahoma; text-decoration:underline; vertical-align:middle; }
.links {color: #9c9c9c; font:normal 8pt  Arial, Verdana, Tahoma;vertical-align:middle; padding:7px 10px 7px 3px}
.events {color: #9c9c9c; font:bold 9pt  Arial, Verdana, Tahoma;vertical-align:middle; padding:7px 10px 7px 3px;text-decoration:underline;}
.date {color: #9c9c9c; font:normal 9pt  Arial, Verdana, Tahoma;vertical-align:middle; padding:7px 10px 7px 3px}

a.events, a.events:active, a.events:visited  {color: #9c9c9c; font:bold 10pt Verdana, Arial, Tahoma;vertical-align:middle; padding:7px 10px 7px 3px; text-decoration:none;}
a.events:hover {color: #FFFFFF; font:bold 10pt  Verdana, Arial, Tahoma;vertical-align:middle; padding:7px 10px 7px 3px; text-decoration:none;}

 
<!--.nextpage { width:78px; height:12; text-align:center}-->
<!--.previouspage { width:78px;height:12; text-align:center}-->
.bot_menu {color: #FFFFFF; font:normal 7pt Verdana,Arial,  Tahoma; text-decoration:none;}
a.bot_menu, a.bot_menu:active, a.bot_menu:visited {color: #FFFFFF; font:normal 7pt Verdana,Arial, Tahoma; text-decoration:none;}
a.bot_menu:hover {color: #FFFFFF; font:normal 7pt Verdana,Arial, Tahoma; text-decoration:none; }

a.font,a.font:active, a.font:visited   {color: #fed9a9; font:normal 7pt  Arial, Verdana, Tahoma; text-decoration:none;}
a.font:hover   {color: #fed9a9; font:normal 7pt  Arial, Verdana, Tahoma; text-decoration:none;}
<!--a.next, a.next:active, a.next:visited {background: url('../images/next_0.gif') no-repeat top center; width:43px; height:11px; display:block; border:0px;}
<!--a.next:hover { posiiton:relative; background: url('../images/next_1.gif') no-repeat top center;width:43px;height:11px; display:block; border:0px;}

<!--a.prev, a.prev:active, a.prev:visited {background: url('../images/prev_0.gif') no-repeat top center; width:62px; height:11px; display:block;}
<!--a.prev:hover { posiiton:relative; background: url('../images/prev_1.gif') no-repeat top center;width:62px;height:11px; display:block;}

.scrol
{

	scrollbar-face-color: 		#cd0202;
	scrollbar-highlight-color:  #a9a9a9;
	scrollbar-shadow-color: 	#a9a9a9;
	scrollbar-3dlight-color:    #a9a9a9;
	scrollbar-arrow-color:      #a9a9a9;
	scrollbar-track-color:      #d0d0d0;
	scrollbar-darkshadow-color: #a9a9a9;
}

#about_text{position:relative; top:0px; left:0px; width:515px; height:300px;}

/*SCROLL JS*/
#actDiv{ position:relative;	width:515px; height:300px; top:20px;left:0px;	background-color:transparent;	z-index:50;}
.OuterMargAct{ width:510px;	height:300px;	background:url("../img/img/border_fill.gif") top left no-repeat;	margin-left:2px; position:relative;}
.OuterMargAct2{ width:280px; height:100px; top:20px;	background:url("../img/img/border_fill.gif") top left no-repeat;	margin-left:2px; position:relative;}
.up{ position:absolute;	left:670px;	top:0px; z-index:10; cursor:pointer;}
.up2{ position:absolute; left:470px; top:0px; z-index:10; cursor:pointer;}
.track{ position:absolute; left:674px; top:10px; z-index:3;}
.track2{ position:absolute; left:470px;  top:5px; z-index:3;}
.dwn{ position:absolute; left:670px;	bottom:-1px; z-index:5;	cursor:pointer;}
.dwn2{ position:absolute; left:670px;	top: 100px; z-index:5; cursor:pointer;}
.contentMask{ position:absolute;left:0px;	top:0px; width:659px;	height:300px;	clip: rect(0px,660px,300px,0);	overflow:hidden; background-color: transparent;}
.contentMask2{ position:absolute;left:0px;	top:0px; width:659px; height:100px;	clip: rect(10px,660px,300px,0);	overflow:hidden; background-color: transparent;}
.content { position:absolute; left:0px;	top:0px;}
.content2{ position:absolute; left:0px;	top:0px;}
/*END OF SCROLL JS*/