@import url("lib/reset.css");
@import url("lib/typography.css");
@import url("lib/forms.css");


body { margin: 0; background-color: white; }
h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.25em; }
h2 { font-size: 1.25em; margin-bottom: 0.25em; }
h3 { font-size: 1.20em; line-height: 1; margin-bottom: 0.25em; }
h4 { font-size: 1.10em; line-height: 1.25; margin-bottom: 0.25em; }
h5 { font-size: 1em; margin-bottom: 0.25em; }
h6 { font-size: 1em; }

a { color: #0066CC; font-weight: bold; }
p a { font-weight: bold; }

/* Page
-------------------------------------------------------------- */
#wrap { padding: 0; width: 1024px; margin-left: auto; margin-right: auto; position: relative; border-top: 1px solid white;}

#bdy { margin-top: 75px;}
div#bdy:hover {cursor:pointer;cursor:hand;}
#panel1 { background-image:url(../i/p1o.jpg); }
#panel2 { background-image:url(../i/p2o.jpg); display: none;}
#panel3 { background-image:url(../i/p3o.jpg); display: none;}
#panel4 { background-image:url(../i/p4o.jpg); display: none;}
#content {margin-top: 75px;}
#logo { position: absolute; left: 844px; top: 15px;}
#bdy .overlay1,#bdy .overlay2,#bdy .overlay3,#bdy .overlay4 { font-size: large; color: #333333; text-align: justify;}
#bdy .overlay1 { padding: 630px 370px 18px 160px; width: 494px; height: 120px;}
#bdy .overlay2 { padding: 630px 110px 18px 170px; width: 794px; height: 120px;}
#bdy .overlay3 { padding: 77px 20px 571px 200px; width: 804px; height: 120px; }
#bdy .overlay4 { padding: 620px 60px 28px 640px; width: 324px; height:120px; text-align: right;}
#branding {position: absolute; top: 848px;}

#bdy span
{
	color: black;
	font-weight: bold;
	padding-left: 10px;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 25px 0 0 0;
font-size: larger;
text-align: center;
}

ul#navlist li
{
display: block;
float: left;
width: 120px;
margin: 0 1px;
padding: 0;
}

ul#navlist li a,ul#navlist li span
{
display: inline;
display: block;
width: 100%;
padding: 0;
color: white;
text-decoration: none;
background: #454d40;
}

#branding
{ 
color: #454d40;
margin: 15px 0 0 30px;
width: 100%;
font-size: larger;
}
#connected
{ 
float: right;
text-align: right;
padding-right: 60px;
}

#cities
{
width: 600px;
float:left;
}
#cities ul
{
list-style: none;
padding: 0;
margin: 0;
}

#cities ul li
{
display: block;
display: inline;
}
#cities ul li:after
{
	content: url(../i/dot.jpg);
}
		
#cities ul li.last:after
{
	content: "";
}

#branding a,#branding a.visited
{
	color: #454d40;
	text-decoration: none;
	font-weight: normal;
}
.c4
{
float: left;
width: 24%;
padding: 5px;
text-align: center;
}