/* CSS Document */

/*This is the body of Lostwonders.com - background, font-types, and base font size*/

body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	background-image: url(design/bg_01.jpg);
	margin: 0;
}

/*Font types for Lostwonders.com*/
	/*Main fonts*/
p {
font-size: .8em;
text-align: left;
}

p.center {
font-size: .8em;
text-align: center;
}
	/*This is the font for normal lists in the content page*/
ul.mainfont {
font-size: .8em;
text-align: left;
}
	/*Large headers*/
h1 {
font-size: 1.8em;
text-align: center;
}
	/*Smaller headers*/
h2 {
font-size: 1.1em;
text-align: center;
}
	/*Footer*/
p.footer {
font-size: .6em;
text-align: center;
}

/*End font types*/

/*Navbar link hovers*/

/*This is the code for the navbar links*/

a.navbar:link {
color: #000099;
text-decoration: none;
}
a.navbar:visited {
color: #0000A7;
}
a.navbar:hover {
background-color: #BFE6FF;
}
a.navbar:active {
color: #000099;
}

/*This is the code for all of the navbar links, set up as <ul><li> stuff*/

#navbar ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

#navbar ul {
margin: 0;
padding: 0;
}

#navbar ul li a:link, #navbar ul li a:visited {
display: block;
text-decoration: none;
font-weight: bold;
}

#navbar ul li a:hover {
}

/*This is the code for the rest of the links*/

a:link {  color: #000099; text-decoration: none; font-weight: bold;}
a:visited {  color: #0000A7; text-decoration: none; font-weight: bold;}
a:hover {  color: #0033FF; text-decoration: none; font-weight: bold;}
a:active {  color: #0099FF; text-decoration: none; font-weight: bold;}

/*This is the code for the first table, the one that contains the links, the banner, the content, and the footer*/

#container {
			width: 760px;
			width: 780px;
			width: 760px;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
		}

/*This is the code for the lostwonders.com banner area*/

		#banner {
			margin-bottom: 5px;
			padding: 5px;
		}

/*This is the code for the main body*/

		#content {
			margin-left: 215px;
			padding: 5px;
		}
		
/* right-aligned insert for random stuff */

		#insert {
			float: right;
			padding: 5px;
		}

/*This is the code for the navbar*/

		#navbar {
			float: left;
			width: 200px;
			width: 210px;
			width: 200px;
			margin-right: 5px;
			padding: 5px;
		}

/*This is the code for the footer*/

		#footer {
			padding: 5px;
			margin-top: 5px;
		}