/* Main Page */

body {background-color:#8B5C29;}
img {vertical-align:top; margin:0px; padding:0px; border:0px;}

/*links*/
A:link {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; letter-spacing:0.5px; text-decoration:none;}
A:visited {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; letter-spacing:0.5px; text-decoration:none;}
A:active {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; letter-spacing:0.5px; text-decoration:none;}
A:hover {text-decoration:inherit; color:#CE4A00;}

.surround {} 
#surround {width:756px; margin:0 auto; position:relative;}
	
.headerimage {} 
#headerimage {width:756px;}

.links1 {}
#links1 {position:absolute; top:60px; left: 640px;}

.links2 {color:#FFFFFF;}
#links2 {position:absolute; top:220px; left: 120px; z-index:10;}

.dinostitlebar {} 
#dinostitlebar {}

.videoinserts {}
#videoinserts {}

.footer {text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:9px; letter-spacing:0.5px;}
#footer {position:relative; top:-150px;}



/*page styles*/


<!--item one background insert-->
.videoinsertimage {}
#videoinsertimage {}
<!--item two video insert-->
.quicktimevideo {}
#quicktimevideo {position:absolute; top:17px; left:80px;}

<!--item three link image to load video in quicktime-->
.quicktimelinkimage {}
#quicktimelinkimage {position:absolute; top:280px; left:80px; z-index:10;}

<!--item four supplementary text to go with item 3-->
.toviewthis{color:white; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#toviewthis{position:absolute; top:282px; left:165px; z-index:10;}

<!--item five all the info from the database displayed in the box on the right-->
.videodetailssurroundbox {}
#videodetailssurroundbox {width:230px; height:250px; position:absolute; top:30px; left:450px}
#videodetailssurroundbox2 {width:230px; height:250px; position:absolute; top:30px; left:450px}

	.icon {}
	#icon {position:absolute; top:-5px;}
	
	.underline {}
	#underline {position:absolute; top: ;}
	
	.title {color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size: 13pt; font-weight:bold; letter-spacing:0.5px;}
	#title {position:absolute; left:-20px; top:10px; width:250px;}
	
	.date {color:#FFB800; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#date {position:absolute; top:40px; float:right;}
	
	.description {color:#EEEEEE; width:; font-size:8pt; font-family:Arial, Helvetica, sans-serif; line-height: 14px; font-weight:bold; letter-spacing:0.5px;}
	#description {position:absolute; top:60px; margin-left:15px; margin-right: 15px; clear:both;}
	
	.who {color:#CE4A00; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#who {position:absolute; top:150px; left: 0px;}
	
	.who2 {color:#EEEEEE; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#who2 {position:absolute; top:150px; left:40px;}
	
	.what {color:#CE4A00; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#what {position:absolute; top:180px; left:0px;}
	
	.what2 {color:#EEEEEE; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#what2 {position:absolute; top:180px; left:40px;}
	
	.when {color:#CE4A00; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#when {position:absolute; top:210px; left:0px;}
	
	.when2 {color:#EEEEEE; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
	#when2 {position:absolute; top:210px; left: 40px;}
	
/* CSS Document */