/*
CSS for Bedard Hammers Site
*/

* { 
margin: 0;
padding: 0;
border: none; }




/*
GENERAL SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

html, body {
  height: 100%; }

body {
  font-family: Arial, sans-serif;
  line-height: 120%;
  font-size: 75%;
  background-color: #000000; }

h1, h2, h3 {
  font-family: Georgia, sans-serif;
  font-weight: normal;
  text-align: center; }

h1 {
  font-size: 4em;
  color: #92694B;
  padding-top: .42em;
  padding-bottom: .35em; }

h2 {
  font-size: 3em;
  color: #E89A00;
  padding-top: .4em;
  padding-bottom: .4em; }

h3 {
  font-size: 1.5em;
  color: #92694B;
  padding-top: .4em;
  padding-bottom: .4em;
  margin-top: 1em; }

h4 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  color: #000000;
  padding-bottom: 1em; }

p {
  margin-top: 1em;
  font-size: 1.2em;
  color: #000000; }

ul {
  margin-top: 1em;
  font-size: 1.2em;
  color: #000000; }

.center {
  text-align: center; }

.name {
  font-style: italic; }

.nametitle {
  font-weight: bold; }

.chart {
  margin: 25px;
  margin-left: 46px;
  border: 2px ridge #aaaaaa; }

#movie {
  text-align: center;
  margin-top: 4em; }




/*
CONTAINER SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#container {
  width: 1000px;
  margin: 0 auto;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background-color: #BCD5FF; }




/*
HEADER SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#header {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  background: #92694B url('Files/Header.jpg'); }

#header ul {
  height: 1.5em;
  width: 43.5em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3em;
  background-color: #000000;
  list-style-type: none; }

#header ul li {
  padding-left: 3em;
  padding-top: .3em;
  padding-bottom: .3em;
  float: left; }

#header a {
  text-decoration: none;
  padding: 2px; }

#header a:link {
  color: #E89A00; }

#header a:visited {
  color: #E89A00; }

#header a:hover {
  color: #991010; }

#header a:active {
  color: #670500; }




/*
BODY SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#bodycontent {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7em;
  padding-bottom: 2em; }

#bodycontent p {
  width: 40em;
  margin-left: auto;
  margin-right: auto; }

#bodycontent ul {
  padding-left: 1.3em;
  width: 15.9em;
  margin-left: auto;
  margin-right: auto; }

#bodycontent li, #columncontent li {
  margin-top: .5em; }

#columncontent {
  position: absolute;
  top: 23em;
  width: 920px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #BCD5FF; }

#columncontent p {
  width: 550px;
  float: left;
  margin-top: 0em;
  padding-bottom: 1em; }

#columncontent img.leftcolumn {
  float: left;
  margin-bottom: 1em; }

#columncontent ul {
  width: 250px;
  float: left;
  margin-top: 0em;
  padding-bottom: 1em;
  padding-left: 150px;
  padding-right: 150px; }

#rightcolumn {
  width: 320px;
  float: right; }

#rightcolumn h4 {
  width: 320px; }




/*
HOMEPAGE SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#homebody {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5em; }

#hometitle {
  width: 960px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #BCD5FF url('Files/Hammers.jpg'); }

#slogan {
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2em;
  background-color: #C6AE8C;  
  border: 2px ridge #777777; }

#slogan p {
  font-family: Times, "Times New Roman", sans-serif;
  font-size: 1.5em;
  text-align: center;
  font-style: italic;
  line-height: 110%;
  margin: 0;
  padding: 10px; }

p.verse {
  font-family: Verdana, sans-serif;
  font-size: 1.5em;
  text-align: center;
  font-style: italic;
  color: #991010;
  margin-top: 2em; }

h1.hometitle {
  padding-top: 110px;
  font-style: italic; }

h1.hometitle2 {
  font-size: 3em;
  padding-top: 330px; }




/*
LINKS SECTION|||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

a {
  color: #991010; }

a:link {
  color: #991010; }

a:visited {
  color: #991010; }

a:hover {
  color: #670500; }

a:active {
  color: #666666; }