/* 
Setting the base font size at 100.1% in the html 
and body elements deals with the incorrect handling 
of scaleable font sizing in IE
*/
html, body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	width: 100%;
}


body {
	background-color: #131E1A;
	color: #CDD3D3;
}


/*=== BASE STYLES === */
p	{
	font-size: 0.85em;
}

a:link						{ font-weight: bold; color:#A12E29; text-decoration: none; }
a:visited					{ color: #A12E29; }
a:hover						{ color: #A12E29; text-decoration: underline; }
a:active					{ color: #A12E29; }
ul, li						{ list-style-type: none; }
li							{ font-size: 0.8em; }
img							{ border: 0; }

h1	{
	font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #A4A2A3;
	 }							
							
h2	{
	font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em; 
	color: #A4A2A3;
	 }

h3	{
	font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #A4A2A3; }
	
.small	{
	font-size: 0.8em;
	line-height: 1.15em;
}


/* LAYOUT Styles */

#content	{
	margin: 0;
	padding: 0 10px 0 300px;
	width: 65%;
}


#nightladder	{
	background-color: #131E1A;
	background-image: url(images/wordle_NL.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0;
	padding: 0;
}

#perrault	{
	background-color: #131E1A;
	background-image: url(images/wordle_Perrault.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0;
	padding: 0;
}


#twelveLabours	{
	background-color: #131E1A;
	background-image: url(images/wordle_twelve.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0;
	padding: 0;
}

.floatR	{
	float: right;
	padding-bottom: 40px;
	padding-left: 20px;
}

.floatL	{
	float: left;
	padding-bottom: 40px;
	padding-right: 10px;
}

/* TOP NAVIGATION Styles */

#topnav ul 
{
padding: .2em 0;
margin: 0 0 0 250px;
list-style-type: none;
background-color: #A2A6A5;
color: #FFF;
width: 70%;
font: normal 90% arial, helvetica, sans-serif;
}

#topnav ul li { display: inline; }

#topnav ul li a
{
text-decoration: none;
color: #FFF;
padding: .2em 2.5em;
border-right: 1px solid #fff;
}

#topnav ul li a:hover
{
	background-image: url(images/newHand25.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#topnav ul li a:active
{
color: #fff;
	background-image: url(images/newHand25.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#topnav ul li.right a
{
text-decoration: none;
color: #FFF;
padding: .2em 2.5em;
border: 0;
}

/*ACTIVE PAGE NAVIGATION Styles */
ul li.perrault a,
ul li.twelveLabours a,
ul li.about a,
ul li.links a,
ul li.angela a,
ul li.gwenn a,
ul li.lisa a,
ul li.home a   {
	background-image: url(images/newHand25.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* LEVEL 2 NAVIGATION Styles */

#L2 ul 
{
padding: .2em 0;
margin: 0 0 0 250px;
list-style-type: none;
background-color: #A2A6A5;
color: #DDD9D9;
width: 70%;
font: normal 90% arial, helvetica, sans-serif;
}

#L2 ul li { display: inline; }

#L2 ul li a
{
    text-decoration: none;
	color: #DDD9D9;
	padding: .2em 2.2em;
    border: 1px solid #fff;
	font-size: 0.9em;
}

#L2 ul li a:hover
{
	background-image: url(images/newHand20.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#L2 ul li a:active
{
color: #fff;
	background-image: url(images/newHand05.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*L2 ACTIVE PAGE NAVIGATION Styles */
ul li.angela a,
ul li.gwenn a,
ul li.lisa a   {
	background-image: url(images/newHand20.gif);
	background-position: left center;
	background-repeat: no-repeat;
}



/* BOTTOM NAVIGATION Styles */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { 
display: inline;
 }

#navcontainer ul li a
{
	padding: .2em 1.5em .2em 2.5em;
/*	background-color: #A72C25;
*/	color: #A5A8A8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
}

#navcontainer ul li a:hover
{
text-decoration: underline;
 }