@import "importStyle.css";


* {margin: 0; padding: 0;}
html {}
body {margin: 10px 5%;
  padding: 0;
  xborder: 1px solid red;
  background-color: #eee;
  font: 1em/160%;
  xxbackground-image: url("../Images/brushed_metal2.png");
  
}
h1, h2, h3, h4, h5, h6 {
	padding: 1em 0 0 0;
	margin-bottom: .2em ;
	font-family: sans-serif;}

h2.borders{border: 1px solid black;}
h2{
	border-bottom: 2px solid #aaf;
	color: #00f;
	letter-spacing: .2em;
	font-weight: 200;
	font-size: 1.2em;
	}
h3 {
	text-align: left;
	border-bottom: 1px dashed #ccf;
	color: #aaf;
	font-size: 1.1em;
}
h3.borders{border-top: 3px dashed red;}
h4 {
	text-align: center;
	color: #aaf;
	border-bottom: 1px solid #aaf;
	font-size: 1.05em;
	}
h4.borders {border-left: 3em solid blue;
text-align: left; background-color: transparent;}

h3.s1 {
	border-bottom: 1px solid black;
	text-align: right;
	}
h3.s2 {
	border-top: 1px solid black;
	text-align: right;
	position: relative;
	top: -1em;
	background-color: black;
	color: white;
	}
	
p {
	text-indent: 1em;
	line-height: 1.4em;
	margin-bottom: 1em;
	}
#banner p {text-indent: 0;}	
ul {
	padding: 1em 3em;
	margin: 1em 0;
	background-color: #ddf;
	}
#Content {
  margin: 0 auto; padding: 3em;
  clear: both;
  border: 1px solid blue;
  max-width: 30em;
  background-color: white;
  padding-top: 0;
  padding-bottom: 0;
  }
#xbanner {
	background: url(../Images/TheTeam1.90px.jpg) bottom right;
	background: url(../Images/ColumbusSkyline.jpg) bottom right;
	background: url(../Images/skyline200by800.jpg) bottom left;
  	background: url("../Images/CooperStadium.png");
background: url("../Images/ColumbusSkylineNorthBank200px.jpg") no-repeat bottom right;
	height: 200px;
	}

#banner h1 {
 padding: .5em 0 0 0; margin: 0;
 font-family: "Courier New", monospace;
 font-size: 2em;
 color: black;}
 
#banner p {margin: 0; padding: 0;
	}
li + p {margin: 0 0 0 4em;
      padding: 0;
      border: 1px solid black;
      font-size: .8em;
      background-color: pink;
      }
li {margin: 0 0 .2em;
    padding: 0;
    list-style: square;

    }
a {font-size: .9em;
   margin: 0;}
a:link { 
  color: black;}
a:visited {color: #333;}
a:hover, a:focus {
  xbackground-color: #ddf;}
  
#MainNav {
clear: both;
padding: 0; margin: 0;
margin-top: 1em;
 }
 
#MainNav li {
 list-style: none;
 font-size: 80%;
 line-height: 1.2em;
 display: block;
 float: left;
 padding: 0;
 border: none; 
}
#MainNav li:hover,
#MainNav li:focus {
  margin-top: 0;

}
#MainNavContainer {
margin: 0; padding: 0;
border-bottom: 1px dashed black;

}
#MainNav li a {
 text-decoration: none;
 display: block;
 padding: .5em .5em .1em; margin: 0;
 xbackground-color: #aaa;
 /* new look */
 border-bottom: 5px solid red;
 margin-right: 5px;
 }
#MainNav li a:hover {
 text-decoration: none;
 display: block;
 margin: 0 5px 0 0;
 border-bottom: 5px solid black;
 }
ul#footerMenu {
	margin: .5em auto;
	width: 95%;
	background-color: #ffc;
	text-align: center;
	}
ul#footerMenu li{
	display:inline;
	font-size: .6em;
	padding: 0 2em;
	}

ul#SiteGallery li {
  list-style: none;
}

ul#SiteGallery li img {
 border: 2px solid green;
 float: left;
 clear: left;
}   
ul#SiteGallery li p {
 xclear: both;
}
#SubNav {
xclear: both;
padding: 0; margin: 0;
margin-top: 1em;
float: right;
display: none;
 }
#SubNav li {
 list-style: none;
 font-size: 80%;
 line-height: 1.2em;
 display: block;
 xfloat: left;
 border-top: 2px solid black;
 border-bottom: none;
 border-left: 1px solid blue;
 border-right: 1px solid black;
 margin-top: .5em;
 padding: 0;
 margin-right: 2px;
 
 /* new look */
 border: none;
 margin-right: 0;
 
}
#SubNav li:hover,
#SubNav li:focus {
  margin-top: 0;
  padding-top: .5em;
}
#SubNavContainer {
margin: 0; padding: 0;
border-bottom: 1px dashed black;

}
#SubNav li a {
 text-decoration: none;
 display: block;
 padding: .5em; margin: 0;
 xbackground-color: #aaa;
 /* new look */
 
 border-bottom: 5px solid transparent;
 }
#SubNav li a:hover {
 text-decoration: none;
 display: block;
 xpadding: .5em 0 0; margin: 0;
 xbackground-color: #eee;
 
  /* new look */
 background-color: #aaa;
 border: none;
 border-bottom: 5px solid black;

 }
input, textarea {display: block; clear: left;}
label {font-size: .8em;}

img#NYTimes {
	border: 2px solid black;
	margin: 1em auto;
	}