p.leftAlign {
	text-align:left;
	float:right;
}
p.centreAlign {
	text-align:center;
	float:right;
}
.SubSectiondiv{
	margin-left:30px;
	width: 700px;
	clear: both;
}

.floatbox{
float: left;
width: 700px;
}

* html .SubSectiondiv p{ /* IE 3px jog hack*/
height: 1%;
}
.name {font-weight: bold;
font-size:larger;
}
.SubSectiondiv p{
margin-top: 0;
margin-left:180px;
width:450px;
}
#ThirteenMoonsBotNav{
	clear:both:
}
#navigation
{
	float: left;
	margin-left:30px;
	width: 760 px;
	background:#ffffff;
	border: 1px solid #008080;
	list-style-type: none;
	border-bottom:1px solid #008080;
	border-left:1px solid #008080;
	border-right:1px solid #008080;
	border-top:1px solid #008080;
}

#navigation ul
{
	margin: 10 px;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#008080;
	text-decoration: none;
	border-right:1px solid #008080;
}

#navigation li a:hover {
	color: #0CA6C4;
}
ul.nav {
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	list-style-type: none;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 10px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	color: #008080;
	font-size: 22px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #0CA6C4;
}
#MenuFrench {
	text-align:left;
	position:absolute;
	width:295px;
	height:145px;
	z-index:1;
	left: 378px;
	top: 108px;
	margin-bottom: 10px;
}
#MenuEnglish {
	position:absolute;
	width:369px;
	height:129px;
	z-index:1;
	left: 2px;
	top: 323px;
}