@charset "utf-8";
/* CSS Document */

/* body */
body {
/*	background-color: #505a65; */
	background-color: #6e8090;
	font-family: Tahoma;
	font-size: 12px;
	color: #ddd;
	letter-spacing: .35mm;
	line-height: 17px;
}
#pagewrap {
	width: 900px;
	position:relative;
	left: 50%;
	top: 10px;
	margin-left: -450px;
}
.accent {
	font-weight: bold;
	color: #fff;
}

.title {
	font-weight: bold;
	font-size: 12px;
	color: #ffcc22;
}
a:link, a:visited {
	color: #DDAA00;
	text-decoration: none;
}
a:hover, a:active {
	border-bottom: 1px #ffcc22 dotted;
	color: #fff;
}
#inmenu{
	position: relative;
	clear: both;
	text-align: center;
	margin-top: 10px;
}
.sublink {
	position: relative;
	padding: 4px 10px 4px 10px;
	margin: 10px 10px 2px 10px;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

/* end body */
/* left panel */
#left_panel {
	position: relative;
	width: 201px;
	float: left;
}

#menu {
	position: relative;
	float: right;
	clear: both;
	width: 200px;
	height: 472px;
/*	height: 425px;  30(item) + 10(spacer) + 4(borders) 44 for each item above face it */
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	top: 5px;
}

.menu_item, #menu_spacer, .menuactive, .faceit  {
	position: relative;
	float: left;
	clear: both;
	width: 200px;
	height: 30px;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px outset #313131;
}
#menu_spacer {
	height: 10px;
}
#menu_spacer2 {
	height: 10px;
	border: none;
}
.faceit {
	height: 66px;
	border: none;
}
#menu a:link, #menu a:visited, .faceit {
	position: relative;
	float: left;
	clear: both;
	text-decoration: none;
	opacity: .4;
	filter:alpha(opacity=40);
}
#menu a:hover, #menu a:active, .menuactive {
	opacity: 1;
	filter:alpha(opacity=100);
}
/* end left panel */
/* right panel */

#right_panel {
	position: relative;
	float: left;
	width: 695px;
}
#ImgPanel, #header, #ContentPanel {
	position: relative;
	float: left;
	clear: both;
	width: 695px;
	border: 1px solid #bbbbbb;
	border-bottom: 1px outset #313131;
	}
#header {
	height: 99px;
	background-image:url(common/header.gif);
}
#ImgPanel {
	height: 100px;
	background-color: #505a65;
	text-align: center;

}
#ContentPanel {
	width: 640px;
	height: 500px;
	padding: 15px;
	padding-left: 40px;
	background-color: #505a65;
/*	background-color: #6e8090; */
}
#Content {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#footer {
	position: relative;
	float: left;
	clear: both;
	width: 695px;
	border-top: 1px solid #bbbbbb;
	text-align: center;
	line-height: 14px;
	padding-top: 5px;
}
#footer, #footer a:link, #footer a:visited {
	font-size: 9px;
	color: #bbbbbb;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	border-bottom: 1px #ffcc22 dotted;
}
.vidcap {
	position: relative;
	float: left;
	border-left: 1px solid gray;
	padding-left: 10px;
	color: #ffcc22;
}
/* end right panel */