/* CSS Document */

body {
  background: #AAA url('images/back.gif') repeat-x;
  padding: 20px;
}
<style type="text/css">
scrollbar{
scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f}
</style>

div#promo {

<table align=CENTER border="0" bordercolor="BLUE" cellpadding="3" cellspacing="2">
<tr>
 <td width="147" align="LEFT" valign="middle">
 <span style="font-size: 12pt"><font size="2" color="GRAY">New Roof Nebraska 2011</font>
 
 </span>
 </td>
 <td width=" 750" height="8" align="right" valign="middle">
  <span style="font-size: 16pt"><font color="RED"><marquee behavior="alternate" direction="right" scrollamount="2">Win a Velux Sun Tunnel, Details on our Facebook page, THIS LINK ONLY&rArr;</marquee>
      
 </td>
  <td width="80" height="8" align="right" valign="middle">
   <span 33% </font><font size="2" color="black"><blink>LIKE US ON:</blink></font> 
  </span>
 
 </span>
 </td>
 <td width="5" height="8" align="left" valign="top">
  <span 33% href="http://www.facebook.com/pages/New-Roof-Nebraska/136144636401314" target="_blank">
  <img src="http://newroofinc.com/images/facebook.png" align="center" height="30" width="30" border="0" /> 
 </span>
 </td>
</tr>
</table>

}



h2{
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 5px;
  font: 14px Arial;
  color: #C00;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
  font: 12px Arial;
  color: #AAA;
  line-height: 200%;
  text-indent: 15px;
}

h1 {
  margin-bottom: 10px;
  font: 32px Arial;
  color: #000;
}

h1 strong {
  color: #C00;
  font-weight: normal;
}

a {
  color: #5586DD;
  text-decoration: none;
  border-bottom: dotted #5586DD 1px;
}

a:hover {
  background: #EEE;
}

img#logo {
  float: right;
}



div#logoText {
  padding-top: 9px;
  padding-right: 40px;
  font: 50px Arial;
  color: #FFF;
  border; "0"
}

div#logoEqu {
  padding-left: 0px;
  font: 18px Arial;
  color: #FFF;
}


div#mainMenu a {
  background: #064789;
  text-align: center;
  padding: 7px;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px;
  margin-left: 10px;
  margin-right: 10px;
  font: bold 14px Arial;
  color: #FFF;
  text-decoration: none; 
  text-transform: uppercase;
}

div#mainMenu a:hover {
  color: #AAA;
  position: relative;
  top: 5px;
  border-top: solid #064789 5px;
}

div#logoBack { 
background: url('images/logo_back.jpg') no-repeat;
  width: 1120px;
  height: 235px;
}


div#mainMenu {
  background: url('images/text_back.gif') repeat-y;
  text-align: center;
  width: 1120px;
  height:  50px;
} 


div#contentLayout {
  background: url('images/text_back.gif') repeat-y;
  width: 1120px;
}

div#end {
  background: url('images/end_back.gif') no-repeat;
  margin-bottom: 30px;
  width: 1120px;
  height: 80px;
  font: 10px Arial;
  color: #AAA;
  text-align: center;
}

table#layout {
  border: 0px;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}


table#layout td {
  border: 10px;
  padding: 0px;
  vertical-align: top;
}

div#contentMenu {
  background: #DDD url('images/con_menu_up.gif') no-repeat;
  margin-left: 7px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 314px;
}

div#contentMenu a {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 0px;
  font: bold 12px Arial;
  color: #C00;
  text-decoration: none;
  text-transform: uppercase;
}

div#contentMenu a:hover {
  color: #00C;
  background: #C2D1DE;
}

div.contentText {
  background: #DDD url('images/con_menu_up.gif') no-repeat;
  margin-left: 6px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 314px;
  font: 12px Arial;
  color: #555;
}

div.contentText p{
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 5px;
  font: 12px Arial;
  color: #777;
  line-height: 180%;
  text-indent: 15px;
}

div#content { 
  margin-left: 50px;
  padding-bottom: 30px;
  width: 570px;
}



#container {
    width:600px;
    margin:0 auto 0 auto;
}

#sidebar {
	float:left;
}

#sbText {
    padding:10px 10px 0 10px;
}

#handle {
    float:left;
    width:30px;
}

#content {
    float:left;
    padding:10px;
    border-left:1px solid #000;
}



div.#slide  {
  background: url( "images/logo_back.jpg") #fff no-repeat;
  width: 100%;
  height: 100%;
} 
div.slideContent  {SLIDE THIS
  padding: 2%;
}




/* end of CSS document */
<IFRAME SRC="http://www.skylightspecialist.com/new-roof-nebraska" FRAMEBORDER="0" WIDTH="500" HEIGHT="1200"></IFRAME>

<img src="images/logo_back.jpg" name="slide" width=1110 height=220>


<script type="text/javascript">
<!--
var image1=new Image()
image1.src="images/logo_back.jpg"
var image2=new Image()
image2.src="images/back.gif"
var image3=new Image()
image3.src="images/end_back.gif"
//-->
</script>
</head>
<body>

<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",1500)
}
slideit()
//-->
</script>


__________________<br />&nbsp;

promo {
<!-- Begin Table -->
<table align=CENTER border="0" bordercolor="BLUE" cellpadding="3" cellspacing="2">
<tr>
 <td width="147" align="LEFT" valign="middle">
 <span style="font-size: 12pt"><font size="2" color="GRAY">New Roof Nebraska 2011</font>
 
 </span>
 </td>
 <td width=" 750" height="8" align="right" valign="middle">
  <span style="font-size: 16pt"><font color="RED"><marquee behavior="alternate" direction="right" scrollamount="2">Win a Velux Sun Tunnel, Details on our Facebook page, THIS LINK ONLY&rArr;</marquee>
      
 </td>
  <td width="80" height="8" align="right" valign="middle">
   <span 33% </font><font size="2" color="black"><blink>LIKE US ON:</blink></font> 
  </span>
 
 </span>
 </td>
 <td width="5" height="8" align="left" valign="top">
  <span 33% href="http://www.facebook.com/pages/New-Roof-Nebraska/136144636401314" target="_blank">
  <img src="http://newroofinc.com/images/facebook.png" align="center" height="30" width="30" border="0" /> 
 </span>
 </td>
</tr>
</table>
<!-- End Table -->
}