/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   background-color: #BBCE9A;
   text-align: center;
}

.page
{
   text-align: left;
   background-image: url(../graphics/back_body.gif);
   background-repeat: repeat-y;
   background-color: #fff;
   margin: 0 auto;
   width: 869px;
}

form
{
   margin: 0;
   padding: 0;
}

a:link { color: #808331; }
a:visited { color: #808331; }
a:active { color: #5F4157; }
a:hover { color: #5F4157; }

/*------------------------------------------------------------
   Header
------------------------------------------------------------*/
.header
{ 
   margin: 0;
   padding: 0;
   background-color: #ccc;
}

.header .shadow-ul
{
   background-image: url(../graphics/p_trans.gif);
   width: 10px;
   height: 198px;
   float: left;
}

.header .logo
{ 
   width: 390px;
   float: left;
}

.header .animation
{ 
   width: 459px;
   float: left;
}

.header .shadow-ur
{ 
   background-image: url(../graphics/shadow_ur.gif);
   width: 10px;
   height: 198px;
   float: right;
}

/*------------------------------------------------------------
   Content
------------------------------------------------------------*/
.content
{
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 14px;
   text-align: left;
   color: #333;

   margin: 0 60px 0 70px;
   width: 729px;
   clear: both;
}

.content p, .content ul, .content ol
{
   line-height: 140%;
}

.content h1
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 16px 0;
   padding: 0;
   color: #7A7D35;
}

.content h2
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 14px;
   font-weight: normal;
   margin: 0 0 12px 0;
   padding: 0;
   color: #7A7D35;
}

/*------------------------------------------------------------
   Tables
------------------------------------------------------------*/
.content .table1, .content .table2, .content .table3, .content .table4
{
   border-collapse: collapse;
   margin-left: 0;
}

.content .table1
{
   border-top: solid 1px #c3c8b9;
   border-right: solid 1px #c3c8b9;
}

.content .table2
{
   border-top: solid 1px #c3c8b9;
}

.content .table3
{
   border-top: solid 1px #c3c8b9;
   border-right: solid 1px #c3c8b9;
   border-bottom: solid 1px #c3c8b9;
}

.content .table4
{
}

.content .table1 th, .content .table2 th, .content .table3 th, .content .table4 th
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: left;
   /* text-transform: uppercase; */
}

.content .table1 th
{
   padding: 3px 2px 3px 4px;
   color: #fff;
   background-color: #006a46;
   border-top: solid 1px #006a46;
   border-right: solid 1px #006a46;
}

.content .table2 th
{
   padding: 3px 2px 3px 4px;
   color: #fff;
   border-top: solid 1px #006a46;
   background-color: #006a46;
}

.content .table3 th
{
   padding: 3px 2px 3px 4px;
   color: #663366;
   border-left: solid 1px #c3c8b9;
   border-bottom: solid 1px #c3c8b9;
}

.content .table4 th
{
   padding: 0 0 3px 0;
   color: #663366;
}


.content .table1 td, .content .table2 td, .content .table3 td, .content .table4 td
{
   font-family: arial, "arial narrow", helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 140%;
   color: #333;
}

.content .table1 td
{
   padding: 3px 2px 3px 3px;
   border-left: solid 1px #c3c8b9;
   border-bottom: solid 1px #c3c8b9;
}

.content .table2 td
{
   padding: 3px 2px 3px 3px;
   border-bottom: solid 1px #c3c8b9;
}


.content .table3 td
{
   padding: 3px 2px 3px 3px;
   border-left: solid 1px #c3c8b9;
}

.content .table4 td
{
   padding: 3px 0 3px 0;
}

/*------------------------------------------------------------
   Colored Bar
------------------------------------------------------------*/
.bar
{
   text-align: left;
   margin: 0 0 0 10px;
   width: 849px;
}

/*------------------------------------------------------------
   Footer
------------------------------------------------------------*/
.footer
{
   background-image: url(../graphics/back_footer.gif);
   background-color: #fff;
   text-align: left;
   margin: 0;
   padding: 0;
   width: 869px;
   height: 173px;
}

.footerFrame
{
   margin: 0 0 0 70px;
}
.footer h3
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 16px 0;
   color: #5F4157;
}
.footer h1
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 16px 0;
   color: #5F4157;
}

.footer h2
{
   font-size: 12px;
   line-height: 130%;
   margin: 0;
   padding: 0;
   color: #808331;
}

.footer .locate
{
   font-size: 12px;
   font-weight: bold;
   line-height: 130%;
   margin: 0;
   padding: 0;
   color: #808331;
}

.footer h4
{
   font-size: 12px;
   line-height: 130%;
   margin: 0;
   padding: 0;
   color: #808331;
}

.footer .link
{
   line-height: 20px;
}

.footer a:link, .footer a:visited { color: #5F4157; text-decoration: none; }
.footer a:hover, .footer a:active { color: #808331; text-decoration: underline; }


.footer .address1, .footer .address2, .footer .address3, .footer .address4, .footer .address5
{
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 11px;
   line-height: 120%;
   text-align: left;
   color: #333;
   cursor: pointer;

   margin: 0 10px 0 0;
   border: dotted 1px #fff;
   background-color: #fff;
   float: left;
}

.footer .address1 { width: 130px; }
.footer .address2 { width: 130px; }
.footer .address3 { width: 160px; }
.footer .address4 { width: 160px; }
.footer .address5 { width: 120px; }

.footer .address1:hover, .footer .address2:hover, .footer .address3:hover, .footer .address4:hover, .footer .address5:hover
{ 
   border: dotted 1px #ccc; 
   background-color: #fcfcfc; 
}
