/* reset
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
body { margin: 0; padding: 0; }
 ol, dl { margin: 0; padding: 0; list-style: none; display: block; }
fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }
a { outline: none; }
:focus { -moz-outline-style: none;}
a:active { outline: none; }
a { color: #50a3a1; }
a:hover { text-decoration: none; }
h1 { color: #50a3a1;font-size: 20px; line-height: 22px;}
h2 { color: #50a3a1;font-size: 16px; line-height: 22px; font-weight: normal; border-bottom: dotted 1px #dadada; padding-bottom: 10px; margin-bottom: 10px; }
/* layout
------------------------------------------- */
body { background: #fff url(../images/website/bg.jpg) repeat-x; font-family: Georgia, "Times New Roman", serif; font-size: 14px; color: #3b3b3b; }


#wrapper { width: 960px; margin: 0 auto; background: #fff; padding: 0 20px; }
#header { border-top: solid 5px #000; padding: 15px 0; }

.searchbox { margin-top: 32px; font-size: 13px; }
.searchbox a { margin-right: 3px; text-transform: uppercase; text-decoration: none; }
.searchbox input.submit { border: solid 1px #aad2d1;  }

#startcontent { margin-top: 10px; border: solid 1px #dadada; padding: 5px 20px 30px 20px; line-height: 20px; }

#content { margin-top: 10px; border: solid 1px #dadada; padding: 20px; line-height: 20px; }

#sidebar { float: left; width: 200px; background: #ededed; padding: 5px 10px; border: solid 1px #dadada; margin-top: 10px;}
#subcontent { float: right; margin-top: 10px; border: solid 1px #dadada; padding: 20px; line-height: 20px; width: 680px;}
#content p, #subcontent p { margin: 10px 0px; }
#subcontent h1 { border-bottom: dotted 1px #dadada; padding-bottom: 10px; }
#content h1 { border-bottom: dotted 1px #dadada; padding-bottom: 10px; margin-bottom: 10px; }

#footer { background: #141414; height: 85px; margin-top: 10px; color: #fff; padding: 20px; font-size: 13px; }
#footer a { color: #50a3a1; text-decoration: none; }
#footer input { margin-left: 10px; background: #404040; border: none; padding: 8px 5px; color: #fff; width: 200px;}
#footer .submit { background: #50a3a1 !important; width: auto !important; font-weight: bold; }

#promo-footer { margin-top: 10px; margin-bottom: 30px; text-align: right; font-size: 13px; }
#promo-footer a { text-decoration: none; }

#banner-rotator { height: 258px; }

#content ul, #subcontent ul ,#content ul li, #subcontent ul li { list-style-position: inside;}
#content ul ul, #subcontent ul ul{ margin-left: 20px;}
/* forms
------------------------------------------- */
input, textarea { font-family: Georgia, "Times New Roman", serif; font-size: 13px; }
input, textarea { border: solid 1px #dad9d9; background: #ededed; padding: 8px 5px; color: #7d7d7d; margin-left: 10px; }
textarea { width: 301px; overflow: auto; }
input.submit { color: #141414; font-size: 12px; padding-left: 10px; padding-right: 10px; margin-left: 2px; background: #aad2d1; border: none;}
label { width: 140px; display: block; float: left; }
fieldset { margin: 5px 0px; padding: 0px;}
input.text { width: 301px; }
label.newsletter { width: 150px; padding-top: 7px; }
.select { font-family: Georgia, "Times New Roman", serif; font-size: 13px; padding: 8px 5px; margin-left: 10px;}

/* navigation
------------------------------------------- */
#navigation { padding-top: 5px; background: #aad2d1;  }
ul#top-menu { background: #000; float: left;  width: 100%; margin-bottom: 6px; list-style: none; padding: 0;}
ul#top-menu li { float: left;  }
ul#top-menu li a { background: #000; text-decoration: none; color: #fff; padding: 15px 10px 15px 10px; display: block; border-right: solid 1px #2a2a2a; font-weight: bold; font-size: 12px; float: left; }
ul#top-menu li a:hover, ul#top-menu li.active a { background: #aad2d1 url(../images/website/tri.gif) no-repeat center 0px; color: #000; border-right: solid 1px #aad2d1; margin-top: -5px; padding-top: 20px; }

/* submenu navigation
------------------------------------------- */
ul#sub-menu { font-size: 14px; list-style: none;}
ul#sub-menu li { border-bottom: solid 1px #dadada; padding: 2px 0px;}
ul#sub-menu li.last { border: none; }
ul#sub-menu li a { color: #3b3b3b; text-decoration: none; padding: 10px 5px; display: block; }
ul#sub-menu li a:hover, ul#sub-menu li.active a { background: #aad2d1; font-weight: bold; }

/* footer navigation
------------------------------------------- */
ul#footer-menu { list-style: none; float: left; padding-bottom: 20px; border-bottom: dotted 1px #727272; width: 100%; margin-bottom: 15px;}
ul#footer-menu li { float: left; margin-right: 10px; color: #393939; }
ul#footer-menu li a { float: left; color: #fff; text-decoration: none; margin-right: 10px; font-size: 13px; }
ul#footer-menu li a:hover, ul#footer-menu li.active a { color: #50a3a1; }

/* news
------------------------------------------- */
.news.even, .news.odd { width: 428px; height: 150px; overflow: hidden; padding: 20px; border-right: dotted 1px #dadada; float: left; padding-left: 0px; border-bottom: dotted 1px #dadada;}
.news.odd { border-right: none; float: right; padding-left: 20px; }
.news img { padding: 5px; border: solid 1px #dadada; float: left; margin-right: 25px;}
.news small { color: #a6a6a6; }
.news p { margin-top: 10px; }
.news a { text-decoration: none; }
.news a:hover { text-decoration: underline; }
.news .long { height: auto; }
#content .news h1 { border: none !important; padding: 0 !important; margin: 0 !important;}

/* pubication
------------------------------------------- */
.publication { margin-top: 10px;  border-bottom: dotted 1px #dadada; padding-bottom: 10px;; }
.publication img { float: left; margin-right: 15px; }
ul.publication-info { margin-top: 20px;  }
ul.publication-info li { margin-top: 3px; color: #7d7d7d; font-style: italic; font-size: 12px;}

/* gallery
------------------------------------------- */
.gallery.even, .gallery.odd { width: 185px; padding: 20px; border-right: dotted 1px #dadada; float: left; border-bottom: dotted 1px #dadada;}
.gallery.odd  { border-right: none; float: right; }
.gallery img { border: solid 1px #dadada; padding: 5px; }
.gallery a:hover img { padding: 0; border: solid 6px #aad2d1; }

/* Pagination
------------------------------------------- */
.paginator { padding-top: 10px; margin: 10px auto; text-align: center; font: 14px Arial, Verdana; }
.paginator a, .pageList .this-page { padding: 5px 8px; background: #ededed; text-decoration: none;color: #3b3b3b;}
.paginator .this-page, .paginator a:hover {padding: 5px 8px; font-size: 14px; vertical-align: top; background: #aad2d1; color: #fff; }

/* breadcrumb
------------------------------------------- */
ul#breadcrumb { padding: 20px 20px 10px 20px; font-size: 14px;}
ul#breadcrumb li { display: inline; }
ul#breadcrumb li a { text-decoration: none; }
ul#breadcrumb li a:hover { text-decoration: underline; }

/* common class
------------------------------------------- */
.plus { padding-left: 10px !important; padding-right: 10px !important; }
.mt7 { margin-top: 7px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.blue { color: #50a3a1; }
.half { width: 430px; }
.bold { font-weight: bold !important;}

.error_list { color: red; }

/* messages
------------------------------------------- */
.infoConfirm, .infoError, .infoConfirmContactform { display: block; padding: 5px;  margin: 0px 0px 10px 0px; color: #fff; font-weight: normal; background: green; }
.infoError { background: red; }
.infoConfirmContactform { background: #666600; }