body {font-family: Arial, Helvetica, sans-serif ; background-color: #033a1d; text-align:center;}

h3 {color: #033a1d;
}

a:link {
  color: #82120e;
  font-weight:bold;
  text-decoration: none;
  }
 
a:visited {
  color: #82120e;
  font-weight:bold;
  text-decoration: none;
  }

a:hover {
	color: #ee2f24;
}  
   
#frame {
  text-align: left;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  -moz-border-radius: 15px;
  border-radius: 15px;
  box-shadow: 3px 3px 7px #000000;  
  -webkit-box-shadow: 3px 3px 7px #000000;  
  padding: 10px 10px 10px 10px px;
}

#content {
  padding: 50px 10px 40px 10px;
}

#nav {
	width: 600px;
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0 12px 0px;
	background-color: #82120e;
	list-style: none; 
}

#nav li {
	float: left;  
	padding: 10px 15px 0px 15px;
	position:relative;
	display:block;
}

#nav li a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	display:block;
}

#nav li a:hover {
	color: #ee2f24;
}

#nav li a:visited {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}

#nav ul li{
	padding-top: 0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}

#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}

#nav li:hover ul {  /* Display the dropdown on hover */
	left: 0px; /* Bring back on-screen when needed */
	opacity: 1; /* Fade to opaque */
	margin: 0px 0px 0px -35px;
}

#nav li:hover a  {    /* Set styles for top level when dropdown is hovered */
	background: #82120e; /* Solid colour fall-back */
}

#nav li:hover ul a { /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}

#nav li:hover ul li a:hover  { /* Set styles for dropdown when items are hovered */
	background: #82120e; /* Solid colour fall-back */
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	color: #ee2f24;
}
	
.title {
	position: absolute;
	margin-top: -300px;
	margin-left: 320px;
	}

hr {color: #066D36}

#footer {
	width: 600px;
	height: 50px;
	float: left;
	margin: -59px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background-color: #82120e;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}

#footercontent {
	padding-left: 10px;
	font-size: small;
	color: white;
	font-weight: bold;
	text-align: center;
}