body
{
	font-family: @Calibri; /*font-family: Monaco, Verdana, "Courier New", monospaced*/
	font-size: small;
	color: Black;	
	background-color:white;
}

html
{
	overflow: auto;
}

.MainPanel
{
	width: 1024px;
	height: 768px;
	border: 0px;
	margin:0 auto;
	background-image: url("Image/mainbackground1024.png");
}

#TitleBar
{
	width: 1000px;
	margin: 0 auto;
}

.title
{
	background-image: url("Image/Header/Navileft.png");
	background-position: 0px 0px;
	width: 314px;
	height: 44px;
	border: 0px;
}
.title:hover
{
	background-image: url("Image/Header/Navileft.png");
	background-position: 0px 44px;
	width: 314px;
	height: 44px;
	border: 0px;
}

a.title-love
{
	text-decoration: none;
}
a.title-love:hover
{
	text-decoration: none;
}
.title-love
{
	background-image: url("Image/Header/love.png");
	background-position: 0px 0px;
	width: 136px;
	height: 44px;
	border: 0px;
	text-decoration: none;
}
.title-love-selected
{
	background-image: url("Image/Header/love.png");
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}
.title-love:hover
{
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}

a.title-ride
{
	text-decoration: none;
}
a.title-ride:hover
{
	text-decoration: none;
}
.title-ride
{
	background-image: url("Image/Header/ride.png");
	background-position: 0px 0px;
	width: 136px;
	height: 44px;
	border: 0px;
	text-decoration: none;
}
.title-ride-selected
{
	background-image: url("Image/Header/ride.png");
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}
.title-ride:hover
{
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}

a.title-live
{
	text-decoration: none;
}
a.title-live:hover
{
	text-decoration: none;
}
.title-live
{
	background-image: url("Image/Header/live.png");
	background-position: 0px 0px;
	width: 136px;
	height: 44px;
	border: 0px;
	text-decoration: none;
}
.title-live-selected
{
	background-image: url("Image/Header/live.png");
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}
.title-live:hover
{
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}

a.title-write
{
	text-decoration: none;
}
a.title-write:hover
{
	text-decoration: none;
}
.title-write
{
	background-image: url("Image/Header/write.png");
	background-position: 0px 0px;
	width: 136px;
	height: 44px;
	border: 0px;
	text-decoration: none;
}
.title-write-selected
{
	background-image: url("bImage/Header/write.png");
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}
.title-write:hover
{
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}

a.title-about
{
	text-decoration: none;
}
a.title-about:hover
{
	text-decoration: none;
}
.title-about
{
	background-image: url("Image/Header/about.png");
	background-position: 0px 0px;
	width: 136px;
	height: 44px;
	border: 0px;
	text-decoration: none;
}
.title-about-selected
{
	background-image: url("Image/Header/about.png");
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}
.title-about:hover
{
	background-position: 0px 44px;
	border: 0;
	text-decoration: none;
}
.videopane
{
	background-image: url("Image/video-backdrop.png");	
	width: 900px;
	height: 600px;
	margin: 0 auto;
	border: 0px;
}
.textbar
{
	width: 788px;
	height: 76px;
	margin: 0 auto;
	border: 0px;
}
.construction
{
	width: 404px;
	height: 312px;
	margin: 0 auto;
	border: 0px;
}