/*   general styles   */
body, html {
    background: #fcdf92;    
    padding: 0;    
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
}
body, td, select, input, textarea, h1, h2, h3, h4, h5, h6 { 
    font: 12px Verdana, Tahoma, sans-serif;  
    color: #000;
}
a, a:link, a:visited, a:active {
    color: #0A64B4;
    text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
small {
    font-size: 10px;
}
.gray {
    color: #666666;
}
h1 {
    padding: 0 0 18px 0;
    margin: 0;
    font-weight: bold;
    font-style: italic;
    font-size: 26px;
    color: #005191;
}
h2 {
    padding: 0 0 12px 0;
    margin: 0;
    font-weight: bold;
    font-style: italic;
    font-size: 17px;
    color: #000;
}
h3 {
    padding: 0 0 12px 0;
    margin: 0;
    font-weight: bold;
    font-size: 13px;
    color: #000;
}
table {
    border: 0; 
    border-collapse: collapse;
}
form, img, div, td, th {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
p {
    padding: 0 0 16px 0;
    margin: 0;  
    background: transparent;
    font-family: inherit;
    font-size: inherit; 
}
.clear {
    clear: both !important;
    font-size: 1px !important;
    height: 1px !important;
    line-height: 1px !important;
    margin: 0 0 -1px !important;
    padding: 0 !important;
}
.black {
    color: #000;
}
.more {
    float: right;
    background: transparent url('/i/bg_more_left.gif') no-repeat 0 0;
    padding: 0 0 0 5px;
}
.more div {
    background: transparent url('/i/bg_more_right.gif') no-repeat 100% 0;
    padding: 1px 10px 10px 5px;
    font-size: 10px;
}
.more a, .more a:link, .more a:visited, .more a:active {
    color: #000;
}
.column_left .box .more {
    margin: 4px 14px 0 0;
}
.png, .banners img, img#logo {
    behavior:	url('/js/pngbehavior.htc');
    
}
ul {
    margin: 0 0 10px 0;
    padding: 0;    
    list-style: none;
}
ul li {
    background: transparent url(/i/li.gif) no-repeat 0px 4px;
    margin: 0;
    padding: 0 0 3px 20px;
}
ul ul {
    margin: 0 0 4px 4px;
}
ul li li {
    background: transparent url(/i/li2.gif) no-repeat 0px 7px;
    padding: 3px 0px 0px 20px;
    font-size: 11px;
}

/*   the basic layout blocks   */
#wrapper {
    margin-bottom: -55px;
    text-align: left;
    min-height: 100%;     
}
* html #wrapper {
    height: 100%;
}
#bg_head {
    background: transparent url('/i/bg.jpg') repeat-x 100% 55px;
}
#foot {    
    text-align: left;
    height: 55px;    
    background: #ff8c00 url('/i/bg_menu_btm.gif') repeat-x 0 0;    
    position: relative;
    clear: both;
}
#wrapper, #foot {
    min-width: 996px;
    width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 996 ? '996px' : '100%' );
}
#head {
    height: 192px;
    width: 100%;
}
#icons {
    width: 27px;
    height: 112px;
    background: #005191 url('/i/bg_icons.gif') no-repeat 0 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
#icons li {
    padding: 15px 0 3px 7px;
    margin: 0;
    background: none;
}
#slogan {
    padding: 37px 380px 0 0;
    width: 100%;
    text-align: center;
    vertical-align: top;
}
#slogan img {
    margin: 18px 0 0 0;
    position: relative;
    left: -20px;
}
/* columns */
.columns {
    width: 100%;      
    clear: both; 
    background: transparent url('/i/head.jpg') no-repeat 100% 0;    
}
.columns .column_left {
    vertical-align: top;
    padding: 2px 0 0 0;
}
.columns .column_right {    
    padding: 0 31px 70px 25px;
    vertical-align: top;
    width: 100%;
    line-height: 1.4em;
}
/* /columns */
#top {
    height: 55px;
    background: #ff8c00 url('/i/bg_menu_top.gif') repeat-x 0 0;    
}
#top div {
    background: transparent url('/i/head.gif') no-repeat 100% 100%;
    padding: 0 130px 0 0;
}
.menu {
    width: 100%;    
    height: 55px;
    padding: 0;
    margin: 0;
}
.menu td {
    font-size: 12px;
    font-weight: bold;    
    color: #c66300;
    text-align: center;
    padding: 0;
}
.menu th {
    width: 21px;
    padding: 6px 20px 0 20px;
}
.menu a, .menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
    color: #fff;
    text-decoration: none;
}
.menu p {
    display: block;
    position: relative;
    background: #1069bb url('/i/bg_menu_a.gif') repeat-x 0% 100%;
    padding: 20px 0 20px 0;
    margin: 1px 0 0 0;
}
.menuleft {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    font-weight: bold;    
    color: #fff;
	width: 100%;
}
.menuleft li { 
	padding: 0; margin: 0; background: #fa9200; vertical-align: middle; height: 46px;     
}
.menuleft td { 
	padding: 0 12px 0 50px; margin: 0; background: #fa9200; vertical-align: middle; height: 46px;     
	background: #fa9200 url('/i/bg_menu_icon.gif') no-repeat 0 0; 
	color: #fff;
}
.menuleft a, .menuleft a:link, .menuleft a:visited, .menuleft a:active, .menuleft a:hover {
    color: #fff;
    text-decoration: none;
    margin: 0;
}
.menuleft a:hover {
	text-decoration: underline;
}
.menuleft td.active { background: #1069bb url('/i/bg_menu_icon_a.gif') no-repeat 0 0; padding: 0; }
.menuleft td.active div {
    padding: 0 12px 0 50px;
}
.menuleft td p a, .menuleft td p a:link, .menuleft td p a:visited, .menuleft td p a:active, .menuleft td p a:hover {
    display: inline;
    font-weight: normal;
    padding: 0;
    background: transparent;
    text-decoration: underline;
}
.menuleft td p a:hover {
    text-decoration: none;
}
.menuleft td p {
	padding: 3px 0 7px 0;
}
.menuleft b {
	display: table-cell;
	position: relative;
	height: 45px;
	vertical-align: middle;
}
.menuleft td.submenu {
	padding: 0 12px 0 25px; margin: 0; background: #1069bb; border: none; font-size: 11px; height: 0;
}

.banners {
    text-align: center;
}
.banners table {
    width: 84%;
    margin: 0 auto;
}
.banners table img {
    margin: 0 5px 22px 0;
}
.banners td {
    /*padding: 0 5px 22px 0;*/
    text-align: center;
}

#crn_break {
    float: right; 
    width: 230px;
    height: 30px;
}

#copyright {
    position: absolute;
    width: 250px;
    height: 90px;
    top: -90px;
    font-size: 10px;
    color: #666666;
}
#copyright p {
    padding: 0 0 14px 0;
    text-align: center;
}
.box {
    border-top: 4px solid #ff9933;
    background: transparent url('/i/bg_box_right.gif') repeat-x 0 0;    
    padding: 20px 35px 0 35px;
    min-height: 355px;
}
.column_left .box {
    background: transparent url('/i/bg_box_right.gif') repeat-x 0 0;
/*    margin-bottom: -90px;*/
    padding: 19px 0px 0 18px;
}
.column_right .box {
    color: #666666;
    min-height: 355px;
}
* html .box {
    height: 355px;
}
.box h1 {
    color: #000;
}
.box, .box p {
    font-size: 11px;
}

.news {
    clear: both;
    font-size: 11px;
}
.column_left .news div {
    float: left;    
    padding: 0 0 17px 0;
}
.news div.pict {
    padding: 0 0 0 0;
    width: auto;
}
.news div.pict img {
    border: 1px solid #ffffff;
    margin: 3px 9px 0 0;
}
img.float-left {
    float: left;
    border: 1px solid #ffffff;
    margin: 3px 9px 0 0;
}
img.float-right {
    float: right;
    border: 1px solid #ffffff;
    margin: 3px 0 0 9px;
}
.news p img {
    float: left;
    border: 1px solid #ffffff;
    margin: 3px 9px 0 0;
}
.news p {
    padding: 0 0 10px 0;
}
.news span {
    font-size: 10px;
    color: #666666;
}


/* forms */
.request {
    width: 430px; 
    float: left;
}
.request table {
    width: 395px;
}
.request td {    
    padding: 5px 0 10px 0;
    vertical-align: top;    
}
* html .request td {
}
form.request td p {
    color: #666;
}
form td {
    font-size: 11px;
}

.request td.field {
    padding: 1px 0 6px 0;
    color: #666;
}
* html .request td.field {
    padding: 0 0 5px 0;
}
.request td.button {
    padding: 15px 0 10px 0;
}

.field input, .field select, .field textarea {
    border: 1px solid #809db9;
    background: #fff;
    width: 395px;
    height: 18px;
    padding: 0;
    margin: 0;
}
.field textarea {
    height: 87px;
}
.field.fsmall input {
    width: 275px;
}
.button input {
    font-size: 18px;
}

.column_left .request {
    width: 200px; 
    float: none;
}
.column_left .request table {
    width: 200px;
}
.column_left .field textarea, .column_left .field input {
    width: 200px;
}
.column_left .field.fsmall input {
    width: 90px;
}
.column_left .button input {
    font-size: 12px;
}
.column_left .request td {    
    padding: 2px 0 2px 0;
    vertical-align: top;    
}
.column_left .request td.field {
    padding: 1px 0 3px 0;
}
.column_left .request td.button {
    padding: 5px 0 10px 0;
}
* html .column_left .request td.field {
    padding: 0 0 2px 0;
}

.page_active, .page {
    padding: 0px 3px;
    font-size: 11px;
}
.page_active {
    font-weight: bold;
}
.key {
    position: relative;
    bottom: -3px;
}
.key img {
    margin: 0px 3px 0px 0px;
}
.ast {
    color: #93342c;
}
p.error {
    color: #93342c;
    padding: 3px 10px;
    font-size: 11px;
    margin: 0;
}
p.update {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    color: #666;
}

.search {
    padding: 0 0 20px 0;
}
.search_info {
    padding: 0 0 10px 0;
}
.search_list td {
    vertical-align: top;
}
.search_url a, .search_url a:link, .search_url a:visited, .search_url a:active {
    color: #666;
}
.search_url {
    padding: 0 0 10px 0;
}

#files {
    position: relative;
}
#files a {
    font-size: 20px; 
    font-weight: bold; 
    text-decoration: none; 
    display: block; 
    position: relative; 
    width: 20px; 
    float: right; 
    right: -20px; 
    margin-left: -20px; 
    margin-top: 20px;
}
.column_left #files a {
    margin-top: 20px;
}
.column_left #files input {
    width: 180px;
}
.column_left #files {
    font-size: 10px;
}
#files input {
    margin: 3px 0 1px 0;
}
* html #files input {
    margin: 2px 0 0 0;
}

.gallery a {
    text-decoration: none;    
}
.gallery img.pict {
    float: left;
    margin: 0px 20px 0px 0;
}
img.pict {
    border: 6px solid #ff9900;
}

.clients td {
    padding: 0 20px 20px 0;
}
.clients img {
    border: 1px solid #ff9900;
}


.galleryList td {
    vertical-align: top;
    text-align: left;
    padding: 0 25px 25px 0;
}
.galleryList img {
    margin: 0 0 7px 0;
}