/* 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; */
    /*font:  bold 160% arial, sans-serif;*/
    font:  160% verdana, sans-serif;
    text-align: center;
}

h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #096;
    background-color: #F0FFFF;
    font:  bold 130% "comic sans", cursive;
}


p {
   margin: 0 75px 0.7em 75px;
   width: 91%;
}

p,ads {
   margin: 30px 75px 0.7em 75px;
   width: 91%;
}


p.centered {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

p.copyright {
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #F0FFFF;
    text-align: center;
    font-size: 10px;
    width: 560px;
}
   
/* HYPERLINK RULES */
a:link {
    color: blue;
    text-decoration: underline;
}

a:visited {
    color: purple;
    text-decoration: underline;
}

a:hover {
   color: red;
   text-decoration: none;
}

/*TABLE RULES */
table {
    margin: 1em 0 1em 0;
    border-collapse: collapse;
    width: 100%;
}

table.listing {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

table.listing td {
    font-size: 80%;
    text-align: left;
}

p.notice {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#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: #E0FFFF;
}

#directory td a{
    border-collapse: separate;
    text-align: center;
    border: none;
    color: #00F;
    background-color: #E0FFFF;
}

#directory td a:hover{
    border-collapse: separate;
    text-align: center;
    border: none;
    color: #F00;
    background-color: #E0FFFF;
}

th, td {
    margin: 0;
    padding: 2px 4px;
}

th {
    background-color: #069;
    color: #fff;
    text-align: left;
}

td {
   border: 1px solid #ccc;
}

td form {
    position: relative;
    margin: 4px 0 0 0;
    padding: 2px 0 0 0;
    border: none;
    width: 100%;
}

td input {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}


/* FORM RULES */
form {
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    text-align: center;
    width: 85%;
    border: 2px dashed #069;
}

fieldset {
     border: none;
     margin: 0 0 5px 0;
}

legend {
     text-align: center;
     color: #fff;
     background: #ffa20c;
     border: 1px solid #781351;
     padding: 1px 3px;
     margin: 0;
}


label,input,select,textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
}

input,select,textarea {
    background-color: #CCC;
}

label {
	text-align: right;
	width: 10em;
	padding-right: 20px;
}

.label2 {
	text-align: left;
	 width: 350px;
	padding-left: 10px;
      font-size: 80%;
}

.label_pos {
    position: relative;
    right: 0.1em;
    text-align: right;
    width: 5em;
}

.label_pos_2 {
    position: relative;
    left: 1em;
    text-align: left;
    width: 25em; 
    font-size: 80%;
}

.label_pos_3 {
    position: relative;
    left: 1em;
    text-align: left;
    width: 8em;
    font-size: 80%;
}


.input_pos {
    position: relative;
    right: 1em;
}

.reset_pos {
    position: relative;
    right: -15em;
}

.required {
   color: red;
   background-color: #F0FFFF;
}

.prev_next {
    margin: 0 1.2em;
    padding: 0;
    border: none;
    text-align: center;
}


/* Navigation */
#avigat {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 0;
    padding: 0;
    border-top: 1px solid #069;
    color: #FFF;
    background-color: #F0FFFF;
    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; 
}

.news {
   list-style: none;
   list-style-type: none;
   margin: 12px 75px 25px 50px;
}

.news li {
   margin: 2px 0 2px 0; 
   list-style: none;
}

.linx th, td {
    /*border: none;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 2px 4px;
}