/* CSS Document */

#outermost {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#outer {
	width: 888px;
	margin-left: auto;
	margin-right: auto;
}


/* top navigation bar */

.navred, .navredsel, .navred:hover {
	background-image: url(../images/button-red.jpg);
	display: block;
	width: 91px;
	height: 53px;
	float: left
}

.navredsel, .navred:hover {
	background-image: url(../images/button-red-o.jpg);
}


.navabout, .navaboutsel, .navabout:hover {
	background-image: url(../images/button-about.jpg);
	display: block;
	width: 76px;
	height: 53px;
	float: left
}

.navaboutsel, .navabout:hover {
	background-image: url(../images/button-about-o.jpg);
}

.navopini, .navopinisel, .navopini:hover {
	background-image: url(../images/button-opini.jpg);
	display: block;
	width: 47px;
	height: 53px;
	float: left
}

.navopinisel, .navopini:hover {
	background-image: url(../images/button-opini-o.jpg);
}

.navarticle, .navarticlesel, .navarticle:hover {
	background-image: url(../images/button-article.jpg);
	display: block;
	width: 95px;
	height: 53px;
	float: left
}

.navarticlesel, .navarticle:hover {
	background-image: url(../images/button-article-o.jpg);
}

.navnewsa, .navnewsasel, .navnewsa:hover {
	background-image: url(../images/button-news-a.jpg);
	display: block;
	width: 67px;
	height: 53px;
	float: left
}

.navnewsasel, .navnewsa:hover {
	background-image: url(../images/button-news-a-o.jpg);
}

.navnewsb, .navnewsbsel, .navnewsb:hover {
	background-image: url(../images/button-news-b.jpg);
	display: block;
	width: 123px;
	height: 53px;
	float: left
}

.navnewsbsel, .navnewsb:hover {
	background-image: url(../images/button-news-b-o.jpg);
}

.navdidaktika, .navdidaktikasel, .navdidaktika:hover {
	background-image: url(../images/button-didaktika.jpg);
	display: block;
	width: 76px;
	height: 53px;
	float: left
}

.navdidaktikasel, .navdidaktika:hover {
	background-image: url(../images/button-didaktika-o.jpg);
}

.navgallery, .navgallerysel, .navgallery:hover {
	background-image: url(../images/button-gallery.jpg);
	display: block;
	width: 53px;
	height: 53px;
	float: left
}

.navgallerysel, .navgallery:hover {
	background-image: url(../images/button-gallery-o.jpg);
}

.navcontact, .navcontactsel, .navcontact:hover {
	background-image: url(../images/button-contact.jpg);
	display: block;
	width: 110px;
	height: 53px;
	float: left
}

.navcontactsel, .navcontact:hover {
	background-image: url(../images/button-contact-o.jpg);
}

/* end of top navigation */

#loginbar {
	height: 36px;
	background-image: url(../images/back-login.jpg)
}

/* BANNER Styling */

#slideshow {
	position: relative;
    height:250px;
	width: 888px;
}

#slideshow A {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow A.active {
    z-index:10;
    opacity:1.0;
}

#slideshow A.last-active {
    z-index:9;
}

/* end of BANNER styling */

#container
{
	background-image: url(../images/back-container.jpg);
	background-repeat: repeat-y;
	overflow: auto;
	padding-bottom: 40px
}

#left
{
	float: left;
	width: 210px;
	padding-top: 10px
}

#right
{
	float: right;
	width: 663px;
	margin-top: 10px;
	margin-right: 5px;
}

ul#submenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

ul#submenu li a {
	display: block;
	width: 180px;
	font-weight: bold;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	border-bottom: 1px dashed #ffffff;
}

ul#submenu li.i10 a {
	padding-left: 30px;
	width: 160px;
	background-image: url(../../images/bulletarrow.gif);
	background-position: 7px 10px;
	background-repeat: no-repeat;
}

ul#submenu li a:link, ul#submenu li a:visited {
	color: #424201;
	text-decoration: none;
	font-weight: bold
}

ul#submenu li a:hover, ul#submenu li a:active {
	text-decoration: none;
	background-color: #a1a14c;
	color: #FFFFFF
}

#footer {
	text-align: center;
	padding: 10px;
	color: #ffffff;
	height: 80px;
	padding-top: 20px;;
	line-height: 16px
}