/* basic elements */

* {
    margin:0;
    padding:0;
    border:0;
}

body {
background-color: #333333;
margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
font-size: 100%;
}

h1 {
font-family: "arial" ;
font-size: 110%;
font-weight: 600;
font-style: normal;
color: #1f426c;
text-align: left;
padding: 5px 0 15px 0;
margin-left: 15px;

}

h2 {
font-family: "arial" ;
font-size: 90%;
font-weight: 600;
font-style: italic;
color: #1f426c;
text-align: center;
padding: 5px 0 10px 0;
margin: 0;
}

h3 {
font-family: arial;
font-size: 10pt;
font-weight: 500;
text-align: center;
color: #000;
background: #ee4743;
text-align: center;
padding: 1px;
}

h4 {
font-family: "arial" ;
font-size: 90%;
font-weight: 600;
font-style: normal;
color: #1f426c;
text-align: left;
padding-left: 15px;
margin: 0;
}

p {
font-family: helvetica;
font-size: 75%;
font-weight: normal;
color: #FFFFFF;
text-align: left;
letter-spacing: .5px;
padding-left: 10pt;
padding-right: 10pt;
padding-top: 0;
}

.form {
text-align: left;
font-family: helvetica;
font-size: 100%;
font-weight: normal;
color: #000;
letter-spacing: .5px;
line-height: 25pt;
padding-left: 15px;
}

.form2 {
text-align: left;
font-family: helvetica;
font-size: 100%;
font-weight: normal;
color: #000;
letter-spacing: .5px;
padding-left: 15px;
padding-top: 10px
}


a {
text-decoration: none;
color: #000;
}


ul {
font-family: "arial" ;
font-size: 90%;
font-weight: 900;
color: #000;
text-align: center;
line-height: 1.3em;
}

ol  {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: left;
line-height: 1.4em;
padding-left: 25pt;
padding-right: 20pt;
list-style: decimal outside;
}

/* ------------------------------------------------------------- */

/* specific divs */

.only_for_print {
display: none;
}

#outer_wrapper {
width: 100%;
}

#center_wrapper {
background-color: #fff;
margin-left: auto;
margin-right: auto;
width: 80%;
}

#header {
position: relative;
z-index: 1;
background-color: #cac999;
background: url(header_bg.jpg);
background-repeat: repeat-x;
width: 100%;
height: 108px;
text-align: left;
font-family: 'arial';
font-size: 12pt;
font-style: italic;
color: #000;
}

#phrase {
position: relative;
z-index: 5;
height: 0;
bottom: 30px;
right: 0;
font-family: "arial" ;
font-size: 100%;
font-weight: 600;
font-style: italic;
color: #1f426c;
text-align: right;
}

#main {
clear: both;
position: relative;
text-align: left;
z-index: 1;
width: 100%;
min-height: 450px;
color: #000;
}

#menubar {
width: 100%;
height: 20px;
background: #db8f09;
border-top: solid 1px #000;
}

.menu ul {
list-style-type: none; /* suppression of useless elements */
width: 100%; /* precision for Opera */
}

.menu li {
float: left; /* lists aligned to the left */
list-style-type: none; /* suppression of useless elements */
}

.menu a {
margin: 0 0px;
width: 110px; /* definition of menu button size */
height: 20px;
float: left;
display: block;
font-family: arial;
font-size: 90%;
font-weight: 500;
text-align: center;
border-right: 1px solid gray;
text-decoration: none;
color: #000;
background-color: #db8f09;
}

.menu a:hover {
background-color: #CAC999;
border-right: 1px solid gray;
}

.menu a:active {
background-color: gray;
border-right: 1px solid gray;
color: #fff;
}

.menu a.beige:hover, .menu a.beige:active {
background-color: #cac999;
color: #fff;
}
.menu a.beige_active {
background-color: #cac999;
color: #fff;
}

.menu a.blue:hover, .menu a.blue:active {
background-color: #1f426c;
color: #fff;
}
.menu a.blue_active {
background-color: #1f426c;
color: #fff;
}

.menu a.red:hover, .menu a.red:active {
background-color: #ee4743;
color: #fff;
}
.menu a.red_active {
background-color: #ee4743;
color: #fff;
}

.menu a.orange:hover, .menu a.orange:active {
background-color: #db8f09;
color: #fff;
}
.menu a.orange_active {
background-color: #db8f09;
color: #fff;
}

.menu a.black:hover, .menu a.black:active {
background-color: #000;
color: #fff;
}
.menu a.black_active {
background-color: #000;
color: #fff;
}


.clear {
clear: both;
}

#content {
width: 73%;
min-height: 100%;
float: left;
background-color: #FFF;
margin: 0;
margin-top: 20px;
padding-bottom: 10px;
}

#content p{
font-family: "arial" ;
font-size: 80%;
font-weight: 500;
color: #000;
text-align: justify;
line-height: 1.3em;
padding: 0px 5px 10px 15px;
margin: 0;
}

#content ul {
padding: 0px 5px 10px 15px;
margin-left: 20px;
font-family: "arial" ;
font-size: 80%;
font-weight: 500;
color: #000;
text-align: justify;
line-height: 1.3em;
list-style-type: square;
}

#content ul li{
padding-bottom: 10px;
}

#form {
width: 85%;
padding-bottom: 12%;
}

#form p {
font-weight: normal;
color: #000;
line-height: 1.5em;
text-align: right;
font-weight: 500;
padding-bottom: 5px;
}

#form input {
border: 1px solid #1f426c;
}

#textblock {
width: 45%;
min-height: 40%;
display: block;
border: 1px solid gray;
margin: 0 auto;
font-family: arial;
font-size: 75%;
font-weight: 500;
text-align: center;
}

#textblock1 {
float: left;
width: 45%;
min-height: 40%;
display: block;
border: 1px solid gray;
margin-left: 15px;
font-family: arial;
font-size: 75%;
font-weight: 500;
text-align: center;
}

#textblock2 {
width: 45%;
min-height: 30%;
float: left;
display: block;
border: 1px solid gray;
margin-left: 20px;
font-family: arial;
font-size: 75%;
font-weight: 500;
text-align: center;
}

.left {
text-align: right;
padding-right: 5px;
padding-top: 1px;
font-family: "arial" ;
font-size: 10pt;
}

.right {
text-align: left;
padding-top: 1px;
font-family: "arial" ;
font-size: 10pt;
}

#rightside {
float: right;
width: 213px;
text-align: center;
background: #fff url(bg.jpg);
background-repeat: repeat-y;
background-position: top right;
}

#overlay {
background-color: #fff;
filter: alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
width: 80%;
min-height: 90%;
z-index: -1;
padding: 0;
margin: auto;
margin-top: 20px;
}

#listing {
position: relative;
left:0;
z-index: 2;
background: transparent;
text-align: center;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}

#listing ul {
list-style: none;
}

#listing li {
display: block;
font-family: arial;
color: #000;
filter: alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
font-size: 150%;
font-weight: 900;
text-align: center;
line-height: 175%;
text-decoration: none;
}

img.flowing {
float: left;
clear: left;
margin: 0 2em 0 0;
}

img.flowing_right {
float: right;
clear: right;
margin: 0 2em 0 0;
}

#imgholder {
background: transparent;
width: 100%;
}

#imgholder img {
border: solid 1px #000;
float: right;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

#imgholder p {
font-family: arial;
font-size: 95%;
font-weight: 500;
color: #000;
line-height: 1.3em;
padding-left: 50px;
padding-bottom: 10px;
margin: 0;
}

#imgholder2 {
background: transparent;
width: 100%;
}

#imgholder2 img {
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
}

#imgholder2 p {
font-family: arial;
font-size: 95%;
font-weight: 500;
color: #000;
line-height: 1.3em;
padding-left: 50px;
padding-bottom: 10px;
margin: 0;
}

#footer {
clear: both;
height: 20px;
background-color: #9d9d69;
padding-top: 5px;
margin: 0;
color: #fff;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer p {
font-family: verdana;
font-size: 60%;
font-weight: normal;
text-align: center;
letter-spacing: 0px;
color: #fff;
margin: 0;
padding: 0;
}

ol {
display: block;
text-align: left;
padding-left: 75px;
margin-left: 0;
font-family: 'times new roman';
font-size: 110%;
font-weight: bold;
font-style: italic;
color: #d99b00;
line-height: 1.1em;
}