/* !!! WIDTH OF SLIDER SET IN code-slider.js !!! */
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 898px;
	padding-top:10px;
    margin: 0 auto;
    position: relative;
}

#intro{
	text-align:center;
	font-weight:bold;
}

.scroll {
    height: 470px;
    width: 798px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
	left:75px;
    clear: left;
    /*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}
.scrollContainer div.panel {
	padding:23px 53px 22px 44px;
	height: 470px;
    width: 700px;
}

ul.navigation {
    list-style: none;
    margin: 0 auto;
	width:896px;
    padding: 0;
	text-align:center;
    padding-bottom: 9px;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;	
}

ul.navigation li {
    display: inline;
	padding:0px;	
}

ul.navigation li.linebreak{
	padding:0px;
}

ul.navigation a {
    padding: 5px;
  	color:navy blue;
    text-decoration: none;
}

ul.navigation div{
	font-size:14px;
	padding-top:5px;
}

ul.navigation a:hover {
    /*background-color: #f6f6f6;*/
	color:#df004d;
}

ul.navigation a.selected {

	color:#df004d;
}

ul.navigation a:focus {
    outline: none;
}

/* LEFT AND RIGHT ARROWS 
------------------------------*/

.scrollButtons {
    position: absolute;
    top: 265px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 35px;
}

.scrollButtons.right {
    right: -25px;
}

.hide {
    display: none;
}