/* Generic Selectors */ 
body { 
font-family: arial, Helvetica,sans-serif; 
color: #333333; 
background: none;
width: 760px;
margin: auto;
} 

h1 { 
font-size: 140%; 
font-weight: bold; 
color: #C63200; 
margin: 0; 
} 

h2 { 
font-size: 120%; 
font-weight: bold; 
color: #C63200; 
margin: 0; 
} 

h3 { 
font-size: 110%; 
font-weight: bold; 
color: #C63200; 
margin: 0; 
} 

h4 { 
font-size: 100%; 
font-weight: bold; 
color: #C63200;
margin: 0; 
} 

h5 { 
font-size: 100%; 
font-weight: bold; 
margin: 0; 
} 

h6 { 
font-size: 90%; 
font-weight: bold; 
color: #C63200; 
margin: 0; 
} 

/**************** Pseudo classes ****************/ 
li { 
text-decoration: none; 
}

li :link { 
text-decoration: none; 
font-weight: bold; 
}

li :visited { 
text-decoration: none; 
}

li :hover, li a:focus, li :active, li.current :visited { 
text-decoration: none; 
color: #C63200; 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px;
border-bottom-style: solid; 
border-bottom-color: #C6EC8C; 
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
    background-color: inherit; 
 font-style: italic;
}

 

#LeftNav li :hover, #LeftNav li a:focus, #LeftNav li :active, #LeftNav li.current :visited { 
display: block; 
}


#LeftNav li, #TopNav li {
  font-weight: bold;
}

/************************* ID's *************************/ 

#Index_Header {
  width: 760px; 
  height: 152px;
}
#Header {
  width: 760px; 
  height: 85px;
}

#Photos {
  width: 760px; 
  text-align: center;
}

#Footer {
float: left;
border: none;
margin-top: 32px;
width: 760px;
text-align: center;
}

#Footer img {
  border: none;
}

#TopNav {
  padding-bottom: 5px;
  border-bottom: 1px solid #FF9B00; 
}

#TopNav ul {
  margin: 0 0 0 200px;
}

#TopNav li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}


#LeftNav {
  float: left;
  width: 180px; 
  height: 150px;
  margin: auto;
  padding-left: 0px; 
  padding-right: 5px;
  text-align: right; 
}

#LeftNav ul {
  margin-top: 20px;
}


#LeftNav li {
  list-style-type: none;
  padding-bottom: 5px; 
}

#Content {
 float: left;
 width: 560px;
 padding-left: 5px; 
 margin: auto; 
 border-left: 1px solid #FF9B00; 
}

#Events {
  float: right;
  width: 200px;
  border: ridge;
  text-align: left;

}

#Contact1 {
  float: left;
  width: 45%;
  text-align: left;

}

#Contact2 {
  float: right;
  width: 45%;
  text-align: left;

}