<!-- 2018 Adaptations -->
.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#YellowBack2018 {
	position:relative;
	background-color:#FFFF66;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#MidFloat {
	position:relative;
	width:90%;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFF66;
}
#Masthead2018 {
	padding-top:5px;
	position:relative;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFF66;
}
#LeftSide {
	position:inherit;
	width:20%;
	background-color:#FFFF66;
	float:left;
}
#Body {
	position:relative;
	width:60%;
	background-color:#FFFF66;
	float:left;
	z-index:1;
}
#RightSide {
	position: relative;
	width:20%;
	float:left;
	background-color:#FFFF66;
}
#Menu {
	position:inherit;
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFF66;
}
.MenuH:hover {
	width:15%
}
#Footer {
	position:relative;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFF66;
}
h1 { 
	font-family:Cabin,sans-serif;
	font-size:50px;
	text-align:center;
	text-decoration:none;
	color:blue;
}
h2 {
	font-family:Cabin,sans-serif;
	font-size:40px;
	text-align:center;
	text-decoration:none;
	color:#000033;
}
h3 {
	font-family:Cabin,Arial,Helvetica,sans-serif;
	font-size:x-large;
	text-decoration:none;
	text-align:center;
	color:#000033;
}
h4 {
	font-family:Cabin,Arial,Helvetica,sans-serif;
	font-size:large;
	text-decoration:none;
	text-align:center;
	color:#000033;
}
h5 {
	font-family:Cabin,Arial,Helvetica,sans-serif;
	font-size:medium;
	text-decoration:none;
	text-align:left;
	color:#000033;
}
h6 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:x-small;
	text-decoration:none;
	text-align:right;
}
blockquote {
	font-family:Cabin,Arial,Helvetica,sans-serif;
	font-size:medium;
	font-weight:bold;
	color:#000033;
	text-align:left;
}
p {
	font-family:Muli,Arial,Helvetica,sans-serif;
	font-size:large;
	color:#000033;
	text-align:left;
}
p.news {
	font-family:"Courier New", Courier, monospace;
	font-size:small
}
img.right {
	float:right;
	margin-left:9px;
}
img.left {
	float:left;
	margin-right:9px;
}
hr {
	color:#FF0033;
}
.framed {
	border-style:solid;
	padding:2px;
	background-color:blue;
}
.news {
	font-family:"Courier New", Courier, monospace;
	font-size:medium
}
.newsblock {
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:small;
}
.divWrapper {
	width:99%;
	float:left;
	padding-bottom:1px;
}
.divColumnSmall{
	width:38%;
	float:left;
	padding-bottom:1px;
}
.divColumnLarge{
	width:60%;
	float:left;
	padding-bottom:1px;
}

/* Section below is for Slide Shows */
.slide-container{
	width:600px;
	height:1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.image-container{
	width:1800px;
	height:863px;
	position:relative;
	left:0px;
	transition:left 2s;
	-webkit-transition: left 2s;
	-moz-transition: left 2s;
	-o-transition: left 2s;
	-ms-transition: left 2s;	
}
.slider-image{
	float:left;
	margin:0px;
	padding:0px;
}
.button-container{
	position:relative;	
}
.slider-buttons{
	display:inline-block;
	height:259px;
	width:180px;
	padding:5px;
}
.slider-buttons2{
	display:inline-block;
	height:104px;
	width:180px;
	padding:5px;
}

#slider-image-1:target ~ .image-container{
	left:0px;
}
#slider-image-2:target ~ .image-container{
	left:-600px;
}
#slider-image-3:target ~ .image-container{
	left:-1200px;
}


/* BELOW THIS COMMENT, ALL STYLES ARE UNUSED */

.intro {
	font-family:Cabin,Arial,Helvetica,sans-serif;
	font-size:large;
	color:#000033;
	text-align:left;
}
.center {
	text-align:center;
}
.small {
	font-family:Georgia,serif;
	font-size:small;
}
.PseudoHeading {
	font-family:Impact,sans-serif;
	font-size:60px;
	text-decoration:none;
	vertical-align:top;
	color:#000033;
}
body {
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFF66;
}
#Masthead {
	position:absolute;
	width:900px;
	height:115px;
	z-index:2;
	background-color:#FFFF66;
}
#BobCartoon {
	position:absolute;
	z-index:2;
	width:133px;
	height:88px;
	top:30px;
	left:50px;
	background-image:url('AllImages/HeaderImages/itsbob.gif');
	background-repeat:no-repeat;
}
#SupeLogo {
	position:absolute;
	width:273px;
	height:111px;
	z-index:2;
	left:350px;
	top:8px;
	background-image:url('AllImages/HeaderImages/supr7.gif');
	background-repeat:no-repeat;
}
#WebID {
	position:absolute;
	width:271px;
	height:39px;
	z-index:2;
	left:730px;
	top:4px;
	background-repeat:no-repeat;
	background-image:url('AllImages/HeaderImages/webtitle7.jpg');
}
.MenuBar {
	position:absolute;
	width:170px;
	height:100px;
	z-index:3;
	left:5px;
	top:150px;
	background-color:#FFFF66;
	font-family:"Comic Sans MS",cursive;
	text-align:center;	
}
#Content1 {
	width:824px;
	position:absolute;
	top:117px;
	left:185px;
	background-color:#FFFF66;
	z-index:3;
}
#Content2 {
	width:824px;
	position:absolute;
	top:117px;
	left:25px;
	background-color:#FFFF66;
	z-index:3;
}  
#SubMain {
	position:relative;
/* Place width in each page */
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	background-color:blue;
}
ul.nav {
	list-style-type:none;
	height:50px;
	width:170px;
	margin:0;
	padding:0;
	line-height:50px;
}
ul.nav a {
	display: block;
	width: 170px;
	height: 50px;
	color: #FFFFFF;
	line-height: 23px;
	text-decoration: none;
	background-image: url('AllImages/HeaderImages/BlueRed.gif');
	background-repeat: no-repeat;
}
ul a:visited {
	color: #33CCCC;
	text-decoration: none;
}
ul a:hover {
	background-position:-170px 0px; 
	color:black;
	text-decoration:underline;
}
ul a:active {
	color:yellow;
	text-decoration:none;
}
ul a.here {
	background-image:url('AllImages/HeaderImages/RedHere.gif');
	text-align:right;
	text-decoration:none;
	color:blue;
}
ul.photos {
	list-style-type:none;
	width:820px;
	margin:3px;
	font-family:"Comic Sans MS";
	font-size:medium;
	text-align:center;
	float:left;
}
ul.photos li {
	float:left;
	display:inline;
}
ul.photos a {
	display:block;
	width:125px;
	height:32px;
	color:black;
	background-image:url('AllImages/2003Photos/gallery/Button.gif');
	background-repeat:no-repeat;
}
ul.photos a:visited {
	color:black;
	background-image:url('AllImages/2003Photos/gallery/Button.gif');
	background-repeat:no-repeat;

}
ul.photos a:hover {
	color:red;
	background-image:url('AllImages/2003Photos/gallery/Button.gif');
	background-repeat:no-repeat;

}
ul.photos a:active {
	color:blue;
	background-image:url('AllImages/2003Photos/gallery/Button.gif');
	background-repeat:no-repeat;
}
div.box {
	height:150px;
	width:150px;
	background-color:#3366FF;
	float:left;
	border-style:outset;
	border-color:#FF3333;
}
img.vertical { 
	margin-top:4px;
	margin-left:20px;
}
img.horiz {
	margin-top:21px;
	margin-left:3px;
}
img.fh {height:400px;}
img.fv {height:600px;}