html {
/* 	height: 100%; */
}

body {
	font-family: arial, helvetica, sans-serif;
/* 	font-family: "gesta-1","gesta-2"; */
	font-size: 76%;
	background-color: #E1E1E1;
	margin: 0px;
	line-height: 1.8em;
}


p{
 
}

#topbar{
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	color: #464646;
	background-color: white;
	overflow: hidden;
}

#topbar .myDetails{
	float: left;
	margin: 30px 0px 0px 196px;
/* 	width: 300px; */
/* 	background-color: red; */
}

#topbar .projectDetails{
	float: left;
	margin: 49px 0px 0px 55px;
/* 	width: 300px; */
/* 	background-color: aqua; */
}

#topbar a{
	text-decoration: none;
	color: #3880b0;
}

#topbar a:hover{
	background-color: #ffff00;
}


#topbar h1{
/* 	background-color: green; */
}


#topbar p{
	margin: 5px 0px 0px 0px;
/* 	background-color: blue; */
}

.pagelabel{
	position: absolute;
	left: 0px;
	width: 164px;
	height: 40px;
	overflow:hidden;
	background-color: #FFFFFF;
	border-top: solid 1px #E6E7E8;
}

.pagelabel p{
	line-height: 1em;
	margin: 15px 0px 0px 15px;
	color: #464646;
}


.mid{
	margin-left: 164px;
	margin-right: 135px;
	height: 41px;
	background-color: #FFFFFF;
}


.slide{
	position: absolute;
	right: 0px;
	width: 135px;
	height: 40px;
	overflow:hidden;
	cursor:pointer;
	background-color: #FFFFFF;
	border-top: solid 1px #E6E7E8;
	background-image: url(../images/arrows.gif);
	background-position: 100px 13px;
	background-repeat: no-repeat;
}

.slide p{
	line-height: 1em;
	margin: 15px 0px 0px 15px;
	color: #3880b0;
}

.slide:hover{
	background-color: #ffff00;
}


.active {
	background-position: 100px -35px;
}


.footer{
	font-size: 90%;
	line-height: 1em;
	color: #666666;
	display: block;
	background-color: #FFFFFF;
	margin-top: 40px;
	padding: 18px 0px 17px 15px;
}