﻿
html {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0 0 0 0;
	}
img {
	border: 0;
}
.wrapper {
	padding: 10px;
	width: 620px;
	margin: 20px 20px 20px 220px;
	background-color: aliceblue;
	padding-left: 15;
	padding-right: 15;
}

.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:1%;
	line-height:0;
	visibility:hidden;
}


.btn1, .btn2, .btn3, #newsletter input {
	background: url(../images/interface.png) no-repeat;
}
.btn1, .btn2, .btn3 {
	color: #fdfdfd;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: -3px 0 3px #053131;
	text-transform: uppercase;
}
.btn1 {
	background-position: 0 0;
	height: 34px;
	line-height: 34px;
	width: 202px;
	padding: 0 3px 9px;
}
.btn2 {
	background-position: 0 -53px;
	height: 37px;
	line-height: 37px;
	width: 216px;
	padding: 0 3px 8px;
}
.btn3 {
	background-position: 0 -108px;
	font: 22px/49px Georgia, "Times New Roman", Times, serif;
	height: 49px;
	width: 222px;
}
.btn1:hover {
	background-position: -222px 0;
}
.btn2:hover {
	background-position: -232px -53px;
}
.btn3:hover {
	background-position: -232px -108px;
}


/*------------------------------ HEADER ------------------------------*/
#header {
	height: 320px;
	margin: 0 0 0px 5px;
	float: right;
}

/** Logo **/
#logo {
	
	margin-top:25px;
	padding:15px 15px 10px 215px;
	
}

/** Navigation **/
#navigation {
	height: 42px;
	float:left;
	margin:10px;
	padding:10px 0px 10px 30px;
			}
#navigation ul {
	background-position:center;
	background-color: #F5F5F5;
	display: inline-block;
	height: 40px;
	width: 1115px;
	list-style: none;
	margin: 7px;
	padding: 3px 3px 3px 3px;
}
#navigation li {
	float: left;
	font-size: 18px;
	line-height: 42px;
	margin:3px 5px;
	text-align: center;
	padding:1px 5px 3px 15px;
	height:25px;
}
#navigation li.first {
	margin-left: 0;
	
}
#navigation li.selected {
	background-color: #b7c2c8;
}
#navigation a {
	color: #092f44;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
	
}
#navigation a:hover {
	color: #0a2d43;
	border: 1px #AE9906 outset;
	width:55px;
	height:35px;
}

/** Schedule **/
#mainSchedule {
	background-color: gray;
	visibility: visible;
}
#MainSHbox {
	width: 477px;
	height: 70px;
	margin-left:225px;
	padding-bottom: 20px;
}
#SchButton {
	margin: 280px 10px 10px 50px;
	width: 950px;
}

#mainSH {
	margin-left: 10px;
	margin: 16px 0 0 15px;
	background-color: #F0F0F0;
	float: left;
	padding: 10px;
	color: #333333;
	height: 266px;
	width: 886px;
	overflow: hidden;
}
#Schimages {
    position:relative; 
}

#Schimgleft {
    float:left; 
    margin-left:30px;
    width:220px; 
} 

#Schimgcenter {
    margin: 0 auto;
    width:220px;
}
#Schimgright {
    /* easier than float:right, but that could work too with some tweaking */
    position:absolute;
    top:0;
    right:30px;
    width:220px; 
}

#mainSH ul {
display:inline-block;
height:185px;
width:908px;
	}
	
#mainSHBl {
	overflow: hidden;
	color: #202020;
	margin-left: 45px;
	height: 186px;
}	

#mainSHBL ul {
	display:inline;
	
}

#mainSHBL li {
	display:inline;
}
