#container {
	position: absolute;
	top: 0px;
	left: 0px;
}

#sidebar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 330px;
	padding-top: 420px;
	padding-bottom: 55px;
	padding-left: 20px;
	padding-right: 0px;
}

#header {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 587px;
	height: 200px;
}

#headerImage {
	position: relative;
	top: 0px;
	left: 0px;
	width: 587px;
	height: 170px;
}

#alert {
	position: absolute;
	top: 30px;
	left: 640px;
}

#menu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 587px;
	height: 30px;
}

#content {
	position: absolute;
	top: 200px;
	left: 350px;
	width: 587px;
}

/* #trailer {
	position: absolute;
	top: 10px;
	left: 54px;	
} */

/* 	Everything after this is for the slider
	It might not all be necessary */

#slider {
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 380px;
    width: 587px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 360px;
    width: 547px;
}

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

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

ul.navigation a {
    padding: 10px;
}

.scrollButtons {
    cursor: pointer;
}

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

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

.hide {
    display: none;
}

td {
	padding: 5px;	
}