/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:12px 0 0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP */
#top{width:762px; height:300px; position:relative; margin:0 auto; padding:0;}
#top img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}

/* MENU */
#top ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#top ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#top ul li a{width:80px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#top ul li a:hover{width:80px; height:36px; text-decoration:none; color:#ccc;}
#top ul li.active{width:80px; display:block; height:36px; color:#ccc; text-align:center; margin:0 1px 0 0;}
#top ul li span{background:#F1F1F0;}

/* VIGNETTES */
#top #v1{width:246px; height:204px; position:absolute; top:0; left:0; margin:110px 0 0 0; padding:0px; background:url(images/pop_webradio.jpg) no-repeat 0 0; color:#000;}
#top #v1 a{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v1 a:hover{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v1 a:active{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v1 h2{display:block; width:90px; height:47px; margin:34px 0 0 75px; "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0px; left:0px; z-index:1;}
#top #v1 h2 span{font-weight:normal; font:12px;}
#top #v1 p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#top #v2{width:246px; height:204px; position:absolute; top:0; left:258px; margin:110px 0 0 0; padding:0px; background:url(images/pop_webtv.jpg) no-repeat 0 0; color:#000;}
#top #v2 a{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v2 a:hover{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v2 a:active{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v2 h2{display:block; width:90px; height:47px; margin:34px 0 0 85px; "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; padding:0; position:absolute; z-index:1;}
#top #v2 h2 span{font-weight:normal; font:12px;}
#top #v2 p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#top #v3{width:246px; height:204px; position:absolute; top:0; right:0; margin:110px 0 0 0; padding:0px; background:url(images/pop_live.jpg) no-repeat 0 0; color:#000;}
#top #v3 a{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v3 a:hover{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v3 a:active{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v3 h2{display:block; width:115px; height:47px; margin:34px 0 0 110px; "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; padding:0; position:absolute; z-index:1;}
#top #v3 h2 span{font-weight:normal; font:12px;}
#top #v3 p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#top #v4{width:246px; height:204px; position:absolute; top:0; left:0; margin:110px 0 0 0; padding:0px; background:url(images/pop_key.jpg) no-repeat 0 0; color:#000;}
#top #v4 a{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v4 a:hover{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v4 a:active{width:170px; height:170px; display:block; text-decoration:none; color:#000; }
#top #v4 h2{display:block; width:115px; height:47px; margin:34px 0 0 90px; "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; padding:0; position:absolute; z-index:1;}
#top #v4 h2 span{font-weight:normal; font:12px;}
#top #v4 p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

/* TOP 2*/
#toppages {width:762px; height:100px; position:relative; margin:0 auto; padding:0;}
#toppages img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}

/* MENU 2*/
#toppages ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#toppages ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#toppages ul li a{width:80px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#toppages ul li a:hover{width:80px; height:36px; text-decoration:none; color:#ccc;}
#toppages ul li.active{width:80px; display:block; height:36px; color:#ccc; text-align:center; margin:0 1px 0 0;}


/* BODY index*/
#bodyindex{width:762px; height:400px; position:relative; margin:0 auto; padding:0;}
#bodyindex img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin:20px 0 0 21px;}
#bodyindex #a1{width:246px; height:204px; position:absolute; top:0; left:0; margin:40px 0 0 0; padding:0px; background:url(images/symbol.jpg) no-repeat 0 0; color:#000;}
#bodyindex #a2{width:350px; height:204px; position:absolute; top:0; left:180px; margin:10px 0 0 0; padding:0px; color:#000;}
#bodyindex #a2 a{color:#990000;text-decoration:none; }
#bodyindex #a2 a:hover{color:#000; text-decoration:none}
#bodyindex #a2 p{width:560px; display:block; font:14px/18px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:50px 0 0 0;}
#bodyindex #a2 p span{color:#999;}
#bodyindex #a2 h1{ background:#fff; display:block; width:500px; height:50px; margin:0; font:30px/30px; font-weight:normal; padding:10px 0 10px 0; color:#000;}

/* BODY pages*/
#bodypages{width:762px; height:1150px; position:relative; margin:0 auto; padding:0;}
#bodypages img{z-index:1; padding:0; position:relative; margin:0 0 0 0; padding:0;}
#bodypages #b1{width:246px; height:204px; position:absolute; top:0; left:0; margin:180px 0 0 0; padding:0px; background:url(images/symbol.jpg) no-repeat 0 0; color:#000;}
#bodypages #b2{width:350px; height:204px; position:absolute; top:0; left:180px; margin:10px 0 0 0; padding:0px; color:#000; font:14px/18px Arial, Helvetica, sans-serif;}
#bodypages #b2 a{color:#999;text-decoration:none; }
#bodypages #b2 a:hover{color:#000; text-decoration:none;}
#bodypages #b2 h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 103px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#bodypages #b2 p{width:560px; display:block; font:14px/18px; Arial height:100%; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:50px 0 0 0;}
#bodypages #b2 p span{color:#999;}
#bodypages #b2 h1{ background:#fff; display:block; width:500px; height:50px; margin:0; font:30px/30px; font-weight:normal; padding:10px 0 10px 0; color:#000;}

#bodypagescourt{width:762px; height:750px; position:relative; margin:0 auto; padding:0;}
#bodypagescourt img{z-index:1; padding:0; position:relative; margin:0 0 0 0; padding:0;}
#bodypagescourt #b1{width:246px; height:204px; position:absolute; top:0; left:0; margin:180px 0 0 0; padding:0px; background:url(images/symbol.jpg) no-repeat 0 0; color:#000;}
#bodypagescourt #b2{width:350px; height:204px; position:absolute; top:0; left:180px; margin:10px 0 0 0; padding:0px; color:#000; font:14px/18px Arial, Helvetica, sans-serif;}
#bodypagescourt #b2 a{color:#999;text-decoration:none; }
#bodypagescourt #b2 a:hover{color:#000; text-decoration:none;}
#bodypagescourt #b2 h2{display:block; width:90px; height:47px; background:none; margin:0 0 0 0; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#bodypagescourt #b2 p{width:560px; display:block; font:14px/18px; Arial height:100%; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:50px 0 0 0;}
#bodypagescourt #b2 p span{color:#999;}
#bodypagescourt #b2 h1{ background:#fff; display:block; width:500px; height:50px; margin:0; font:30px/30px; font-weight:normal; padding:10px 0 10px 0; color:#000;}


/* FOOTER PANEL*/
#Pied {width:100%; background:#F5F5F5; color:#999999; font-size:12px;}
#Piedbody {width:762px;height:40px; position:relative; margin:0 auto; padding:0;}
#Pied ul{width:450px; display:block; position:absolute; right:0px; top:20px; }
#Pied li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#Pied ul li a{padding:0 6px; color:#999999; text-decoration:none;}
#Pied ul li a:hover{text-decoration:underline;}
#Pied ul li a.padl{padding:0 0 0 6px;}