html { font-size: 100%; /* IE trick to allow proper resizing of text */ }

body {
	font: 0.75em/1.66em "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #454e52;
	background: #ffffff url('../../images/hts/header.png') top center no-repeat;
	padding: 0 0 20px 0;
	margin-top: 0px;
        margin-bottom: auto;
	text-align: center;
	height:100%; 
	overflow-y:auto;
}

body.adminbody {
	 background: url('../../images/hts/header_admin.png') top center no-repeat;
}

/* default heading sizes */	

h1		{ font-size: 12px; color: #1e629e; margin: 0 0 8px 0;  }

h2		{ font-size: 12px; color: #72797f;   }

h3 		{ font-size: 12px; color: #72797f;  }

h4		{ font-size: 12px;  color: #72797f; }

h5,h6	{ font-size: .84em;  }

/* default link formatting */			

a, a:link	{ color: #6d7c82; text-decoration: none; }

a:visited	{ color: #6d7c82; }	

a:focus, a:hover 	{ color: #000000; text-decoration: underline; }

a:active	{ color: #000000; }

a.blue, a:link.blue, a:visited.blue { color: #1e629e; text-decoration: underline; }

a:hover.blue { color: #990000; }

#righty { font-size: 1.15em;}

#righty .htmlbox ul {  padding: 0; margin: 0;  }

#righty .htmlbox ul li {  
	list-style: none;
	padding-left: 10px;
	background: url(../../images/hts/bullet.png) 0 8px  no-repeat;
}

#righty .htmlbox ol ol  {
	list-style: lower-greek;
	list-style-type: lower-greek;
}

#righty .htmlbox p {
	text-align: justify;
}

#container {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
	text-align: left;
}

#popup_container {
        width: 750px;
        background-color: white;
}

#content {
	display: inline-block;
}

/********************* Top menu **********************************************/

#topmenu {clear:both; margin:0; padding:0; text-align:left; height: 28px;}

#topmenu .treemenu { float:left;  width: 800px; margin:0 0 0 0; }

#topmenu {background: transparent; width: 800px; font: normal 11px/13px Verdana, Arial; }

#topmenu a {text-decoration: none;}

#topmenu ul { margin:0; padding:0; list-style:none; }

#topmenu li { list-style: none; display:inline; margin:0; padding:0; }

#topmenu ul li { float:left; margin:0; text-decoration:none; }

#topmenu ul li a { display: block; float:left; height: 28px;  background:url(../../images/hts/topmenu-nav.png) repeat-x left top; padding:11px 10px 0 10px; color:#d9dfeb; border-bottom: 4px solid transparent; text-transform: uppercase;}


#topmenu ul li:hover a { color:#ffffff; background-position:100% -82px; border-bottom-color: #5284c8;}
#topmenu ul li.active a { color:#000000; background-position:100% -43px; border-bottom-color: #5284c8}

#topmenu ul ul {
        display: none;
}

/********************** End Top menu  ********************************************/

#belowtopmenu {
	height: 154px;
	margin-top: 14px;

}

/*********** Search *************/
div.searchy {
	margin-top: 70px;
	float: right;
}

div.searchy h1, h3 {
        display: none;
}

div.searchy p {
        margin: 0;
        padding: 0;
}

div.searchy input {
        width: 130px;
	margin-top: 4px;
	height: 14px;

}

div.searchy button {
        width: 18px;
        height: 18px;
        border: none;
        background: url(../../images/hts/search.gif);
        background-repeat: no-repeat;
        margin-left: 5px;
        color: white;
	margin-bottom: 2px;
}

/*********** End Search ************/

#belowtopmenu .htmlbox {
	margin-top: 40px;
        clear: right;
	float: right;
	text-align: right;
}

#info {
	height: 24px;
	width: 800px;
	background: transparent url('../../images/hts/rule.gif') repeat-x 0 0;
}

#infoleft {
	float: left;
	width: 226px;
	height: 24px;
	line-height: 24px;
}

#infoleft img {
	margin-top: 6px;
}

#inforight {
	margin-left: 230px;
	height: 24px;
	line-height: 24px;
	text-align: left;
}

#topbanner {
        width: 800px;
}

#topbannerleft {
        float: left;
        width: 226px;
}

#topbannerright {
	margin-left: 230px;
}

#lefty {
        float: left;
        width: 224px;
        text-align: left;
}

#righty {
        margin-left: 228px;
        width: 561px;
        text-align: left;
}

#rightytop {
        float: left;
        width: 100%;
        clear: right;
}

#rightyl {
        float: left;
        width: 406px;
}

#rightyr {
        margin-left: 410px;
        margin-top: 5px;
}

/******** Left Menu *********/

#lefty .treemenu {
	width: 214px;
	overflow: hidden;
	margin-bottom: 10px;
}

#lefty .treemenu h1 {
	font-size: 12px;
	color: #6d7c82;
}

#lefty .treemenu ul {
        list-style: none;
        list-style-type: none;
        text-align: left;
        margin: 0;
        padding: 0;
}

#lefty .treemenu ul li {
        display: block;
        text-indent: 0px;
        margin:0px;
        line-height: 16px;
}

#lefty .treemenu ul li a {
        padding-left: 8px;
	padding-bottom: 5px;	
        text-decoration: none;
        display: block;
        color: #697684;
        width: 100%;
        border-left: 4px solid #e2e1e1;
	background: url(../../images/hts/rule2.gif) repeat-x bottom left;
}

#leftytop .treemenu ul li .active {
        font-weight: bold;
}

#leftytop .treemenu ul li.active {
	background: url(../../images/hts/rule2.gif) repeat-x bottom left;
}

#leftytop .treemenu ul li.active li {
	background: none;
}

#leftytop .treemenu ul li .inactive {
        font-weight: normal;
}

#lefty .treemenu ul li:hover a {
	border-left-color: #96a3aa;
}

#lefty .treemenu ul li.active a {
	border-left: 4px solid #5284c8;
}

#lefty .treemenu ul li a:hover {
	color: #000000;
	background-color: #ecebeb;
}

#lefty .treemenu ul ul {
	display: none;
}

#lefty .treemenu ul li.active ul {
	display: block;
}

#lefty .treemenu ul li.active ul li a {
	border-left: 4px solid #e2e1e1;
}

#lefty .treemenu ul li.active ul li:hover a {
	border-left: 4px solid #96a3aa;
}

#lefty .treemenu ul li ul li a {
	border: none;
	background: none;
}

#lefty .treemenu ul li.active ul li a {
	padding-left: 25px;
	width: 189px;
}

#lefty .treemenu ul li.active ul ul {
        display: none;
}

/****** End Left Menu **************/

#lefty .newsletter {
	margin: 0;
	background: url(../../images/hts/newsletter_bot.jpg) left bottom no-repeat;
	border: none;
	padding-bottom: 20px;
}

#lefty .newsletter .insertmail_title {
	height: 67px;
}

#lefty .newsletter h1 {
	display: block;
	width: 222px;
	height: 67px;
	color: #3461b8;
	font-size: 14px;
	padding: 27px 0 0 62px;
	background: url(../../images/hts/newsletter_top.jpg) left top no-repeat;
	width: 160px;
}

#lefty .newsletter .insertmail_content {
	width: 222px;
	border: none;
	background: url(../../images/hts/newsletter_content.jpg) left top repeat-y;
	width: 208px;
	
}

#lefty .newsletter .subscribetext {
	margin-left: 20px;
}

#lefty .newsletter label {
	width: 55px;
}

#lefty .newsletter input {
	width: 124px;
}

#lefty .newsletter button {
        margin-left: 115px;
        width: 82px;
        height: 21px;
        background-image: url(../../images/hts/button.png);
        color: white;
}

#lefty .newsletter button:hover {
        text-decoration: underline;
}

.news_nopager h1,
.news_nopager .pager,
.newsitem .date {
	display: none;
}

.news h1 {
	color: #6d7c82;
}

.newsitem,
.ruler_dotted {
	margin-top: 25px;
	background: url(../../images/hts/rule2.gif) bottom left repeat-x;
}

.newsitem h2,
.tab {
	display: block;
	width: 565px;
	height: 43px;
	font-size: 12px;
        padding: 8px 0 0 8px;
	margin-bottom: -2px;
	background: url(../../images/hts/big_tab.png) no-repeat;
	height: 35px;
}

.news_nopager h2 {
	display: block;
	width: 406px;
	height: 44px;
	font-size: 12px;
	padding: 8px 0 0 8px;
	margin-bottom: -2px;
	background: url(../../images/hts/small_tab.png) no-repeat;
	height: 36px;
}

.newsitem h2,
.newsitem h2 a {
	color: #1e629e;
}

.newsitem h2 a:hover {
	color: #990000;
}

.newsitem p {
	margin: 0 0 0 2px;
	float: none;
	text-align: justify;
}

.newsimg { 
	margin: 15px 7px 3px 0;
	float: left;
}

.newsitem .linktofull {
	margin-left: 2px;
	padding-left: 20px;
	clear: both;
	background: url(../../images/hts/link_arrow.png) left center no-repeat;
}

.newsitem .linktofull a {
	font-weight: bold;
	color: #1e629e;
}

.newsitem .linktofull a:hover {
	color: #990000;
}

.newsitem .newsabstract a {
	color: #333333;
}

.newsitem .newsabstract a:hover {
	text-decoration: none;
}

.newsback a {
	display: block;
	width: 160px;
	height: 21px;
	padding: 1px 0 0 13px;
	margin-bottom: 20px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../../images/hts/button_big.png) no-repeat;
}

.newsback a:hover,
.newsback a:visited {
	color: #FFFFFF;
}

.newsbody {
	padding-top: 15px;
}

#copyinfo {
	clear: both;
	width: 800px;
        margin-left: auto;
        margin-right: auto;
	margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
	background: url(../../images/hts/rule.gif) top left repeat-x;
}

#copyleft {
        padding-bottom: 10px;
        text-align: center;
        float: left;
}

#copyright {
        text-align: right;
}

#copyright a:hover {
	text-decoration: none;
}

.squarebox {
	background: #deebf3 url(../../images/hts/squarebox_top.png) top left no-repeat;
	padding: 15px 5px 7px 7px;
	color: #000000;
	border-bottom: 1px solid #bdc4d1;
        width: 149px;
}

.squarebox a {
	color: #000000;
}

.squarebox h4 {
	padding: 0;
	margin: 0 0 5px 0;
	color: #547ed0;
	font-weight: normal;
}

.ruler {
	height: 2px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
	background: url(../../images/hts/horiz_rule.png) repeat-x;
}

.roundbox_up {
	width: 161px;
	height: 24px;
	background: url(../../images/hts/roundbox_up.png) no-repeat;
}

.roundbox_down {
        width: 161px;
        height: 24px;
        background: url(../../images/hts/roundbox_down.png) no-repeat;
}

.roundbox_content {
	width: 141px;
	padding: 10px;
	background: url(../../images/hts/roundbox_content.png) repeat-y;
}

.roundbox_separator {
	width: 161px;
	height: 16px;
	background: url(../../images/hts/roundbox_separator.png) no-repeat;
}

.contactform form {
        padding-top: 5px;
        padding-left: 20px;
}

.contactform p button {
        margin-left: 265px;
}

.admin div.submit,
.contactform div.submit {
        text-align: left;
        padding-left: 260px;
}

.contactform button {
        width: 82px;
        height: 21px;
        border: 1px solid white;
        background-image: url(../../images/hts/button.png);
        background-repeat: no-repeat;
        padding-bottom: 3px;
        margin-bottom: 10px;
        font-weight: bold;
        color: white;
}

.contactform button:hover {
        text-decoration: underline;
}

.contactform label {
        font-weight: normal;
        float: left;
        width: 150px;
        text-align: right;
        padding-right: 10px;
        font-size: 8pt;
        color: #333333;
}

.contactform input {
        width: 200px;
        height: 16px;
        font-size: 8pt;
        border: 1px solid #a7a6aa;
        padding-left: 5px;
}

.contactform p {
	margin: 6px 0 6px 0;
}

.contactform textarea,
.contactform textarea {
        width: 300px;
        height: 150px;
        border: 1px solid #a7a6aa;
        padding-left: 5px;
}
.contactform input:focus,
.contactform textarea:focus {
        background-color: #ffffdd;
        border: 1px solid #27a0da;
}

.registerform form {
	padding-left: 0;
}

.registerform label {
	width: 140px;
}

.gskform form {
        padding-top: 5px;
        padding-left: 50px;
}

.gskform p button {
        margin-left: 245px;
}

.gskform div.submit {
        text-align: left;
        padding-left: 220px;
}

.gskform button {
        width: 82px;
        height: 21px;
        border: 1px solid white;
        background-image: url(../../images/hts/button.png);
        background-repeat: no-repeat;
        padding-bottom: 3px;
        margin-bottom: 10px;
        font-weight: bold;
        color: white;
}

.gskform button:hover {
        text-decoration: underline;
}

.gskform label {
        font-weight: normal;
	display: block;
	clear: right;
        text-align: left;
        font-size: 8pt;
        color: #333333;
}

.gskform input {
        width: 300px;
        height: 16px;
        font-size: 8pt;
        border: 1px solid #a7a6aa;
}

.gskform p {
        margin: 6px 0 6px 0;
}

.gskform textarea {
        width: 300px;
        height: 150px;
        border: 1px solid #a7a6aa;
}
.gskform input:focus,
.gskform textarea:focus {
        background-color: #ffffdd;
        border: 1px solid #27a0da;
}

.statuscont span {
        width: 548px;
        margin-top: 10px;
        margin-bottom: 8px;
        padding: 6px;
        text-align: center;
        font-size: 10pt;
        font-weight: bold;
        color: #4f4f4f;
        border: 2px solid #27a0da;
}

#onecol h1 {
        display: block;
        width: 790px;
        height: 34px;
        padding: 8px 0 0 10px;
        background: url(../../images/hts/tab800.png) top left no-repeat;
}

.messages {
	color: red;
	float: right;
}

fieldset.highlight {
	background-color: #e9f0fb;
}

.messagebox {
	width: auto;
	margin: 0 0 10px 0;
	padding: 7px;
	border: 1px solid #ffcc00;
	background-color: #ffffcc;
	min-height: 48px;
	font-size: 12px;
	
}

.messagebox.error {
	background: #ffffcc url(../../images/icon_critalert.gif) 20px 14px no-repeat;
	padding-left: 80px;
	color: #c60000;
}

.messagebox.ok {
        background: #ffffcc url(../../images/icon_ok.png) 20px 10px no-repeat;
        padding-left: 80px;
}

.messagebox.info {
        background: #ffffcc url(../../images/icon_info.png) 20px 10px no-repeat;
        padding-left: 80px;
}

a.backbutton {
        display: block;
        float: left;
        height: 24px;
        padding-right: 15px;
        background: transparent url(../../images/hts/backbutton_right.png) no-repeat scroll top right;
        color: white;
	font-size: 10px;
        font-weight: bold;
}

a.backbutton span {
        background: url(../../images/hts/backbutton_left.png) no-repeat;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 25px;
	color: white;
}

a.backbutton:hover {
        color: white;
}

.important_area {
        display: block;
        width: 406px;
        padding: 8px 0 0 8px;
        background: url(../../images/hts/important_bg.png) top left no-repeat;
	width: 390px;
}

.important_area h2 {
	color: #1e629e;
}

.important_area h4 {
        font-size: 12px;
}

.index th {
	padding: 4px 0 4px 2px;
	background-color: #deedf4;
	border-bottom: 1px solid #1e629e;
}

.index td {
	padding: 4px 0 4px 2px;
	border-bottom: 1px solid #1e629e;
}

.ver_line th {
	text-align: center;
}

.ver_line td {
	border-right: 1px dashed #999999;
	text-align: center;
}


a.editme,
a.editmore,
a.editme:visited,
a.editmore:visited,
a.editme:active,
a.editmore:active {
        color: red;
	text-decoration: none;
}

a.editme:hover,
a.editmore:hover {
	text-decoration: underline;
}

.admin > a {
        text-decoration: none;
        color: #b70000;
        font-weight: bold;
        display: block;
}

div.editcontrol a {
        color: red;
        padding-right: 5px;
        margin-left: 5px;
        font-weight: bold;
        text-decoration: none;
}

#adminbar {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: grey;
        height: 28px;
        background: url(../../images/logicone/horiz_bg.jpg);
        background-position: bottom;
        border: 1px solid #cccccc;
        overflow: visible;
}

.horizmenu {
        float: left;
}

#adminbar .loginsnippet {
        float: left;
        height: 25px;
        border-right: 1px solid #cccccc;
}

#adminbar .loginsnippet:hover {
        background-image: url(../../images/logicone/horiz_bg_over.jpg);
}

#adminbar .loginsnippet a {
        display: block;
        text-decoration: none;
        color: #333333;
        font-weight: bold;
        padding: 3px 15px 4px 15px;
}

div .horizmenu ul {
        float: left;
        list-style: none;
        list-style-type: none;
        text-align: left;
        margin: 0;
        padding: 0;
}

div .horizmenu ul ul {
        display: none;
        position: absolute;
        z-index: 100;
        background: url(../../images/logicone/horiz_menu_bg.jpg);
        background-position: bottom;
        background-repeat: repeat-x;
        border: 1px solid #cccccc;
}

div .horizmenu ul li:hover ul  {
        display: block;
}

div .horizmenu ul li:hover ul ul {
	display: none;
}

div .horizmenu ul li {
        display: inline;
        float: left;
}

div .horizmenu ul ul li {
        display: block;
        float: none;
}

div .horizmenu ul li a {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        height: 22px;
        padding-top: 2px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-decoration: none;
        color: #333333;
        font-weight: bold;
        border-right: 1px solid #cccccc;
}

div .horizmenu ul li:hover > a {
        color: black;
        background-color: #f1f1f1;
        background-image: url(../../images/logicone/horiz_bg_over.jpg);
}

div .horizmenu ul li:hover  a {
	text-decoration: none;
}

div .horizmenu ul ul li a,
div .horizmenu ul ul li.active > a,
div .horizmenu ul ul li:hover > a {
        background-image: none;
        border: 1px solid white;
}

div .horizmenu ul ul li:hover > a {
        background-color: #e4f4fd;
        border: 1px solid #cce9fa;
}

.adminsitemap h1 {
        display: block;
        padding: 3px 0px 0px 2px;
        height: 28px;
        font-weight: bold;
        font-size: 12px;
        border-top: 1px solid #D4D4D4;
        background: url('../../images/logicone/bg1.gif') repeat-x right bottom;
}

.adminsitemap div.openfolder a {
        display: inline;
        background-color: white;
        background-image: none;
        padding: 0;
}

.adminsitemap div.openfolder {
        margin-left: -1.3em;
}

.adminsitemap {
        background: url('../../images/logicone/bg2.gif') repeat-x right bottom;
        padding-bottom: 7px;
        margin-bottom: 20px;
}

.adminsitemap ul {
        list-style-type: none;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 0px;
        margin-top: 0px;
}

.adminsitemap ul ul {
        display: none;
        margin: 0px;
        margin-bottom: 0px;
}


.adminsitemap ul li {
        margin-top: 1px;
        border-bottom: 1px solid #D4D4D4;
}

.adminsitemap li.active > ul {
        display: block;
        margin-left: 5px;
}

.adminsitemap ul li.active {
        padding-left: 12px;
        background: url(../../images/logicone/small_arrow_right.png) no-repeat 0px 3px;
        font-weight: bold;
}

.adminsitemap ul li.inactive {
        padding-left: 12px;
        background: url(../../images/logicone/small_arrow.png) no-repeat 0px 5px;
        font-weight: normal;
}

.adminsitemap ul li a {
        display: block;
        color: #333333;
        text-decoration: none;
        margin-top: 6px;
        margin-bottom: 6px;
}

.adminsitemap ul li a:hover {
        color: #27a0da;
}


.adminsitemap ul li.meta a {
        background-color: #f0f1b7;
}

.adminsitemap ul li.active ul li.newnode ,
.adminsitemap ul li.newnode  {
        background-image: url(../../images/new.png);
        background-repeat: no-repeat;
        padding-left: 15px;
}

.adminsitemap ul ul li a {
        background-color: white;
        /*padding-left: 15px;*/
        background-position: 23px 50%;
        background-repeat: no-repeat;
        font-weight: normal;
}

.adminsitemap ul ul ul li a {
        /*padding-left: 30px;*/
        background-position: 37px 50%;
}

.adminsitemap ul ul ul ul li a {
        /*padding-left: 45px;*/
        background-position: 47px 50%;
}

.adminsitemap a.stopedit,
.adminsitemap a.editme {
        color: red;
        text-decoration: underline;
        font-weight: bold;
        margin-top: 4px;
        display: block;
}

#popup_container {
        width: 750px;
        background-color: white;
}

#popup_container #content {
	padding-left: 13px;
}

#popup_container #content a {
	color: #000000;
}

#popup_container #content a:hover {
	text-decoration: none;
}

#popup_container textarea {
	width: 700px;
	height: 500px;
}

.popup_top {
        display: block;
        width: 750px;
        height: 36px;
        background-image: url(../../images/logicone/popup_top.png);
        background-repeat: no-repeat;
        color: #333333;
        text-align: right;
        padding-top: 10px;

}

a.close {
        margin-right: 35px;
        color: #333333;
        text-decoration: none;
        font-size: 8pt;
}

a:hover.close {
        color: #27a0da;
        text-decoration: underline;
}

/* Admin Popup Cancel and Save buttons */
.htmlbox_submit {
        padding-left: 450px;
}

.htmlbox_submit button,
.htmlbox_submit .close {
        display: block;
        width: 104px;
        height: 26px;
        border: 1px solid white;
        background-image: url(../../images/logicone/submit.png);
        background-repeat: no-repeat;
        padding-bottom: 3px;
        font-weight: bold;
        margin-top: 10px;
        float: left;

}

.htmlbox_submit .close  {
        padding-top: 4px;
        text-align: center;
}

.htmlbox_submit button:hover,
.htmlbox_submit .close:hover {
        background-image: url(../../images/logicone/submit_over.png);
        text-decoration: none;
        color: #333333;
}
/*------------------------------------------------------------------------*/