@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: normal;
}
p a {
	font-weight: normal;
}

/* 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 {
	width: 600px;
	height: 105px;
	padding-top: 660px;
	padding-right: 394px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
#bdy .overlay2 {
	width: 795px;
	height: 105px;
	padding-top: 660px;
	padding-right: 199px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
#bdy .overlay3 {
	width: 795px;
	height: 105px;
	padding-top: 660px;
	padding-right: 199px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
#bdy .overlay4 {
	width: 300px;
	height: 105px;
	padding-top: 660px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 700px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	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: large;
	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: large;
}
#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: 230px;
	padding: 5px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}