body {margin:0; padding:0; background:#2c2f78 url(../img/mokykla.png) center top no-repeat;}
body, td {font-family:Tahoma, Verdana, Arial; font-size:11px; color:#333333;}
a {color:#4d7bbb; text-decoration:underline;}

#background-box {min-width:800px; background:url(../img/top_background.jpg) center top no-repeat; width:100%; position:relative;}/* height:610px;}*/
#container-box {width:800px; min-width:800px; margin:0 auto; position:relative;}

#header {width:800px; height:423px;}
#logo {position:absolute; left:28px; top:22px;}
#navigation {position:absolute; width:300px; top:40px; left:500px; color:#FFFFFF;}
#navigation a {color:#FFFFFF; text-decoration:none;}
#menu {z-index:800; position:absolute; width:234px; left:566px; top:100px; background:url(../img/menu_bg.jpg) left top repeat-y green;}

/*
#menu ul {padding:10px 0; margin:0; list-style-type:none; width:234px; background:url(pmn/client/img/menu_bg.jpg) left top repeat-y;}
#menu ul ul {width:135px;}
* html #menu ul {margin-left:-16px; ma\rgin-left:0; }
#menu li {position:relative; background:url(pmn/client/img/menu_bg.jpg) left top repeat-y; height:19px; }
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
#menu a, #menu a:visited {display:block; text-decoration:none; height:19px; line-height:19px; color:#ffffff; text-indent:20px;}
* html #menu ul li a, * html #menu ul li a:visited {background:url(pmn/client/img/menu_bg.jpg) left top repeat-y; width:234px; w\idth:233px; }
* html #menu ul ul li a, * html #menu ul ul li a:visited {width:135px; w\idth:135px; background:#9ecc3b;}
* html #menu a:hover {color:#fff; background:#9ecc3b; }
#menu :hover > a{color:#fff; background:#9ecc3b; }
#menu ul ul {visibility:hidden; position:absolute; top:-10px; left:-135px; width:135px; background:#9ecc3b;}
#menu ul ul li, #menu ul ul li a {width:135px; background:#9ecc3b;}
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; }
* html #menu ul ul li a:hover, #menu ul ul li a:hover {color:#fff; background:#0d8a43; }
*/

#content-box {background:#FFFFFF; border:1px solid #FFFFFF;}
#container {padding:0 30px 30px 30px;}
#content, #content-inner {}
/*#content, #content-inner {float:left; width:725px;}*/
#banners {width:175px; padding:0 0 0 30px; text-align:center;}
#content h1, #banners h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:33px; padding-top:0; margin-top:0; color:#ee246a;}
#content-inner h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:30px; padding-top:0; margin-top:0; color:#81c341;}


#footer {padding:10px 20px 40px 10px; position:relative; color:#FFFFFF; line-height:19px;}
#footer a {color:#FFFFFF; text-decoration:underline;}


.element {padding-bottom:20px;}
.el-name, .el-name a {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-decoration:none; color:#4d7bbb; padding-bottom:10px;}
.el-img {float:left; border:5px solid #edeceb; margin:0 10px 10px 0;}
.el-img-nofloat {border:5px solid #edeceb; margin:0 10px 10px 0;}
.el-intro {line-height:19px;}

.clear {clear:both; font-size:1px; height:1px;}
.banner {padding-bottom:5px;}
hr {border:1px solid #FFFFFF; border-bottom:1px solid #81c341;}

.element-name {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#4d7bbb;}
form {padding:0; margin:0;}
.txt {font-family:Tahoma, Verdana, Arial; font-size:11px; color:#686564; border:1px solid #c9d1e9; background:#ffffff;}
textarea {font-family:Tahoma, Verdana, Arial; font-size:11px; color:#686564; border:1px solid #c9d1e9; background:#ffffff;}
select {font-family:Tahoma, Verdana, Arial; font-size:11px; color:#686564; border:1px solid #c9d1e9; background:#ffffff;}
.cmd {font-family:Tahoma, Verdana, Arial; font-size:11px; color:#686564; border:1px solid #c9d1e9; background-color:#d7ddef;}

.error {color:#FF0000; padding:10px 0;}
.note {padding:10px 0; font-size:10px;}

body .dtree {white-space:nowrap;}
.dtree img {border:0px; vertical-align:middle;}
.dtree a {}
.dtree a.node, .dtree a.nodeSel {white-space:nowrap; padding:1px 2px 1px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover {}
.dtree .clip {overflow:hidden;}


.table table {margin:0px; padding:0px; border:1px solid #d4d4d4;}
.table table, .table tr, .table th, .table td {border-collapse:collapse; font-family:Tahoma, Verdana, Arial; font-size:11px; color:#444544; text-decoration:none;}
/* HEAD */
.table thead {background-color:#e6e6e6;}
.table thead tr th {padding:2px; border-width:1px 1px 3px 1px; border-style:solid solid double solid; border-color:#d4d4d4;}
/* BODY */
.table tbody tr:hover, .table tbody tr.odd:hover {}
.table tbody tr th, .table tbody tr td {padding:2px; border:solid 1px #d4d4d4;}
.table tbody tr th {padding:2px; font-weight:bold;}
.table tbody tr th:hover {}
/* FOOTER */
.table tfoot {color:#444544; text-align:center;}
.table tfoot tr td {color:#444544; padding:2px;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:234px;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; z-index:99; padding:10px 0; margin:0;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left; margin-bottom:1em;}
.sf-menu a {text-decoration:none; line-height:19px; color:#ffffff; padding:0 20px;}
.sf-menu a, .sf-menu a:visited  {color:#ffffff;}
.sf-menu li {background:#BDD2FF;}
.sf-menu li li {}
.sf-menu li li li {background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#9ecc3b; outline:0;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px;}
.sf-sub-indicator {display:none;}
.sf-vertical {padding:10px 0; margin:0; width:234px; background:url(client/img/menu_bg.jpg) left top repeat-y green;}
.sf-vertical li {margin:0; width:234px; background:url(client/img/menu_bg.jpg) left top repeat-y green;}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
width:180px;
padding:10px 0; 
left:-180px; /* match ul width */
top:0;
}