html                                            {min-height:100%; height:100%;}
body                                            {line-height: 140%; font-size:80%; margin: 0; background:#FFFFFF; padding:0; font-family:verdana,arial,helvetica; color:#473737; min-height: 100%;}
.fleft                                          {float:left;}
.fright                                         {float:right;}
.clear                                          {clear:both; line-height:0;}

.block_half                                     {float:left; width:50%;}
.block_sixth                                    {float:left; width:16.66%;}
.block_quart                                    {float:left; width:25%;}
.block_inner                                    {max-width:960px; min-width:300px; margin:0 auto;}

header                                          {padding:30px 10px;}
    #block_logo                                 {float:left; margin:0 20px 0 0;}
    #block_logo img                             {width: 300px; margin:0;}
    #block_contacts                             {float:right; color:#a1a1a1; text-align:right;}
        #block_contacts .phone                  {font-size:140%; font-family:Sylfaen,Times New Roman;}
        #block_contacts .phone b                {font-weight:normal; font-size:160%;}
        #block_contacts a                       {font-size:85%; color:#a1a1a1;}
        #block_contacts a:hover                 {color:#9cbdba; text-decoration:underline;}
    #block_date                                 {text-align:center; padding:5px 0; font-weight:bold;}
        #block_date span                        {color:#7d9f9d;}
        
nav                                             {margin:0 0 30px 0;padding:0 10px;}
    nav ul                                      {height:60px; padding:0;}
    nav ul li                                   {background:none; vertical-align:top; display:inline-block; width:16.66%; padding:0; margin:0;}
    nav ul li a                                 {color:#000000; padding:10px 0 0 10px; display:block; height:50px; border-left: solid 1px #cdcdcd; text-decoration:none;}
    nav ul li a span                            {display:block; line-height:120%;font-size:80%; color:#a1a1a1; font-family:Arial;}
    nav ul li a:hover                           {background:#F5F5F5; text-decoration:none;}
    nav ul li.selected a                        {background:#000000; color:#FFFFFF; border:none;}

#block_outer                                    {background:#FFFFFF; margin-top:-80px; position:relative;}
    
    .block_wide                                 {width:66.66%; float:left; position:relative;}
    .block_narrow                               {width:33.33%; float:left; position:relative;}
    
#block_main                                     {padding:0 10px; background: #FFFFFF;}    
    
    .block_content                              {padding:0 40px 0 0;}
    
footer                                          {position:relative; margin: 0 0 30px 0; line-height:125%; color:#000000; min-width:300px; padding:0 10px;}
    footer a                                    {color:#000000; text-decoration:none;}
    footer a:hover                              {color:#3b837d; text-decoration:underline;}
    footer #block_copyright                     {font-size:75%; margin:0 0 0 15px;}
        footer ul                               {margin:0; padding:0;}
        footer ul li                            {background:none; display:inline-block; width:25%; padding:0; margin:0;}
        footer ul li a                          {color:#7d9f9d; padding:10px; display:block; border-right: solid 1px #cdcdcd; text-decoration:none;}
    

        #block_path                             {font-size:11px; color:#7c7e6f;}
            #block_path a                       {font-size:11px; color:#7c7e6f; text-decoration: none;}
            #block_path a:hover                 {border-bottom: dotted 1px #7c7e6f;}
        
h1,h2,h3,h4,h5,h6                               {font-weight:normal; color:#000000; line-height:120%;}                                              
h1                                              {font-size:200%; margin:5px 0 30px 0;}
h2                                              {font-size:160%; margin:5px 0 20px 0;}
h3                                              {font-size:150%;}
h4                                              {font-size:140%;}

ul								                {padding:0; list-style-type:none; margin:10px 0;}
ul li							                {margin:0 0 10px 0; background:URL('pics/item_arrow_orange.png') 0 3px no-repeat; padding:0 0 0 15px;}
ul ul                                           {margin:10px 0 10px 20px;}
ol                                              {margin:10px 0;}
ol li							                {margin:0 0 10px 0; background:none;}

ul.rlist li                                     {background:URL('pics/item.png') 0 8px no-repeat;}
    ul.rlist li a                               {font-size:90%; text-decoration:underline;}

ul.mright li                                    {background:URL('pics/item_orange.png') 0 2px no-repeat; font-size:120%;}

a						                        {color:#3b837d; cursor:pointer; outline:none; text-decoration:none;}
a:hover					                        {color:#7da09c; text-decoration:underline;}
a img                                           {border:0;}
a.textlink                                      {display:inline-block; color:#000000; font-size:110%; margin:0; padding:0 0 0 15px; background:URL('pics/item.png') left no-repeat}
img                                             {max-width: 100%; border: 0 none; height: auto; vertical-align: middle;}

p						                        {margin:0 0 15px 0;}
.suptitle                                       {text-transform:uppercase; color:#1c5382;}
hr                                              {border:none; border-top:solid 1px #CCCCCC; height:1px; margin:30px 0;}
.block_hidden                                   {display:none;}
.date                                           {color:#777777; font-size:85%;}
.red                                            {color:#1c5382;}
.light                                          {color:#777777;}
.ft9                                            {font-size:9px;}
.ft10                                           {font-size:10px;}
.ft11					                        {font-size:11px;}

/* FORMS */
input[type=text],textarea,select                {padding:3px 0; border-top:solid 1px #d8d8d8; border-left:solid 1px #d8d8d8; border-right:solid 1px #ededed; border-bottom:solid 1px #ededed; background:#FFFFFF URL('pics/bg_field.png') repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px;}
a.button,
input.button                                    {border:0; color:#FFFFFF; text-decoration:none; padding:3px 10px; font-size:110%; text-transform:uppercase; background:#1c5382; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px;}
    a.button:hover,
    input.button:hover                          {background:#4f74cd;}

.form_add                                       {padding:10px; background:#F9F9F9;}
    .form_add input.text                        {width:50px; text-align:center;}

.form_fields table                              {border-spacing: 0; border-collapse: collapse;}
    .form_fields table tr td                    {padding:5px 10px 5px 0;}

input.button_delete		{background:URL('pics/button_delete.gif'); width:20px; height:20px; border:0; text-indent:-9999px; cursor:pointer;}

/* 640 <= SCREEN.WIDTH <= 800 */    
@media only screen and (min-width:700px) and (max-width:800px){
    .block_inner                                {max-width:680px;}
}

/* 320 <= SCREEN.WIDTH <= 640 */    
@media only screen and (max-width:700px){
    .block_inner                                {max-width:480px; min-width:300px;}
    body                                        {font-size:80%;}
    #block_contacts                             {float:none; text-align: left; font-size:90%; line-height:130%;}
    #block_date                                 {font-size:72%; text-align:left; margin:0; padding:0;}
    
    nav ul li                                   {width:33.33%; padding:0; margin:0; font-size:90%;}
        nav ul li a                             {border:none; height:auto; padding:10px; margin:0 20px 0 0;}
        nav ul li a span                        {display:none;}
    
    ul.mright                                   {border-top:solid 1px #CCCCCC; margin-top:30px; padding-top:30px }
    footer ul li                                {width:50%; background:URL('pics/item.png') 0 8px no-repeat; padding:0; margin:0 0 10px 0;}
        footer ul li a                          {border:0; padding: 0 0 0 15px; margin:0;}
    
    footer #block_copyright                            {margin: 30px 0 0 0;}
    
    .block_content                              {margin:0; padding:0;}
    .block_wide                                 {width:100%; float:none;}
    .block_narrow                               {width:100%; float:none;}
}