body { margin: 0; padding: 0;  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; background: #000 url(images/bg.jpg) repeat-x ; }

#wrapper { width: 960px; margin: 0 auto; }

#topspot { position: absolute; left:50px; top:80px; background: #C68D4C ; border: 1px solid #555; }
#topspot img { background: none; padding: none; border: none;}
ul.topnav { list-style: none; margin: 0; padding: 2px; }
a:hover {background:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; width:130px; text-decoration: none;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #777; background:#044; color:#fff; font-weight: normal; font-size: 0.9em; margin-left: -20px; margin-top: 20px; Z-index: 10;}

#header { padding-bottom: 20px;  width: 870px; margin: 0 auto;}

#header h1 { float: left; font: bold 2.7em Georgia, "Times New Roman", Times, serif; display: block; color: #0075FF; text-shadow: 1px 1px 2px #FFA; text-align: left; margin: 10px 0 0 20px;}

#header h3 { float: right; font: bold 1em Georgia, "Times New Roman", Times, serif; color:#0075FF; text-shadow: 1px 1px 1px #0075FF; margin: 10px 20px 0 0;}

#footer h3 {  font: bold 1em Georgia, "Times New Roman", Times, serif; color:#0075FF;}
#footer {background: #FFE2CF url(images/cork-bg.png) ; text-align: center; color:#0075FF; font-weight: bold; text-shadow: 1px 1px 1px #777;}
#innerfooter { height: 80px; width: 870px; margin: 0 auto; }

#footnav {font-size: 1.5em; text-align: center;}

#intro span {color: #222; text-shadow: 1px 1px 1px #F0F;}

.rightdiv {float:right; width: 310px;}
.right2div {float:right; width: 250px;}
.leftdiv {float:left; width: 220px;}
.left2div {float:left; width: 300px;}

.leftdiv h3, .rightdiv h3 {margin: 0 0 0 10px; padding: 0;}

.bord {padding: 2px; background: #555; -moz-box-shadow: 2px 2px 5px #222; -khtml-box-shadow: 2px 2px 5px #222; -webkit-box-shadow: 2px 2px 5px #222;}

.scroll h2 { margin: 0; margin-bottom: 14px; padding: 0; text-shadow: 1px 1px 1px #777; color: #00A76A; font-weight: bold; text-align: center; font-size: 2em;}

.scroll h3 { color: #0075FF; text-shadow: 1px 1px 1px #777;}

.scroll h4 { color: #F00; margin: 0 0 10px 20px; text-align: right; text-shadow: 1px 1px 1px #aaa;}

.scroll h5 {color: #00F; font-size: 1em; margin: 0; padding: 0; text-shadow: 1px 1px 1px #777; font-weight: bold;}

span.clear     { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }

#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 600px;
    width: 900px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	background: #FFE2CF url(images/cork-bg.png) ;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 10px #444;
	-webkit-box-shadow:0 0 10px #444;
	z-index: -100;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 580px;
    width: 860px;
}



ul.navigation {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    padding-bottom: 9px;
}

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

ul.navigation a {
    padding: 10px;
    color: #ffa;
    text-decoration: none;
	text-shadow: 1px 1px 1px #aaa;
	font-weight: bold;
	font-size: 1.1em;
}


ul.navigation a.selected , ul.navigation a:hover { background: #FFE2CF url(images/cork-bg.png) ; z-index: 10; -moz-border-radius-topleft: 8px;-khtml-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -khtml-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top: 1px solid #999; border-right:1px solid #999; border-left:1px solid #999; color: #00A76A;	}

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

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

.scrollButtons.left {
    left: -30px;
}

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

.hide {
    display: none;
}

.welcome h2 {font: bold 1.2em/1.3em Helvetica, Sans-Serif; color:#F00; margin: 10px 5px 5px 15px; }
.welcome span {font: bold 1em/1.3em Helvetica, Sans-Serif; color:#00F;}

div.scrollingHotSpotLeft { min-width: 75px; width: 10%; height: 100%; background-image: url("big_transparent.gif"); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0pt; cursor: url("cursor_arrow_left.cur.txt"), url("cursor_arrow_left.cur.html"), w-resize; }
div.scrollingHotSpotLeftVisible { background-image: url("arrow_left.gif"); background-color: rgb(255, 255, 255); background-repeat: no-repeat; opacity: 0.35; }
div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-image: url("big_transparent.gif"); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0pt; cursor: url("cursor_arrow_right.cur.txt"), url("cursor_arrow_right.cur.html"), e-resize; }
div.scrollingHotSpotRightVisible { background-image: url("arrow_right.gif"); background-color: rgb(255, 255, 255); background-repeat: no-repeat; opacity: 0.35; }
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea { position: relative; width: auto; height: 100%; }

#logoParade
	{
		width: 600px;
		height: 75px;
		position: relative;
		margin: 10px 0 0 120px;
		border: 4px ridge #481D0A;
		-moz-box-shadow: #111 3px 3px 3px;
        -webkit-box-shadow: #111 3px 3px 3px;

	}

	#logoParade div.scrollableArea img
	{
		float: left;
		
	}