/* stylesheet st8.css for new seqtools web */
/* created 15. September, 2004 by swr      */

/* STANDARD COLOR SCHEME:
/* RGB(182,201,219) - light blue 	(background for: menu, hover, active, H1) 	*/
/* RGB(146,173,201) - lighter blue 	(background for: menu page, coded in page) 	*/
/* RGB(017,046,115) - dark blue  	(link, section title, H1)				  	*/
/* RGB(204,051,000) - dark red 		(background for: news, banner title)	  	*/
/* RGB(200,200,200) - darker grey 	(all thin lines and borders)			  	*/
/* RGB(240,240,240) - lighter grey 	(paragraph backgrounds)	   			      	*/
/* RGB(126,054,137) - dark purple 	(seqtools navigation)	   			      	*/




/*.............................................................................GENERAL PROPERTIES*/
body{							
					margin-top: 0px;
					margin-left: 0px;
					font-family: Verdana;
					font-size: 11px;
					background-color:#FFFFFF}					
a{
					background: transparent;
					text-decoration: none;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 1px;						
					font-weight: normal;
					color: RGB(204,051,000);}			
a:hover{
					background-color: RGB(182,201,219);}					
a:active{
					background-color: RGB(182,201,219);}
blockquote{			
					margin-left: 34px;}	
p{
					margin-bottom: 8px;
					margin-top: 0px;						
					padding-left: 0px;	
					padding-right: 0px;	
					padding-top: 3px;	
					padding-bottom: 3px;				
					font-family: Verdana;
					font-size: 11px;
					font-weight: normal;
					color: RGB(64,64,64);										
					text-align: left;
					background-color: RGB(255,255,255);}
.p1{
					margin-bottom: 15px;
					margin-top: 0px;
					padding: 0px;	
					padding-top: 3px;				
					font-family: Verdana;
					font-size: 11px;
					font-weight: normal;
					color: RGB(64,64,64);									
					text-align: left;					
					background: RGB(255,255,255);}			
li{					
					color: RGB(64,64,64);}
.p2{				
					line-height: 13px;}

/*.............................................................................RBOTTOM FRAME*/

/*--------------------------------------------------- THIN LINES */
					
#right_vertical_line{
					position: absolute;
					top: -60px;
					left: 607px;
					width: 16px;
					height: 10000px;		
					background-image: url("pictures/dna_helix_16px.gif");  					
					background-repeat: repeat-y;}					
																			
/*--------------------------------------------------- NEWS BOX */
								
#news_title{
					position: absolute;					
					top: 20px;
					left: 362px;
					width: 224px;
					height: 16 px;					
					margin-top: 0px;
					margin-left: 0px;	
					padding-left: 4px;
					font-family: Verdana;
					font-size: 11px;
					color: RGB(255,255,255);										
					background: RGB(204,51,0);}						
#news_container{
					position: absolute;					
					top: 36px;
					left: 362px;
					width: 224px;
					height: 100px;					
					margin-top: 0px;
					margin-left: 0px;	
					padding: 4px;					
					font-family: Verdana;
					font-size: 9px;
					line-height: 10px;			
					text-align: left;							
					background-color: RGB(240,240,240);
					border-style: solid; 
					border-color: RGB(200,200,200);
					border-left-width: 1px;
					border-right-width: 1px; 
					border-bottom-width: 1px;
					border-top-style: none;}	
#news_container p{
					margin-bottom: 0px;
					margin-top: 0px;
					padding: 4px;					
					font-family: Verdana;
					font-size: 9px;
					font-weight: normal;
					color: #000000;								
					text-align: left;					
					background-color: RGB(240,240,240);}			

/*--------------------------------------------------- NORMAL PAGE */
		
#page_container{
					position: relative;
					top: 0px;
					left: 16px;
					width: 540px;					
					margin-top: 0px;
					margin-left: 18px;					
					font-family: Verdana;
					font-size: 11px;										
					background: transparent;}
																								
#page_container blockquote{																			
					padding-left: 25px;
					padding-right: 0px;
					margin: 0px;}
																								
#page_container h1{
					margin-top: 8px;
					margin-bottom: 0px;
					padding-left: 0px;
					padding-top: 2x;
					padding-bottom: 1px;					
					font-family: Verdana;
					font-size: 14px;
					font-weight: bold;
					font-variant: small-caps;
					line-height: 20px;
					color: RGB(146,173,201);
					background-image: url("grad_blue_horizontal_4p.gif");  
					background-position-y: 17px;
					background-repeat: no-repeat;}
					
#page_container h2{
					margin-top: 0px;
					margin-bottom: 0px;
					padding-left: 0px;
					padding-top: 1px;
					padding-bottom: 1px;					
					font-family: Verdana;
					font-size: 12px;
					font-weight: bold;
					font-variant: normal;
					line-height: 18px;
					color: RGB(128,128,128);					
					/*background-image: url("grad_grey_horizontal_4p.gif");  */
					/*background-position-y: 15px;*/
					/*background-repeat: no-repeat;*/}

#page_container b{
					color: RGB(146,173,201);}	
					
/*--------------------------------------------------- SECTION TITLE PAGE */

#section_title{
					position: absolute;					
					top: 24px;
					left: 6px;										
					margin-top: 0px;
					margin-left: 18px;					
					font-family: "Times New Roman";
					font-size: 34px;
					font-weight: bold;										
					color: RGB(17,46,115); 
					background: transparent;}	
					
#section_container{
					position: absolute;					
					top: 160px;
					left: 16px;
					width: 540px;					
					margin-top: 0px;
					margin-left: 18px;					
					font-family: Verdana;
					font-size: 11px;										
					background: transparent;}	
																																								
#section_container h1{
					margin-top: 18px;
					margin-bottom: 0px;
					padding-left: 0px;
					padding-top: 2x;
					padding-bottom: 1px;					
					font-family: Verdana;
					font-size: 14px;
					font-weight: bold;
					font-variant: small-caps;
					line-height: 20px;
					color: RGB(146,173,201);
					background-image: url("grad_blue_horizontal_4p.gif");  
					background-position-y: 17px;
					background-repeat: no-repeat;}

/*.............................................................................BANNER FRAME*/

#banner_logo{
					position: absolute;
					top: 2px;
					left: 70%;
					width: 200px;
					height: 61px;										
					margin: 0px;
					padding: 0px;														
					background-image: url("pictures/logo_st8_animated.gif"); 	
					background-repeat: no-repeat;}
					
#banner_vertical_bar{
					position: absolute;
					top: 62px;
					left: 0px;
					width: 623px;
					height: 18px;					
					margin: 0px;
					background-image: url("pictures/banner_horizontal_line.gif"); 
					background-repeat: no-repeat;}
					
#horizontal_helix{
					position: absolute;
					top: 62px;
					left: 0px;
					width: 1024px;
					height: 18px;					
					margin: 0px;
					background-image: url("pictures/dna_helix_1024x16px.gif"); 
					background-repeat: no-repeat;}
					

#banner_title{
					position: absolute;
					top: 38px;
					left: 0px;
					width: 240px;
					height: 30px;					
					margin: 0px;
					padding-left: 0px;
					font-family: Verdana;						
					font-size: 24px;	
					font-weight: normal;
					color: RGB(255,255,255);									
					background-color: transparent;}					
					
/*.............................................................................CONTENT FRAME*/

#menu_container{
					position: absolute;					
					top: 78px;
					left: 6px;
					width: 137px;					
					margin: 0px;
					padding-top: 8px;
					padding-left: 5px;
					padding-bottom: 10px;
					line-height: 14px;
					background-color: RGB(182,201,219);}	
									
#menu_container a{															
					font-family: Verdana;
					font-size: 11px;
					font-weight: normal;
					color: RGB(17,46,115);
					text-decoration: none;					
					width:125px;
					background: transparent;}	
																																			
#menu_container a:hover{															
					background-color: RGB(240,240,240);}
															
#menu_container a:active{
					background-color: RGB(240,240,240);}
															
#menu_img{
					position: absolute;					
					top: 14px;
					left: 18px;
					width: 72px;
					height: 47px;										
					margin-left: 0px;					
					font-family: Verdana;
					font-size: 11px;										
					background: url("pictures/logo_swrntr.gif");
					background-repeat: no-repeat;}
					
/*.............................................................................CLASSES*/
					
#extreme{	
					position: relative;				
					top: 640px;
					left: 34px;				
					background: transparent;}			

.newcolor{
					color: RGB(45,39,211);}