/* CSS Document */
body{margin:0px; padding:0px; background:#FFF; color:#000; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Geneva; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.2em; font-size:0.8em;}
DIV, ul, h2 {margin:0px; padding:0px;}
p {margin:0px; padding:3px;}
ul{list-style-type:none;}
a {text-decoration:none;}

/*----TOP PANEL----*/
#Home{width:170px; height:72px; position:absolute; top:0px; left:0px; margin:0 auto;}
#Home a{text-decoration:none;}

#MoreInfo {visibility:hidden; width:10px;height:10px;overflow:auto; font-size:10px}
#MoreInfo h1{margin: 4px 4px; font-size:0.8em;font-weight:bold;color:#FF0000;}
#MoreInfo h2{margin: 3px 3px; font-size:0.8em;font-weight:bold;font-style:oblique}
#MoreInfo h3{margin: 3px 3px; font-size:10px;font-weight:bold;}

#Top{width:1000px; height:40px; position:absolute; top:0px; left:170px; margin:0 auto;font-size:1em/1.2em;background:#000000}
#Top ul{padding-left:10px; padding-top:7px}
#Top li{float: left; margin: 2px 2px}
#Top ul li a{padding:0 7px 0;color:#fff; text-decoration:none; font-weight:bold; font-size:0.8em;text-decoration:underline;}
#Top ul li a:hover{font-weight:bold; font-size:0.8em; color:#FF0000; text-decoration:underline;}


#LeftPanel {width:170px; height: 600px; background:#F5F5F5; position:absolute; top:72px; left:0px; overflow-x:hidden;overflow-y:auto; margin:0 auto; font-size:0.9em}
#LeftPanel  ul{padding-left:0px; padding-top:0px}
#LeftPanel li{float: left; margin: 4px 4px; width:154px}
#LeftPanel ul li a{text-decoration:none; color:#000000;text-decoration:underline;}
#LeftPanel ul li a:hover{color:#FF0000; text-decoration:underline;}
#LeftPanel a{color:#000000; text-decoration:underline;}
#LeftPanel a:hover{color:#FF0000; text-decoration:underline;}
#LeftPanel h1{margin: 4px 4px;font-weight:bold;font-size:1.0em}
#LeftPanel h2{margin: 4px 4px;font-weight:bold;font-size:1em}
#LeftPanel p {margin: 4px 4px; width:154px}

#WhereAreU {width:1000px; height:32px; position:absolute; left: 170px; top: 40px; margin: 0 auto;background:#DCDCDC; font-size:1em; font-weight:bold; color:#000000;}
#WhereAreU ul{padding-left:25px; padding-top:7px}
#WhereAreU li{float: left; margin: 4px 4px}
#WhereAreU li a{padding:0 4px 0; color:#000000; text-decoration:underline;}
#WhereAreU li a:hover{font-weight:bold; font-size:1em; color:#FF0000; text-decoration:underline;}
#WhereAreU h1 {padding-top:6px; margin: 2px 2px; font-size:1em;font-weight:bold;color:#000000;}
#WhereAreU h1 a{padding:0 4px 0; color:#000000; text-decoration:underline;}
#WhereAreU h1 a:hover{font-weight:bold; font-size:1em; color:#FF0000; text-decoration:underline;}
#ContentContainer {width:700px; height:32px; position:absolute; left:170px; top: 72px; margin: 0 auto; color:#000000;}


#Content {padding-left:10px; padding-top: 10px;}
#content a.mark{text-decoration:none;}
#Content h1{margin: 4px 4px; font-size:1.1em; font-weight:bold;color:#FF0000;}
#Content h2{margin: 3px 3px; font-size:1em; font-weight:bold;font-style:oblique}
#Content h3{margin: 3px 3px; font-size:0.9em;font-weight:bold;}
#Content a{color:#000000; text-decoration:underline;}
#Content a:hover{color:#FF0000; text-decoration:underline;}

#Content ul{padding-left:0px; padding-top:0px}
#Content li{margin: 4px 4px;}
#Content ul li a{text-decoration:none; color:#000000;text-decoration:underline;}
#Content ul li a:hover{color:#FF0000; text-decoration:underline;}

#Content table{width:680px; border: 1 #fff 1px; border-collapse: collapse; cell-spacing:none;cell-padding:12px;}
#Content tr{ vertical-align:top;}
#Content th{text-align:left;font-size:0.8em;font-style:bold}
#Content td.num{width:40px;font-size:80%; border-bottom: solid #fff 10px; padding-top: 10px; padding-bottom: 16px}
#Content td.date{width:60px;font-style:oblique; border-bottom: solid #fff 10px; padding-top: 10px; padding-bottom: 16px}
#Content td.item{width:200px; border-bottom: solid #fff 10px; padding-top: 10px; padding-bottom: 16px}
#Content td.description{width:480px; border-bottom: solid #fff 10px; padding-top: 10px; padding-bottom: 16px}
#Content td.comment{width:100px; border-bottom: solid #fff 10px; padding-top: 10px; padding-bottom: 16px}
#Content table span{font-style: oblique}

#Content table.feed{width:700px; border: 1 #fff 1px; border-collapse: collapse; cell-spacing:none; line-height:1.2em;}
#Content td.feed_picture{width:120px; border-bottom: solid #fff 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 8px}
#Content td.feed_description{border-bottom: solid #fff 5px; padding-top: 2px; padding-left: 5px;padding-right: 5px; padding-bottom: 10px}
#Content td.feed_entry{width:700px; border-bottom: solid #fff 5px; padding-top: 5px; padding-bottom: 8px; padding-left: 5px;padding-right: 5px;}

#Content table.mp3players{width:700px; border: 1 #fff 1px; cell-spacing:none;cell-padding:5px;}
#Content table.mp3players tr{ vertical-align:top;}
#Content table.mp3players td.title{width:100px; background:#fff; border: solid #fff 10px;}
#Content table.mp3players td.mp3player{width:600px; background:#fff; border: solid #fff 10px;}

#Content table.recommendations{width:700px; border: 1 #fff 1px; cell-spacing:none;cell-padding:5px;}
#Content table.recommendations h2{margin: 3px 3px; font-size:0.9em;font-weight:bold;}
#Content table.recommendations h3{margin: 3px 3px; font-size:0.9em;font-weight:bold;}
#Content table.recommendations tr{ vertical-align:top; }
#Content table.recommendations td{width:165px; background:#F5F5F5; border: solid #fff 10px;font-size: 1.0.8em}
#Content table.recommendations td.blank{width:165px; background:#fff; border: solid #fff 10px;}

#Content img {border: 6px solid #FFFFFF}

#Footer  {width:170px; height: 100px; background:#FFF; position:absolute; top:675px; left:0px; overflow: none; margin:0 auto;line-height:0.9em;}
#Footer a{padding:0 4px 0; text-decoration:none; color:#000000; text-decoration:underline;}
#Footer a:hover{font-weight:bold; color:#FF0000; text-decoration:underline;}
#Footer img {border: 6px solid #FFFFFF}
#Footer p{margin: 6px 2px; width:156px; font-size:90%}