/* CSS Document */
body{
	margin:0px; background:url(../pmedia/bodybg.jpg) repeat-x left top #FFF;
	color:#4D4747;position:relative; height: 100%;
}

#frame{
	width:768px; padding:0; background:url(../pmedia/framebg.jpg) repeat-x left top #FFF; margin:0 auto;
	color:#4D4747;position:relative;height: 100%;
}
img {
	border:none;
}

/* BODY:TOP */

#headcontainer{
	width:768px; height:278px; margin: 0; padding: 0; color:#4D4747;
	background:transparent url(../pmedia/logobg.png) no-repeat 0 0px; position:relative;
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
}
#headcontainer .tx1 {
	/* display: block;*/
	margin: 41px 0 0 0;
	padding:0;
	position:absolute;
	right: 0px;
	width: 520px;
	font-size: 35px;
	text-align: center;
	color: #f9f9f9;
}

#headcontainer .tx2 {
	/* display: block;*/
	margin: 89px 0 0 0;
	padding:0;
	position:absolute;
	right: 0px;
	width: 520px;
	font-size: 22px;
	text-align: center;
	color: #f9f9f9;
	font-weight: normal;
}

#headcontainer .tx3 {
	/* display: block;*/
	margin: 0 25px 0 0;
	padding: 0 0 2px 0;
	position:absolute;
	right: 0px;
	bottom: 0;
	width: 467px;
	font-size: 24px;
	text-align: right;
/*	color: #d4ddff;*/
	color: #9bb0ff;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #ff9000;
	font-family: Times, Tahoma, sans-serif;
}

#headcontainer .logo {
	margin:0 0 0 22px;
	padding:0;
	position:absolute;
	left: 0px;
	}

#headcontainer ul.lang {
	padding: 0; 
	margin: 2px 0; 
	list-style-type:none; 
	position:absolute;
	right: 0;
	top: 0;
	}

#headcontainer ul.lang li {
 float: right;
 display: block;
 position: relative;
 background: transparent;
 border: 0;
 padding: 5px 0;
 margin: 0 2px;
}

#headcontainer ul.lang  a {
	text-decoration: none;
	font-weight: bold;
	 font-size: 12px;
	 color: #fff;
	 border-bottom: 1px solid #fff;
	 padding: 2px 8px;
}

#headcontainer ul.lang a.current {
	border-bottom: 1px solid #007f00;
}

#headcontainer ul.lang a:hover {
 	color: #000;
}




/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menutop, .menutop  ul {
 margin: 0;
 top: 158px;
 right: 0;
 padding: 0;
 list-style: none;
 position: absolute;
 font-size: 18px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menutop ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 10px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 130px;
 padding: 0;
 
}

/* Second and third etc. level submenus - position across from parent instead */
.menutop ul ul {
 top: -1px; margin-top: 1px;
 left: 128px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menutop li {
 float: left;
 display: block;
 position: relative;
 background: transparent;
 border-right: 2px solid #a2b6de;
 margin-right: -1px;
 cursor: pointer;
}

.menutop li:first-child {
	border-left: 2px solid #a2b6de;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menutop ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 background: #7897d7;
 font-size: 16px;
}
.menutop ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
 border-right: 1px solid #fff;
}

/* Links inside the menu */
.menutop a {
 display: block;
 padding: 0px 5px;
 color: #fff;
 text-decoration: none;
}

.menutop ul li a {
 padding: 3px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menutop a:hover, .menutop a.highlighted:hover, .menutop a:focus {
 color: #000;
}
.menutop a.highlighted {
 color: #000;

}

/* Only style submenu indicators within submenus. */
.menutop a .subind {
 display: none;
}
.menutop ul a .subind {
 display: block;
 /*float: right;*/
 color: #fbf7d6;
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 5px 3px;
 font-size: 12px;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menutop a {
 float: left;
}
.menutop ul a {
 float: none;
}
/* \*/
.menutop a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menutop ul li {
 float: left;
 width: 100%;
}

* html .menutop ul li {
 float: left;
 height: 1%;
}
* html .menutop ul a {
 height: 1%;

}
/* End Hacks */











































/*	BODY:BODY */

#maincontainer{
	width:768px; margin:0;  padding: 0; 
	background:url(../pmedia/body_body_left_panel_bgp.png) repeat-y top left #FFF;
 overflow:auto;
 height:auto; min-height: 500px;

}

/* BODY:BODY:LEFT:PANEL */

#leftnavcontainer{
	width:226px; padding:0; float:left; margin:0;background:none; margin:0 0 0 21px;
}


/* VERTICAL FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 226px;
 list-style: none;
 font: bold 16px Arial, Helvetica, sans-serif;
}
/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 224px;
}
/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border-top: 2px solid #ededed;
 border-bottom: 1px solid #ededed;
 background: #fff;
 margin-bottom: -1px;
}

.menulist ul>li{
	 font-size: 14px;
 }

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}
/* Links inside the menu */
.menulist a {
 display: block;
 padding: 5px 20px 5px 20px;
 color: #000;
 text-decoration: none;
}
/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #000adb;
 background-color: #ffe7c9;
}
.menulist a.highlighted {
 color: #7897d7;
 background-color: #fff6ea;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
 color: #9bb0ff;
 font-size: 8px;
 padding-top: 10px;
}


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */

#leftnavcontainer .info {
	width:216px; margin: 10px 0 0 0; padding: 5px;
	}



/* BODY BODY: */



#body{
	width:467px; padding:0; background-color:transparent; color:#4D4747;
	margin: auto; float:none; margin-right: 25px;
	padding: 20px 0 15px 0;
	font-size: 15px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-style: normal;
	border: 0;
	font-family: Times, Tahoma, Arial, Helvetica, sans-serif;
	position: relative;
	}

#body a{
	font-family: Times, Tahoma, Arial, Helvetica, sans-serif; 
	color:#477bff; 
	text-decoration:none; 
	padding:0; 
	margin:0;
}

#body a:hover{
	text-decoration:underline;
}

#body ul {
	margin-top: 0;
	margin-bottom: 0;
}

#body p {
	margin-top: 0;
	margin-bottom: 0;
}


/*footer*/
#footercontainer{
	width:100%; padding:0; font: normal 11px Arial, Verdana, Helvetica, sans-serif; 
	color:#000000; text-align:center; background: #e4e9ff; margin:0; 
	border-top: 1px dotted #bdbdbd;
}

#footercontainer .bottom{
	width: 768px; background-color:#e4e9ff; margin:0 auto;
	position:relative; text-align: left; height: 20px;
	padding: 0;
	}
	
#footercontainer a{
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; color:#9a9a9a; 
	text-decoration:none; padding:0; margin:0;
	}
#footercontainer a:hover{
	text-decoration:underline;
	}
	



#footercontainer .design{
	margin: 0;
	padding: 3px 0 5px 0;
	position: absolute;
	right: 0;
	top: 0px;
	width: 350px;
	font-size: 12px;
	text-align: right;
	color: #9a9a9a;
	font-weight: normal;
	font-style: italic;
	border:0;
	font-family: Times, Tahoma, sans-serif;
}

#footercontainer .copy {
	display: block;
	margin: 0;
	padding: 3px 0 5px 0;
	position: absolute;
	right: 0px;
	top: 0;
	width: 600px;
	font-size: 12px;
	text-align: right;
	color: #9a9a9a;
	font-weight: normal;
	font-style: normal;
	border:0;
	font-family: Times, Tahoma, sans-serif;
}


.menubottom {
	font-size: 12px;
	font-family: Times, Tahoma, sans-serif;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	}
	
ul .menubottom {
	padding:0; 
	margin:0; 
	position:absolute;
	top: 0;
	right:0;
}

ul.menubottom li {
	list-style: none;
	float: left;
	margin: 0 5px 0 0;
}

#footercontainer ul.menubottom a {
	text-decoration:none; 
	display:block;
	font-size: 12px; 
	padding: 3px 0;
	color: #9a9a9a; 
	border: 0;
}

#footercontainer ul.menubottom a:hover {
	color: #ff9000;
}

#footercontainer .bottompoint{
	color: #ff9000;
}

/*footer*/