BODY
{
background-color: #cdd2d5;
margin : 0px 0px 0px 0px;
}

IMG
{
border: 0px;
}

DIV.container
{
position:absolute;
left: 50%;
margin-left: -389px; /*set to a negative number 1/2 of your width*/
width:780px;
height: 100%;
}


DIV.bg
{
position: relative;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
width:780px;
height: 153px;
text-align: left;
}


DIV.nav-text
{
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #f79b5d;
position: relative;
top: 37px;
left: 76px;
padding-top: 3px;
padding-left: 11px;
}

DIV.nav-text a
{
text-decoration: none;
color: #f79b5d;
position: relative;
top: 37px;
left: 76px;
font-size: 11px;
padding-top: 3px;
padding-left: 11px;
}


.nav-text a:hover {text-decoration: none; color: #1897b6; font-size : 11px; font-weight : bold;}
          

DIV.intro-text
{
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
color: #595858;
text-align: left;
left:397px;
position: absolute;
top: 720px;
width: 360px;

}

DIV.intro-text a
{
text-decoration: none;
color: #1897b6;
font-weight : bold;
}

.intro-text a:hover {text-decoration: none; color: #f79b5d; font-size : 11px; font-weight : bold;}



#imap {
margin-top:0; 
  display:block; 
  left:0; 
    top:153; 
	width:780px; 
  height:694px; 
  background:url(../images/video-index.jpg) no-repeat; 
  position:absolute;
  }

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
margin-top:0; 
  display:block; 
  width:780px; 
  height:0; 
  padding-top:0px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:153; 
  background:transparent url(../images/vidtransparent-leftcolumn.gif) no-repeat 370px 98px; 
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:0px;
  he\ight:0;
  }

/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }

	/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #vid1 {
  left:1px; 
  top:84px; 
  z-index:20;
  }
#imap #vid2 {
  left:1px; 
  top:234px; 
  z-index:20;
  }
#imap #vid3 {
  left:1px; 
  top:379px; 
  z-index:20;
  }
#imap #vid4 {
  left:1px; 
  top:528px; 
  z-index:20;
  }
#imap #vid5 {
  left:391px; 
  top:84px; 
  z-index:20;
  }
#imap #vid6 {
  left:391px; 
  top:234px; 
  z-index:20;
  }	
#imap #vid7 {
  left:391px; 
  top:379px; 
  z-index:20;
  }	
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video1 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent-leftcolumn.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video2 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent-leftcolumn.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
	
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video3 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent-leftcolumn.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }	
	
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video4 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent-leftcolumn.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }		
	
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video5 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }		
	
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video6 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }		
	
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#video7 {
  display:block; 
  width:379px; 
  height:100px; 
  background:transparent url(../images/vidtransparent.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }		
	

	
/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }

	/* move the link background image to position 0 0 when hovered */
#imap a#video1:hover, #imap a#video2:hover, #imap a#video3:hover, #imap a#video4:hover, #imap a#video5:hover, #imap a#video6:hover, #imap a#video7:hover {
  background-position:0 0;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:30px;
	top:48px; 
  display:block; 
  font-family:arial; 
  font-size:10px; 
  background:#000000; 
  color:#ffffff; 
  border:1px solid #000; 
  padding:3px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:45px; w\idth:45px;
  }


	
	

DIV.footer-background
{
position: relative;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
height: 232px;
width: 780px;
text-align: left;
}

DIV.footer-text
{
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #f79b5d;
position: relative;
top: 32px;
left: 0px;
padding-top: 3px;
padding-left: 11px;
}

DIV.footer-text a
{
text-decoration: none;
color: #f79b5d;
position: relative;
top: 32px;
left: 0px;
font-size: 11px;
padding-top: 3px;
padding-left: 11px;
}


.footer-text a:hover {text-decoration: none; color: #1897b6; font-size : 11px; font-weight : bold;}