.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;}

#slider a.ovalbutton{background:#293b49;display: block;float: left;padding: 5px 10px; /* Width of left menu image */margin-right:2px;text-decoration: none;}
#slider a:hover.ovalbutton {color: #ffffff; background:#5f9baf;text-decoration: none;}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;}



#slidewrap {width: 960px;margin: -1px 0px 0px 0px;padding:0px}
#slidewrap p{padding:10px 50px 0px 50px;color:#293b49;margin-bottom:0px;}
#slidewrap h1.specfont { font-family: "romeral", sans-serif;padding-left:10px;padding-top:0px;margin:0px 0px -15px 0px;color:#293b49; font-size:23px;}
#intro {padding:5px 10px;margin:0px;}
#intro p{padding:0px 50px 0px 50px;color:#293b49}

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

.scroll { height: 290px;width: 960px;overflow: auto;overflow-x: hidden;position: relative;clear: left;background: #FFFFFF;border-top: 1px solid #CCC;}

.scrollContainer div.panel {padding: 5px 30px;width: 890px;}

#shade {background: url(images/shade.jpg) no-repeat center;height: 20px;}

#slider p.slidep{padding: 0px 100px 0px 20px;}
#slider a{color:#5f9baf;text-decoration:none}
#slider a:hover{color:#999999;text-decoration:underline}


ul.navigation {list-style: none;margin: 0px; padding: 0px;padding-bottom: 9px;}
ul.navigation li {display: inline;margin: 0px;padding:0px;}
ul.navigation li a{display: inline;margin: 0px;padding:0px;}

.scrollButtons {position: absolute;top: 150px;cursor: pointer;}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}

.hide {display: none;}