@charset "UTF-8";
/* CSS Document */
/* FeatureFade code created by Matt Solano, www.mattsolano.com (I will appreciate if left here, Thanks) */



				body {
					background-color:	#000033;
					}
		
				#news {	
					height:				300px;						/* This is the height of the overall news box  */
					width:				584px;						/* This is the width of the overall news box  */
					position:			relative;
					background-color:	#FFFFFF;					/* This color is seen in the background when the caption image does not fill the news box */
					border:				4px solid #FFFFFF;			/* This is the thickness and color of the surrounding border */
					overflow:			hidden;
					}
                    
                #news a {
                    color:              #000000;
                    text-decoration:    underline; 
                    }     
                    
                #info {
					height:				175px;						/* This is the height of the Information box that contains the caption info and heading */
					width:				584px;						/* This is the width of the information box that contains the caption info and heading*/
					position:			absolute;
					z-index:			50;
					top:				130px;						/* This is the distance of the information box from the top of the news box */
					/*border:             4px solid red;*/
                    }
				               
				/*p.feathead {
					margin-left:		15px;						/* How far the Caption Heading is from the left */
					/*margin-top:			95;						/* How far the Caption Heading is from the top */
					/*font-size:			22px;						/* Font size of Caption Heading */
					/*width:				250px;
					color:				#322b2b;					/* Color of Caption Heading */
					/*font-family:		Arial, Helvetica, sans-serif;		/* Font of Caption Heading */
					/*float:				left; 
                    border:             4px solid red
					}*/
					
				p.featcont {
					margin-top:		    100px;						/* Distance of Caption Info from right */
	                margin-left:        25px;                            /* Distance of Caption Info from top */
					font-size:			12px;						/* Size of Caption Info font */
                    width:				525px;
					color:				#322b2b;					/* Color of Caption Info */
					font-family:		Verdana, Arial, Helvetica, sans-serif;		/* Font of Caption Info */
					float:              left;
                    /*border:             4px solid black;*/
					}
					
				p.buttonnum {
					margin-top:			2px;						/* Distance of number from top of the buttons */
					margin-left:		6px;						/* Distance of number from the left of the button */
					font-size:			12px;						/* Size of button numbers */
					color:				#322b2b;					/* Color of button numbers */
					font-family:		Verdana, Arial, Helvetica, sans-serif;		/* Font of button numbers */
					}
				
				
				
				#feature1 {
					height:				300px;						/* This value should match the overall height of the news box */
					width:				584px;						/* This value should match the overall width of the news box */
					top:				0;			
					position:			absolute;
					z-index:			10;
					opacity:			0;
                    
					}
					
				#featureinfo1 {
					height:				175px;						/* This is the height of the Information Box*/
					width:				584px;						/* This value should match the overall width of the news box */
					opacity:			0;
					position:			absolute;
					z-index:			100;
					top:				125px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
                    }	
                    
                #feature2 {
					height:				300px;						/* This value should match the overall height of the news box */
					width:				584px;						/* This value should match the overall width of the news box */
					top:				500px;
					position:			absolute;
					z-index:			10;
					opacity:			0;
					}
					
				#featureinfo2 {
					height:				175px;						/* This is the height of the Information Box*/
					width:				584px;						/* This value should match the overall width of the news box */
					opacity:			0;
					position:			absolute;
					z-index:			100;
					top:				125px; 						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
					}	
					
                   
					
				#feature3 {
					height:				427px;						/* This value should match the overall height of the news box */					
					width:				584px;						/* This value should match the overall width of the news box */
					top:				500px;
					position:			absolute;
					z-index:			10;
					opacity:			0;
					}
					
				#featureinfo3 {
					height:				175px;						/* This is the height of the Information Box*/
					width:				584px;						/* This value should match the overall width of the news box */
					opacity:			0;
					position:			absolute;
					z-index:			100;
					top:				427px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
					}	
					
					
				#feature4 {
					height:				427px;						/* This value should match the overall height of the news box */
					width:				584px;						/* This value should match the overall width of the news box */
					top:				500px;
					position:			absolute;
					z-index:			10;
					opacity:			0;
					}
					
				#featureinfo4 {
					height:				175px;						/* This is the height of the Information Box*/
					width:				584px;						/* This value should match the overall width of the news box */
					opacity:			0;
					position:			absolute;
					z-index:			100;
					top:				427px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
					}	
					
					
				#feature5 {
					height:				427px;						/* This value should match the overall height of the news box */
					width:				584px;						/* This value should match the overall width of the news box */
					top:				500px;
					position:			absolute;
					z-index:			10;
					opacity:			0;
					}	
					
				#featureinfo5 {
					height:				175px;						/* This is the height of the Information Box*/
					width:				584px;						/* This value should match the overall width of the news box */
					opacity:			0;
					position:			absolute;
					z-index:			100;
					top:				427px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
					}
					
					
				#feature6 {
					height:				427px;						/* This value should match the overall height of the news box */
					width:				584px;						/* This value should match the overall width of the news box */
					top:				500px;
					position:			absolute;
					z-index:			10;
					opacity:			0;
					}
					
				#featureinfo6 {
					height:				175px;						/* This is the height of the Information Box*/
					width:				584px;						/* This value should match the overall width of the news box */
					opacity:			0;
					position:			absolute;
					z-index:			100;
					top:				427px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
					}	
				
				
				
				#newsnav {
					height:				30px;						/* Height the the Div containing the navigation buttons */
					width:				584px;						/* Width the the Div containing the navigation buttons, should be the same as the overall width of news box*/
					position:			absolute;
					top:				8px;						/* Distance of navigation from top */
					left:				0px;
					z-index:			1000;
					}
		
				#button1 {
					height:				20px;						/* Height of First button */
					margin-left:		8px;						/* Distance from Left */
					width:				20px;						/* Width of First button */
					background-color:	#FFFFFF;					/* Color of Button */
					float:				left;
					z-index:			1000;
					
					}
					
				#button2 {
					height:				20px;						/* Height of Second button */
					width:				20px;						/* Width of Second button */
					background-color:	#FFFFFF;					/* Color of Button */
					margin-left:		15px;						/* Distance from button to the left */
					float:				left;
					z-index:			1000;
					}

				#button3 {
					height:				20px;						/* Height of Third button */
					width:				20px;						/* Width of Third button */
					background-color:	#FFFFFF;					/* Color of Button */
					margin-left:		15px;						/* Distance from button to the left */
					float:				left;
					z-index:			1000;
					}
					
				#button4 {
					height:				20px;						/* Height of Fourth button */
					width:				20px;						/* Width of Fourth button */
					background-color:	#FFFFFF;					/* Color of Button */
					margin-left:		15px;						/* Distance from button to the left */
					float:				left;
					z-index:			1000;
					}	
				
				#button5 {
					height:				20px;						/* Height of Fifth button */
					width:				20px;						/* Width of Fifth button */
					background-color:	#FFFFFF;					/* Color of Button */
					margin-left:		15px;						/* Distance from button to the left */
					float:				left;
					z-index:			1000;
					}
					
				#button6 {
					height:				20px;						/* Height of Sixth button */
					width:				20px;						/* Width of Sixth button */
					background-color:	#FFFFFF;					/* Color of Button */
					margin-left:		15px;						/* Distance from button to the left */
					float:				left;
					z-index:			1000;
					}
					
					
				#stopbutton {
					height:				20px;						/* Height of Play/Pause button */
					width:				20px;						/* Width of Play/Pause button */
					background-image:	url(../images/pause.png);	/* Image of the Pause State of button */
					margin-right:		11px;						/* Distance from right */
					float:				right;
					z-index:			1000;
					}