/* BASE RULES */
body {
    margin: 0 ;
    padding: 0;
    color: #000;
    background-color: #F0FFFF;
    font: 85%/1.5em verdana, sans-serif;
}
/* TYPOGRAPHY RULES */
h1 {
    margin: 0.4em 0 0.8em 0;
    padding-top: 0.2em;
    color: #069;
    background-color: #F0FFFF;
    border-bottom: 1px solid #069;
    /*font:  bold 160% georgia, serif; */
    /* before last update font:  bold 160% arial, sans-serif; */
    /* font:  bold 160% "comic sans", cursive; */
    font: 160% verdana, sans-serif;
    text-align: center;
}
.mitte {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
}
h2 {
    background-color: #F0FFFF;
    margin: 0 0 0.5em 0;
    font-size: 120%;
}
.flush {
   margin: 30px 75px 0.7em 75px;
}
h3 {
    background-color: #F0FFFF;
    margin: 0 0 0.1em 0;
    font-size: 100%;
}
p {
   margin: 0 75px 0.7em 75px;
   width: 91%;
   clear: both;
}
p.ads {
   margin: 70px 75px 10px 75px;
   width: 91%;
}
p.ads2 {
   margin: 10px 75px 10px 75px;
   width: 91%;
}
p.centered {
    text-align: center;
    width: 100%;
    margin: 0 0 0 0;
}
p.code {
    text-align: left;
    background-color: #FCC;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #ccc;
}
p.copyright {
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #F0FFFF;
    text-align: center;
    font-size: 10px;
    width: 560px;
}
/* NAVIGATION RULES */
/* site_navigation.html */
#navigation {
    margin: 2em auto;
    padding: 100px 10px 0 10px;
    width: 80%;
    border: 1px solid #ccc;
}
#navigation tr,th,td {
    border: 1px solid #ccc;
}
/* navigation footer */
#avigat {
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 0;
    padding: 0;
    border-top: 1px solid #069;
    background-color: #F0FFFF;
    color: #FFF;
    width: 100%;
}
#avigat a {
    padding: 0  1em;
    background-color: #F0FFFF;
    color: #6B8E23;
    text-decoration: none;
    margin: 0;
    width: 15%;
    font-size: 80%;
}
#avigat a:hover {
   color: #000;
   background-color: #F0FFFF;
   padding: 0 1em;
   text-decoration: none;
   margin: 0; 
}
/* Pricing Table */
#pricing {
    margin: 0 auto;
    padding: 100px 60px 0 60px;
    width: 55%;
}
/* HYPERLINK RULES */
a:link {
    color: blue;
    /* background-color: #F0FFFF; */
    text-decoration: underline;
}
a:visited {
    color: purple;
    /*background-color: #F0FFFF; */
    text-decoration: underline;
}
a:hover {
   color: red;
   /* background-color: #F0FFFF; */
   text-decoration: none;
}
/*TABLE RULES */
table {
    margin: 0 0 1em 0;
    border-collapse: collapse;
    width: 100%;
}
th, td {
    margin: 0;
    padding: 2px 4px;
}
th {
    background-color: #069;
    color: #fff;
    text-align: left;
}
td {
   border: 1px solid #ccc;
}
table.listing {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
table.listing td {
    font-size: 86%;
    text-align: left;
}
table.mp3 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
table.mp3 td {
    font-size: 100%;
    text-align: center;
    border: none;
}
table.mp3_2 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
table.mp3_2 td {
    font-size: 100%;
    text-align: left;
    border: none;
}
.mp3_ul {
   list-style:none;
}
.linx {
    border: none;
    margin: 0 75px 0.7em 75px;
    width: 91%;
}
.linx th, td {
    /*border: none;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 2px 4px;
}
/* FORM RULES */
form {
    margin: 1em 200px 1em 200px;
}
fieldset {
   margin: 0 0 0 0;
   padding: 0.5em;
   text-align: center;
   border: 1px solid #000;
}
input, select, textarea {
    font: 100% verdana, sans-serif;
    border: 1px solid #000;
}
#submit {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
} 
#reset {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
}
label {
    margin: 1em 0 0.3em 0;
    display: block;
    font-weight: bold;
    font-size: smaller;
}
legend {
     text-align: center;
     color: #fff;
     background: #ffa20c;
     border: 1px solid #781351;
     padding: 1px 3px;
}
/* Lists */
li {
    margin: 0.4em 50px 2em 0;
    font-size: smaller;
    list-style-image:url(images/star10.gif) ;
}
.myli li {
    margin: 0.4em 50px 2em 90px;
    font-size: smaller;
    list-style:none ;
}
li li {
    font-size: 12px;
}
ol { 
    padding: 0 6em;
}
/* Columns */
.left_c {
    float:left;
    width:40%;
    margin-left: 3em; 
    padding:0;
}
.right_c {
    float:right;
    width:45%;
    margin-right:3em;
    padding:0;
}
.footer {
    clear: both;
    width: 100%;
}
blockquote {
border : 2px solid #000;
margin: 0 75px 0.7em 75px;
width: 91%;
font-style: italic;
background-color: #EEF5FA;
}
#left_c_2 {
    float: left;
    text-align: left;
    width: 220px;
    margin-left: 75px;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    font-size: 70%;
}
#left_c_2 a {
   display: block;
   margin: 12px 0;
}
#right_c_2 {
    float: left;
    text-align: right;
    width: 220px;
    margin-right: auto;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    font-size: 70%;
}
#right_c_2 a {
   display: block;
   margin: 12px 0;
}
#middle_c_2 {
    float: left;
    width: 300px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 1px solid #069;
    border-right: 1px solid #069;
    padding: 0;
    font-size: 80%;
}
#directory {
    width: 93%;
    margin-left: auto; 
    margin-right: auto; 
    /*border: solid #E0FFFF 10px;*/
    /*border: none;*/
}
#directory table {
    border-collapse: separate;
    border: 1px solid #069;
}
#directory col {
    border-collapse: separate;
    width: 15%;
    /*border: solid #E0FFFF 10px;*/
    border: 1px solid #069;
}
#directory td {
    border-collapse: separate;
    text-align: center;
    border: none;
    color: #000;
    /*background-color: #FBFBE8;*/
    background-color: #FFFED2;
}
#directory td a{
    border-collapse: separate;
    text-align: center;
    border: none;
    color: #00F;
    background-color: #FFFED2;
}
#directory td a:hover{
    border-collapse: separate;
    text-align: center;
    border: none;
    color: #F00;
    background-color: #F0FFFFE;
}
.myradio {
   width: 30px;
   display: inline;
   margin-top: 20px;
   margin-bottom: 20px;
}
.myradio label {
    display: inline
}