Index.html

<style type="text/css">
/*****Inline Styling to override and position Search Bar in Center of Page*****/
   a:link, a:active, a:visited, a:hover {
	   color:#006FD1;
	   text-decoration:none;
   }
   
#search {
    height: 44px !important;
    background-color: white !important;
    margin: 50px -74px !important;
    overflow: visible;
    border-bottom: none !important;
}

#search_content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 7px 0 0 100px !important;
    clear: both;
}
  
.search_content_box_noresults {
border: 1px solid #7F9DB9;
width: 450px !important;
margin: 0 15px 0 0;
height: 30px !important;
font-size: 18px !important;
}
   
.search_content_button {
height: 32px !important;
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 18px !important;
text-align: center;
color: white;
background-color: steelBlue;
border: 1px solid;
padding: 5px 6px 3px 5px !important;
margin: 0 5px 0 0 !important;
cursor: pointer;
border-color: midnightBlue;
}
/*Search Button*/

#search_content_text {
/*color: black;
font-family: Arial;
font-size: 18px !important;
font-weight: bold;
margin: 10px 5px 0 0 !important;*/
display:none; 

}   

/*Advanced Search*/
.action_link_10 {
font-family: Verdana;
font-size: 18px !important;
font-weight: normal;
color: #006FD1;
font-style: normal;
text-decoration: none;
padding: 10px 15px !important;
}


#adv_search {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f6f6f6;
display: none;
border: solid #333333 2px;
padding-bottom: 20px;
margin-top: -40px !important;
width: 910px;
margin-left: 30px;
margin-bottom: 10px;
}
/*#top_content {
margin: 0 30px 0 30px;
min-width: 960px;
display: none !important;
}*/

#breadcrumb_top {
padding: 14px 0 24px 0;
vertical-align: middle;
overflow: hidden;
min-width: 811px;
text-overflow: ellipsis;
display: none;
}
#backToTopLink {
	display: none !important; 
}

.clearall {
	clear:both
}
</style> 
<div class="dpu_portalbox_outer">
<div class="carousel_psul carouselpar">
<div id="carouselcontainer">    
    <div id="carousel">
    <h2 id="carousel_title"></h2>
        <div class="prev">&nbsp;</div>
        <div class="next">&nbsp;</div>
        <ul>
        
        <!--Add Images, Title and Text in li tags for each collection you would like to list in the slideshow-->
        <!--Image Width is set to 980px-->
        
        <li>
              <a href="http://www.google.com">
              <img class="screenshot" alt="DePaul University Buildings" src="http://c679.r79.cf3.rackcdn.com/VR000002244.jpg" />
              <span class="text-box">
                <span class="title">Title of your Collection</span>
                <span class="description"></span>
                <span class="more"></span>
              </span>
             </a>
            </li>
        <li>
              <a href="http://www.google.com">
              <img class="screenshot" alt="DePaul University Buildings" src="http://imperialsenate.files.wordpress.com/2011/08/cropped-imperial-senate2.jpg" />            
              <span class="text-box">
                <span class="title">Title of your Collection</span>
                <span class="description"></span>
                <span class="more"></span>
              </span>
             </a>
            </li>
    
              <li>
              <a href="http://www.google.com">
              <img class="screenshot" alt="Geographic Image Collection" src="http://www.jeffreygrossman.com/images/front1.jpg" />            
              <span class="text-box">
                <span class="title">Title of your Collection</span>
                <span class="description"></span>
                <span class="more"></span>
              </span>
             </a>
            </li>
        </ul>
    <div id="carousel_ltail"></div>
    <div id="carousel_rtail"></div>
    </div>
</div>
</div>
<!--End of Carousel-->
<div style="clear:both"></div>  
 
  <div class="dpu_portalbox_inner">
  <div class="dpu_portalbox_inner_left">
  <!--Collection Container-->
  <div class="dpu_portalcontainer">
  <div class="dpu_portalcontainertitle">
    <h3 class="dpu_portalcontainertitle">1st Tier Collections</h3></div>
  <div class="dpu_portalcontainerleft"><img class="img.dpu_portalcontainerleft" src="http://img.gawkerassets.com/img/17ivxtuz6hreijpg/medium.jpg"  />
  </div>
  <div class="dpu_portalcontainerright"><ul>
  <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 1</a></li>
   <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 2</a></li>
    <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 3</a></li>
     <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 4</a></li>
  </ul></div>
 
  </div>
<div style="clear:both"></div>  
  <!--Collection Container-->

  <div class="dpu_portalcontainer" id="2nd_collections">
  <div class="dpu_portalcontainertitle">
    <h3 class="dpu_portalcontainertitle">2nd Tier Collections</h3></div>
  <div class="dpu_portalcontainerleft"><img class="img.dpu_portalcontainerleft" src="http://manoflabook.com/wp/wp-content/uploads/2011/04/640px-Bookshelf_Prunksaal_OeNB_Vienna_AT_matl00786ch-300x200.jpg"  />
  </div>
  <div class="dpu_portalcontainerright">
  <ul>
   <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 1</a></li>
   <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 2</a></li>
    <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 3</a></li>
     <li><a href="/cdm/landingpage/collection/collection1" title="Collection1">Collection 4</a></li>
  
  </ul></div></div>
 
  </div>
 
  <div class="dpu_portalbox_inner_right">
  <div class="abouttextportal">
<h3>About</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate elementum risus, sit amet congue felis pellentesque at. Nunc tempus nisl quis dui posuere at pulvinar nibh pretium. Praesent vel dolor urna, non elementum ipsum. Sed ac lorem id metus vestibulum auctor et nec nisi. Phasellus blandit nisi in enim varius a dictum nulla luctus. Cras quis odio vel enim semper mollis. Pellentesque arcu ligula, cursus quis auctor ut, consectetur ac quam.
</p>
  </div>
  </div>
  </div>
  </div>