.thrColFixHdr #container #mainContent #Gallery {
	height: 525px;
	padding-right: 20px;
}

.thrColFixHdr #mainContent #Gallery  #table {
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	height: 63px;
}

.readmore {
	vertical-align: text-bottom;
}
/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */
.SlidingPanels {
	margin: 0;
	width: 535px;
	height: 63px;
	position: relative;
	margin-left: 50px;
	padding: 0;
}

/* This is the selector for the container that holds all of the content panels
 * for the widget. The SlidingPanelsContentGroup container is what gets programtically
 * positioned to create the slide animation. It is also what governs the layout of
 * the panels.
 *
 * By default, the width of the container is the same as its parent, the SlidingPanels
 * container.
 *
 * You can make the panels within the SlidingPanelsContentGroup container layout
 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
 * or larget than the sum of the widths of all of the content panels, and then floating
 * the content panels inside the SlidingPanelsContentGroup container so they all appear
 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
 * containers to insure that none of the content panels "leak" outside of the widget.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContentGroup container.
 */

.SlidingPanelsContentGroup {
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 63px;
	width: 5000px;
	top: 0px;
	left: 0px;
}

/* This is the selector for the container that holds content for a given panel. In our
 * default style implementation, the dimensions of each content panel exactly match the
 * dimensions of the view port (SlidingPanels) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the panel within the widget. You can place border, margins and padding on any content
 * *inside* the content panel.
 *
 * The name of the class ("SlidingPanelsContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContent container.
 */
.SlidingPanelsContent {
	overflow: hidden;
	height: 54px;
	float: left;
	width: 90px;
	padding-top: 7px;
	border: none;
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */

.SlidingPanelsCurrentPanel {
}


/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}
.gallery {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.galleryform      {
	height: 30px;
	width: 400px;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
#wrapper /* The wrapper div encloses the page content and centers it in the page.
   By setting background-color to white, the content remains readable
   even if the body's background image fails to display.
*/
 {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 477px;
	width: 700px;
	padding-left: 40px;
}
#mainPic /* The mainPic div is floated left so that it comes up alongside the
   thumbs div. Its width is set to 492px to fill the remaining horizontal
   space in wrapper div (228 + 492 = 720).
*/
 {
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 600px;
	height: 350px;
}
#mainPic  .MainImg {
	border: 2px solid #CCCCCC;
}
#table {
	width: 635px;
	height: 64px;
	position: inherit;
	margin: 0;
	padding: 0;
	background-image: url(../images/gallery_slice.jpg);
	background-repeat: repeat-x;
}
#Gallery #wrapper #NavWrapper {
	background-image: url(../images/gallery_slice.jpg);
	background-repeat: repeat-x;
	height: 64px;
	width: 635px;
	margin: 0;
	padding: 0;
}
#Previous  {
	float: left;
}
#Next  {
	float: right;
	width: 35px;
}
#thumbs /* The thumbs div has a 20-pixel margin on each side except the right. It
   also has a 4-pixel grooved border, making its overall width 228 pixels.
   It's floated left so that it can sit alongside the mainPic div.
*/
 {
	border: none;
	overflow: hidden;
	width: 535px;
	height: 64px;
	position: relative;
	margin-left: 50px;
}

#thumbs .SlidingPanelsContentGroup a {
	height: 48px;
	float: left;
	border: 2px solid #CCCCCC;
	width: 79px;
}
#thumbs .SlidingPanelsContentGroup a:hover {
	border: 2px solid #9FCC43;
}
#thumbs .SlidingPanelsContentGroup a:focus {
	border: 2px solid #9FCC43;
}
#thumbs .SlidingPanelsContentGroup a:visited {
	height: 48px;
	float: left;
	border: 2px solid #CCCCCC;
	width: 79px;
}
#thumbs .SlidingPanelsContentGroup img {
	border: none;
}
.LinkLT {
	font-size: 9px;
	float: left;
	margin-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.LinkRT {
	font-size: 9px;
	float: right;
	margin-right: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#caption  {
	width: 535px;
	clear: both;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 5px;
	background-color: #999999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#description /* The description div uses the clear property to ensure there's no overlap
   with either of the floated divs above. Using auto for the left and right
   margins centers the div within the wrapper.
*/
 {
	width: 505px;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	text-align: left;
	padding-bottom: 3px;
	padding-top: 5px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-right: 35px;
	overflow: auto;
	height: 200px;
}
.gallery  .close  {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
.label {
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#descText {
	width: 633px;
	padding: 3px;
	overflow: auto;
	background-color: #FFFFFF;
	color: #666666;
}