HTML, BODY, DIV, SPAN, H1, H2, H3, H4, H5, H6, P, A, IMG, ADDRESS, BIG, SMALL, EM, ADDRESS,
FONT, IMG, STRONG, SUB, SUP, TT, VAR, DEL, INS, DL, DT, DD, OL, UL, LI, FORM, TABLE, TR, TH, TD {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
SUB, SUP {vertical-align: top;}	
OL, UL {list-style: none;}
TABLE {border-collapse: collapse; border-spacing: 0; empty-cells: show;}
TH, TD {text-align: left; font-weight: normal; vertical-align: top;}
:focus {outline: 0;}

HTML, BODY {height: 100%;}
BODY {background: #FFF url(../images/bg.png) repeat-x; color: #333; text-align: center; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;}
#nf {background: #FFF;}

A {color: #33659D; text-decoration: underline;}
A:hover {color: #D32828;}

IMG {font-size: 12px;}
DEL {display: none;}
INS {text-decoration: none;}

INPUT, SELECT, TEXTAREA {font-family: Arial, sans-serif; color: #333; font-size: 14px;}
TEXTAREA {background: #FFF; overflow: auto;}

.field {margin-right: 4px;}
.select {margin-right: 0;}
.field INPUT, .field SELECT, .field TEXTAREA {width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}

H1, H2, H3, H4, H5, H6 {margin: 16px 0;}
H1 {font-size: 18px; font-weight: normal; line-height: 24px; margin: 26px 0 13px;}
H2 {font-size: 16px; line-height: 20px; margin: 30px 0 15px;}
H3 {font-size: 14px;}
H4, H5, H6 {font-size: 12px;}

H1:first-child {margin-top: 13px;}
H2:first-child, #learn-draw H2 {margin-top: 15px;}

P, .p {margin: 16px 0;}
.tx2 {margin-top: 32px;}

/*UL {margin: 16px 0;}
UL LI {margin: 8px 0; padding-left: 16px; background: url(../images/bg_li.png) 0 9px no-repeat;}

OL {margin: 16px 0; list-style: decimal outside;}
OL LI {margin: 8px 0 8px 27px;}*/

DL {margin: 16px 0;}
DT {margin: 8px 0;}
DD {margin: 8px 0 8px 16px;}

SMALL, .small {font-size: 12px;}
VAR {font-size: 14px; font-style: normal;}

UL.ul_list {margin: 16px 0;}
UL.ul_list LI {margin: 8px 0; padding-left: 16px; background: url(../images/bg_li.png) 0 9px no-repeat;}

OL.ol_list {margin: 16px 0; list-style: decimal outside;}
OL.ol_list LI {margin: 8px 0 8px 27px;}

.clear {clear: both;}
.clear-fix:after, #content:after, #learn-info:after, .works:after {content: ''; display: block; height: 0; clear: both;}

.nowrap {white-space: nowrap;}
.addition {color: #666;}

.form-table {width: 75%; margin: 16px 0;}
.form-table TD {vertical-align: top; padding: 0 0 8px;}
.form-table TD.first {width: 1%; white-space: nowrap; padding: 2px 8px 0 0;}
.form-table TD.first SPAN {color: #F00;}

.err {color: #F00;}
.ok {color: #090;}

#content-nf {width: 280px; height: 168px; position: absolute; top: 50%; left: 50%; margin: -74px 0 0 -126px;}
#content-nf H1, #content-nf H2 {line-height: normal; margin: 0; font-weight: normal;}
#content-nf H1 {font-size: 36px; color: #CECFD0;}
#content-nf H2 {font-size: 24px; color: #666; margin: 8px 0 16px;}
#content-nf P {font-size: 14px; margin: 0;}
#content-nf P SPAN {visibility: hidden;}

#wrapper {margin: 0 auto; width: 992px; min-height: 100%; text-align: left;}
#wrapper-nf {min-height: 100%; text-align: left; background: url(../images/bg_picture.png) 50% 50% no-repeat; min-width: 780px;}

#header {height: 145px; position: relative;}
#header #logo {width: 240px; height: 91px; margin: 0; font-size: 12px; line-height: normal; background: url(../images/logo.png) no-repeat; overflow: hidden; position: absolute; top: 21px; left: 0;}
#header #logo A, #header #logo A:hover {width: 240px; height: 91px; position: relative; text-decoration: none;}
#header #logo A SPAN, #header #logo A EM, #header #logo A SMALL {cursor: pointer;}
#header #logo SPAN, #header #logo EM, #header #logo A {display: block; font-style: normal;}
#header #logo SPAN {padding-bottom: 1px; color: #999; width: 96px; background: #FFF; text-align: center;}
#header #logo EM {padding: 56px 0 0 0; color: #333;}
#header #logo SMALL {position: absolute; right: 5px; top: -1px;}
#header #logo INS {text-decoration: underline;}

#header UL {margin: 0; position: absolute; top: 63px; left: 264px; line-height: normal;}
#header LI {float: left; width: auto; margin: 0; background: none; padding-left: 16px;}
#header LI A, #header LI SPAN {float: left; width: auto; display: block; padding: 4px 8px; background: #FFF; text-decoration: none;}
#header LI SPAN {background: #517EAF; color: #FFF; cursor: default;}
#header LI.active A {background: #517EAF; color: #FFF;}

#header .vcard {width: 184px; margin: 0; font-size: 12px; line-height: normal; font-weight: normal; text-align: right; position: absolute; top: 21px; right: 0;}
#header .vcard SMALL, #header .vcard SPAN {display: block;}
#header .vcard SPAN {padding: 12px 0 9px;}
#header .vcard BIG {font-size: 18px; line-height: 21px;}
#header .vcard SMALL INS A {text-decoration: none; border-bottom: 1px solid;}
#header .vcard DIV {display: none;}

#header .our-address {font-size: 12px; line-height: normal; position: absolute; top: 21px; left: 288px;}
#header .tnav {font-size: 12px; line-height: normal; font-weight: normal; position: absolute; top: 21px; left: 691px;}

#container {padding-bottom: 144px;}
#content {}

#picture-box {height: 404px; margin: 30px 0 37px; position: relative; font-size: 12px;}
#picture {width: 587px; height: 395px; padding: 9px 0 0 9px; position: absolute; top: 0; left: 199px; background: url(../images/bg_picture.png) no-repeat;}
#picture P {margin: 0; width: 576px; height: 384px; background: url(../images/bg_loading.gif) 50% 50% no-repeat; overflow: hidden;}
#picture SPAN {display: none;}
#picture SPAN.active {display: block;}

#picture-left {width: 168px; position: absolute; top: 17px; left: 0; padding-left: 16px;}
#picture-left .inner {margin: -7px 0 16px -16px; padding: 1px 0; height: 186px;}
#picture-left UL, #picture-right UL {margin: 0;}
#picture-left INS, #picture-right INS {color: #666;}
#picture-left STRONG {color: #333;}

#picture-right {width: 176px; position: absolute; top: 17px; right: 0; padding-left: 23px;}
#picture-right .inner {margin: -7px 0 16px -23px; padding: 1px 0; height: 238px;}
#picture-right LI {background: none; padding: 0; margin: 6px 0;}
#picture-right LI A {padding: 0 0 0 23px; display: block; height: 24px; line-height: 23px; overflow: hidden;}
#picture-right LI A.active {color: #FFF; background: #4F7AA9 url(../images/bg_materials.png) repeat-y; text-decoration: none; cursor: default;}

#learn-draw {margin: 16px 0 -6px; padding: 1px 15px; border: 1px solid #D3D4D5; position: relative;}
#learn-draw LI {margin: 4px 0;}
#learn-draw SMALL {color: #666;}
#learn-draw TT {display: block; width: 33px; height: 33px; position: absolute; top: -33px; left: 163px; background: url(../images/bg_learn.png) no-repeat; overflow: hidden;}

#learn-info {text-align: right; font-size: 12px;}
#learn-info SMALL {float: left;}
#learn-info SPAN A {text-decoration: none;}
#learn-info SPAN A INS {text-decoration: underline;}

.works {margin: 12px 0;}
.works-first {margin-top: -8px;}
.works h2 {font-size: 12px; font-weight: normal; margin: 0 0 4px; color: #999;}
.works DL, .works DT {margin: 0;}
.works DT {padding-right: 20px; width: auto; float: left;}
.works DT A {width: auto; float: left; display: block;}

#all-works {margin: 12px 0 16px; padding-right: 4px;}
#all-works A {text-decoration: none;}
#all-works A INS {text-decoration: underline;}

.frame {border: 1px solid #CCC; border-color: #D9D9DA #C6C6C7 #C6C6C7 #D9D9DA; background: #FFF; padding: 8px; float: left;}
.frame, .frame A,.frame IMG, #header H1 IMG, #footer P A, #footer P IMG {display: block;}

#foot {height: 0; position: relative;}
#footer {width: 100%; position: absolute; left: 0; top: -120px; text-align: center; background: url(../images/bg_footer.png) repeat-x;}
#centre {margin: 0 auto; width: 992px; height: 120px; text-align: left; position: relative;}
#centre ADDRESS {font-style: normal; font-size: 12px; color: #666; position: absolute; left: 0; top: 23px;}
#centre P {margin: 0; position: absolute; right: 0; top: 44px; width: 31px; height: 31px; overflow: hidden;}

#a-foot {font-size: 9px; line-height: 10px; color: #C3C3C4;}
#a-foot TABLE {width: 100%; height: 120px;}
#a-foot TD {padding: 8px 56px 8px 200px; vertical-align: middle; text-align: center;}
#a-foot A, #a-foot A:hover {color: #C3C3C4; text-decoration: none;}


/*Admin and user links*/

.item-list .pager {
  clear: both;
  text-align: left;
}
.item-list .pager li {
  background-image:none;
  display:inline;
  list-style-type:none;
  padding: 0.5em;
}
.pager-current {
  font-weight:bold;
}

/** Tab navigation*/

ul.primary {
  border-collapse: collapse;
  padding: 0; 
  white-space: nowrap;
  list-style: none;
  margin: 10px 5px 10px 0;
  height: auto;
  line-height: normal;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #FFF;
  border: 1px solid #bbb;
  height: auto;
  margin-right: 0.5em;
  padding: 3px 7px;
  text-decoration: none;
  color: #517EAF;
}
ul.primary li.active a {
  background-color: #517EAF;
  border: 1px solid; border-color: #86A5C7 #39587A #39587A #86A5C7;
  color: #FFF;
}
/****/
ul.inline {
  border-collapse: collapse;
  padding: 0; 
  white-space: nowrap;
  list-style: none;
  margin: 10px 5px 10px 0;
  height: auto;
  line-height: normal;
}
ul.inline li {
  display: inline;
}
ul.inline li a {
  background-color: #517EAF;
  border: 1px solid; border-color: #86A5C7 #39587A #39587A #86A5C7;
  height: auto;
  margin-right: 0.5em;
  padding: 3px 7px;
  text-decoration: none;
  color: #FFF;
}

/*administrative links*/

div.view div.views-admin-links {
  font-size: xx-small;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 95%;
}

.block div.view div.views-admin-links {
  margin-top: 0;
}

div.view div.views-admin-links ul {
  padding-left: 0;
}

div.view div.views-admin-links li a {
  color: #999;
}

div.view div.views-admin-links li {
  padding-bottom: 2px;
  z-index: 201;
  display: inline;
  margin-right: 1em;
}

div.view div.views-admin-links-hover a,
div.view div.views-admin-links:hover a {
  color: #000;
}

div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {
  background: transparent;
}

div.view div.views-admin-links a:before {
  content: "[";
}

div.view div.views-admin-links a:after {
  content: "]";
}
/* Guestbook styles */
.guestbook  form {background: url(../images/form_bg.png) 0 100% repeat-x; padding-bottom: 5px; margin-bottom: 20px;}
.guestbook H3 {font-size: 18px; font-weight: normal; line-height: 24px; margin: 13px 0;}
.guestbook .form-item textarea {width: 680px; border: 1px solid; border-color: #808080 #D9D9D9 #D9D9D9 #808080;}
.guestbook INPUT { border: 1px solid; border-color: #808080 #D9D9D9 #D9D9D9 #808080;}
.guestbook-entry { padding-bottom: 17px;}
.guestbook-entry .submitted {font-size: 11px; float: left; padding-left: 6px; line-height: 14px;}
.guestbook-message  {clear: both; zoom:1;}
.guestbook-message p {margin: 0; padding: 3px 0 3px 0;}
.guestbook-entry .author {float: left; padding-right: 6px; border-right: 1px solid #517EAF; font-size: 12px; line-height: 14px;}
.guestbook-entry .links {font-size: 11px;}
/* Other common styles */
.guestbook .form-submit, .form-submit { margin-bottom: 10px; background: #517EAF; color: #FFF;  cursor: pointer; border: 1px solid; border-color: #86A5C7 #39587A #39587A #86A5C7;}
.confirmation, .messages, .container-inline { margin: 5px 0 5px 15px; }
.messages ul { padding: 0; margin: 0; }
.messages li { padding: 0; margin: 0; font-size: 11px; line-height: 15px; }
.error { color: #ee5555; }
div.error { border: 1px solid #dd7777;}
div.error, tr.error { background: #FFD8D8; color: #FF0000; padding: 10px; font-size: 11px;}
div.warning { border: 1px solid #f0c020; }
div.warning, tr.warning { background: #ffffdd; color: #222200; padding: 2px; }
.ok { color: #008000; }
div.ok { border: 1px solid #00aa00; }
div.ok, tr.ok { background: #ddffdd; color: #002200; padding: 2px; }
ol.task-list li.active { font-weight: bold; }
.form-item { margin-top: 1em; margin-bottom: 1em; color: #898989; }
tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; }
tr.merge-down, tr.merge-down td, tr.merge-down th { border-bottom-width: 0 !important; }
tr.merge-up, tr.merge-up td, tr.merge-up th { border-top-width: 0 !important; }
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid #ff0000; }
.form-item .description { font-size: 0.8em; }
.form-item label { display: block; font-weight: bold; font-size: 12px;}
.form-item label.option { display: inline; font-weight: normal; }
.form-checkboxes, .form-radios { margin: 1em 0; }
.form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; }
.marker, .form-required { color: #ff0000; }
.more-link { text-align: right; /* LTR */ }
.more-help-link { font-size: 0.85em; text-align: right; /* LTR */ }
.nowrap { white-space: nowrap; }
.tips table { font-size: 9px; }

/*Gallery styles*/
.submitted, .date-display-single {font-size: 11px; color: #808080;}
.view-gallery-list .submitted {font-size: 11px; padding-bottom: 2px; color: #808080;}
.view-gallery-list .views-field-title {margin-bottom: 20px; clear: both;}
.view-gallery-list .views-row p {margin: 0; padding: 0 0 2px 0; font-size: 12px; font-style: italic;}
.view-gallery-list .views-view-grid td{padding-right: 20px; padding-bottom: 20px;}

.view-gallery-list .views-field-title SPAN A {font-size: 12px;}

.views-field-field-image-fid  .field-content  {border: 1px solid #CCC; border-color: #D9D9DA #C6C6C7 #C6C6C7 #D9D9DA; background: #fff; padding: 8px; display: block; float: left;}

.view-gallery .views-view-grid td {padding-right: 20px; padding-bottom: 20px;}
.view-gallery .views-view-grid td .views-field-title {clear: both; font-size: 12px; width: 168px;}
.view-gallery .views-view-grid td .views-field-created {font-size: 11px; color: #808080;}

.field-field-image {clear: both;}
.field-field-image .field-items .field-item {border: 1px solid #CCC; border-color: #D9D9DA #C6C6C7 #C6C6C7 #D9D9DA; background: #fff; padding: 8px;  float: left; margin: 10px 0;}
.field-type-nodereference {clear: both; font-size: 12px;}

/*Custom pages style*/
.custom-pager-top  {margin-top: 10px;}
ul.custom-pager li {float: left; margin-right: 10px;}
ul.custom-pager li.key {font-weight: bold;}

/*News styles*/
.view-News .views-field-title .field-content {font-size: 16px; font-weight: bold; line-height: 20px;}

table.c9bef3 {
padding: 0 !important;
margin: 50px 0 0 !important;
font-size: 12px !important;
border: 1px solid #FFF !important;
background-color: #FFF !important;
}
table.c9bef3 td {
padding: 5px 9px 5px 1px !important;
text-align: left !important;
vertical-align: top !important;
}      
.c9bef3 a {
color: #33659D !important;
font-weight: normal;
font-size: 12px !important;
}
.c9bef3 .text {
color: #333 !important;
font-size: 12px !important;
padding: 3px 0 !important;
line-height: normal !important;
}
.c9bef3 .host {
color: #666;
font-weight: normal;
font-size: 12px !important;
padding: 3px 0 !important;
line-height: normal !important;
}
.c9bef3 ul {
padding: 0 !important;
margin: 0 !important;
}
.c9bef3 ul li {
padding: 0 !important;
margin: 0 !important;
background: none !important;
}