@charset "utf-8";
/*
---------------------------------------
Project: Lighthouse School
Copyright 2008: bendesmond.com
Creation Date: 4 June 2008
---------------------------------------
*/

/* Page Setup */
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #4A402A;
	margin: 0px;
	padding: 0px;
	background: url(../images/lighthouse-bg.jpg) #bb7d37;
}
#universe {
	background: url(../images/page-bg.gif) repeat-x;
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 808px;
	text-align: left;
	background-image: url(../images/avondale-bg.gif);
	background-repeat: repeat-y;
}
#page {
	background: url(../images/paper-bg.gif) repeat-y #FFFFFF;
}

/* Content */
#content {
	margin: 0px 50px 0px 150px;
	padding-top: 30px;
	clear: both;
	color: #5a5a5a;
}
#content p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0px;
}
#content ul {
	font-size: 1.2em;
	line-height: 1.6em;
}
#content ol {
	font-size: 1.2em;
	line-height: 1.6em;
}
#content p.green {
	color: #4f6e18;
	font-weight: bold;
}
#content p strong {
	color: #a0b324;
}
#content h1 {
	color: #4f6e18;
	font-weight: bold;
}
#content h2 {
	color: #4f6e18;
	font-weight: bold;
}
#content a {
	color: #a0b324;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #a0b324;
	font-weight: bold;
	text-decoration: underline;
}
.image-left {
	float: left;
}
.image-left-pr15 {
	float: left;
	padding-right: 15px;
}
.image-left-neg100-pr15 {
	float: left;
	margin-left: -100px;
	padding-right: 15px;
}

/* Main Navigation */
#mainmenucontainer {
	width: 808px;
	height: 30px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background: url(../images/lighthouse-menu-bg.gif) repeat-y right top;
}
#mainmenu {
	text-align: center;
	background: #FF00FF;
}
#mainmenu ul {
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 1.2em;
	list-style: none;
	text-transform: lowercase;
}
#mainmenu li {
	float: left;
}
#mainmenu li a {
	display: block;
	float: left;
	padding: 0 10px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	background: url(../images/nadar-menu-divider.gif) no-repeat right top;
}
#mainmenu li a:hover {
	color: #FFFFFF;
	background: #a7c360;
}


/* Menu Centred */
ul {
  text-align:left;
  font-size: 1.2em;
}

#exampleMenu {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#exampleMenu li {
  margin: 0;
  display: -moz-inline-box;  /* for Mozilla based browsers */
  display: inline-block;
  /* IE5/Mac needs these to have a set width. Change it when necessary. */
  /* start for IE5/Mac only \*//*/
    width: 5em;
  /* end for IE5/Mac only */
}

#exampleMenu li a {
  display: block;  /* for Mozilla based browsers */
  display: inline-block;
  padding: 0 10px;
  /*border: 1px solid #666;
  background-color: #ddd;*/
  text-decoration: none;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  background: url(../images/lighthouse-menu-divider.gif) no-repeat right top;
}
#exampleMenu li a:hover {
  background-color: #a7c360;
  text-decoration: none;
  color: #FFFFFF;
}




/* Footer */
#footer {
	width: 808px;
	height: 129px;
	clear: both;
	background: url(../images/paper-bottom.gif) no-repeat #FFFFFF;
}
#footer p {
	margin: 0px;
	padding: 103px 105px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 0.8em;
	color: #3a5111;
}
#footer a:link {
	color: #3a5111;
	text-decoration: none;
}
#footer a:visited {
	color: #3a5111;
	text-decoration: none;
}
#footer a:hover {
	color: #3a5111;
	text-decoration: underline;
}