@charset "utf-8";
/* CSS Document */
a:link {
	color:#003366;
	text-decoration: none;
	font:Arial, Helvetica, sans-serif;
}
a:visited {
	color:#003366;
	text-decoration: none;
	font:Arial, Helvetica, sans-serif;
}
a:hover {
	color:#339933;
	text-decoration: none;
	font:Arial, Helvetica, sans-serif;
}
a:active {
	text-decoration: none;
	font:Arial, Helvetica, sans-serif;
}

body {
background-image: url(images/friendbkg2.jpg);
background-repeat:repeat-x;


}
.logo {
position: absolute;
top: 28px;
left: 25px;
}

.hpic1 {
position:absolute;
top: 10px;
left: 400px;
}

.hpic2 {
position:absolute;
top: 10px;
left: 600px;
}

.hpic3 {
position:absolute;
top: 10px;
left: 800px;
}

.sidebar {
position: absolute;
top: 140px; 
left: 0px;
}

/* common styling */
.menu {font-family: arial, sans-serif; width:145px; height:170px; position:relative; margin:0; font-size:11px; margin:20px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:148px; height:40px; text-align:center; border:1px solid #999999; border-width:1px 1px 0 0; background:#666666; line-height:32px; font-size:12px;}
.menu #current a {background-color: #FFFFFF; border:1px solid #ffffff; border-width:1px 1px 0 0;}

.menu ul {padding-left:27px; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:149px; width:105px;}