
/* PlayMPE v3 CSS Code */

body { 
	background:url(/v3/xobjects/images/template/background_repeat.jpg) repeat-x;
	background-color:#003399;
	margin:0px 0px 0px 25px;
}
#languages {
	position: absolute;
	width: 100px;
	height: 25px;
	left: 615px;
	top: 45px;
	z-index: 3;
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
    color:#FFFFFF
}
#languages a {
	color: #FFFFFF;
	font-weight: bold;
}
#header {
  position:absolute;
  width: 765px;
  height: 130px;
  z-index: 2;
  background:url(/v3/xobjects/images/template/background_header.jpg) no-repeat;
}
#navbar {
  position:relative;
  top: 100px;
}
#content {
  position:absolute;
  width: 715px;
  top: 130px;
  background-color:#FFFFFF;
}
#col1 {
  position:relative;
  width:475px;
  left:10px;
  top:10px;
  float:left;
  font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
  color:#666666
}
#colbreak {
  position:relative;
  width:20px;
  top:10px;
  height:500px;
  float:left;
}
#col2 {
  position:relative;
  width:210px;
  float:left;
  top:10px;
  font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;
  color:#666666
}
#col2 h3 {
    font-size: 14px;
    padding: 0;
    font-weight: bold;
	padding: 0px 0px 0px 20px
}
#col2 ul li {
    list-style-type: none;
}
#footer {
	position:relative;
	clear: both;
	width: 695px;
	padding: 25px 10px 5px 10px;
	z-index: 2;
	text-align: center;
	font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;
    color:#666666;
}
#sidebar {
	margin: 0px 0px 0px 10px;
}

#sidebar #forgot {
	background: url(/v3/xobjects/images/side_forgot_text.gif) no-repeat;
	text-align: center;
	padding: 90px 0px 0px 0px;
	width: 157px;
}
#sidebar #forgot form input.text {
	width: 125px;
}
#sidebar p {
	text-align: left;
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	margin-left: 26px;
	width: 137px;
}
h2 {
    font-size: 18px;
    font-weight: bold;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
}
h2 a {
	text-decoration: none;
}
h3 {
    font-size: 14px;
    padding: 0;
    font-weight: bold;
}
h3 a {
	text-decoration: none;
}

/* CSS Menu Code */

.menu2 { float:left; width:715px; color: #FFFFFF; font-family: "Lucida Grande", "Trebuchet MS", sans-serif; font-size:11px; background:url(/v3/xobjects/images/template/bg2.gif) repeat-x top left; margin:0 0 20px 0; font-weight: bold; text-transform:uppercase;}
.menu2 ul { padding:0;margin:0;list-style-type:none;}
.menu2 ul li { float:left; position:relative;  }
.menu2 ul li.group {display:block; text-indent:10px; background:#666; color:#fff; width:152px; padding:4px 0;}
.menu2 ul li a, .menu2 ul li a:visited { float:left; display:block; text-decoration:none; color:#fff; padding:3px 16px; line-height:25px; height:25px; }
.menu2 ul li:hover {width:auto;}
.menu2 ul li a:hover { color:#abc; background:#003499;}
.menu2 ul li:hover a { color:#abc; background:#003499;}
.menu2 ul li ul { display: none; }
.menu2 table { margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0; }

/* specific to non IE browsers */
.menu2 ul li:hover ul {
	display:block;
	position:absolute;
	top:29px;
	background:#003499;
	margin-top:1px;
	left:0;
	width:152px;
	font-weight: normal;
	text-transform:capitalize;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffcc00;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ffcc00;
	border-bottom-color: #ffcc00;
}
.menu2 ul li:hover ul.endstop { left:-90px; }
.menu2 ul li:hover ul li ul { display: none; }
.menu2 ul li:hover ul li a { display:block; background:#003499; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px; }
.menu2 ul li:hover ul li a.drop { background:#003499;}
.menu2 ul li:hover ul li a:hover { color:#abc;}
.menu2 ul li:hover ul li a:hover.drop { background:#003499; }
.menu2 ul li:hover ul li:hover ul { display:block; position:absolute; left:153px; top:-1px; color:#000; left:152px; width:172px; background:#003499; border-top-width: 1px; border-top-color:#ffcc00; border-top-style: solid;}
.menu2 ul li:hover ul li:hover ul li a {background:#003499;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}
.menu2 ul li:hover ul li:hover ul.left { left:-172px; }
.menu2 ul li:hover ul li:hover ul li a:hover { color:#abc;}

/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul { display:block;position:absolute;top:30px; t\op:29px; background:#003499;left:0; marg\in-top:1px; font-weight: normal; text-transform:capitalize;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffcc00;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ffcc00;
	border-bottom-color: #ffcc00;}
.menu2 ul li a:hover ul.endstop { left: -90px; }
.menu2 ul li a:hover ul li a { display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px; }
.menu2 ul li a:hover ul li a.drop { background:#003499; padding-bottom:5px; }
.menu2 ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; }
.menu2 ul li a:hover ul li a:hover { color:#abc; }
.menu2 ul li a:hover ul li a:hover.drop { color:#abc; }
.menu2 ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:-1px; t\op:0px; color:#abc; left:152px; width:170px; background:#003499; border-top-width: 1px; border-top-color:#ffcc00; border-top-style: solid;}
.menu2 ul li a:hover ul li a:hover ul.left { left:-170px; }
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#003499; color:#abc;}

.left {clear:both;}

.downloadbox {
	background-repeat: no-repeat;
	background-image: url(/v3/xobjects/images/downloadbox.jpg);
	background-position: center;
	vertical-align: middle;
	float: none;
	height: 224px;
}