@charset "UTF-8";
/* CSS Document */

html, body {
		height:100%;
		}

body {
background-image:url(images/bg.gif);
background-repeat:repeat;
text-align:center;
margin:0px;
}

body.popup {
background-image:url(images/bg.gif);
background-repeat:repeat;
text-align:left;
margin:0px;
}

#distance { 
width:1px;
height:50%;
background-color:#;
margin-bottom:-330px; /* half of container's height */
float:left;
		}

#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:660px;
width:420px;
clear:left;
background-color:#999;
		}
		
#contentcenter {
width:400px;
padding:0px;
float:left;
background-color:#999;
margin:10px;
	}	
	
p	{
margin:0 45px 10px 30px;
padding:0;
font-family:Tahoma, sans serif;
font-size:11px;
color:#fff;
line-height:1.3em;
}

p.popup	{
margin:0px 10px 10px 20px;
padding:0;
font-family:Tahoma, sans serif;
font-size:11px;
color:#fff;
line-height:1.3em;
}

h1	{
margin:0px 45px 8px 30px;
font-family:Tahoma, sans serif;
font-size:16px;

color:#fff;
}

h2	{
margin:0px 10px 10px 20px;
font-family:Tahoma, sans serif;
font-size:12px;

color:#fff;
}

a:link {
	color: #fff;
}

a:visited {
  color: #fff;
}

a:hover {
	text-decoration: none;
	color:#000;
}

a:active {
	color: #fff;
}


#pop a:link {
	color: #fff;
}

#pop a:visited {
  color: #fff;
}

#pop a:hover {
	text-decoration: none;
	color: #888;
}

#pop a:active {
	color: #fff;
}

#navcontainer a:link {
	color: #fff;
}

#navcontainer a:visited {
  color: #fff;
}

#navcontainer a:hover {
	text-decoration: underline;
	color: #333;
}

#navcontainer a:active {
	color: #fff;
}

#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #999;
color: #fff;
width: 100%;
font-family: tahoma, helvetica, sans-serif;
font-size:11px;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #999;
color: #fff;
padding: .2em 1em;

}

li a:hover
{
text-decoration:underline;
color: #fff;
}