*{
margin: 0;
padding: 0;
}
body {
background: #641100;
font-family: arial, 'Times New Roman', verdana, tahoma;
margin: 0;
padding: 0;
}

div.container { /*All content*/
width: 815px;
margin: 0 auto;
}

.kolaj {
width: 815px;
height: 290px;
background: url(images/kolaj.gif) no-repeat center center;
}

.leftcolomn { /*container with 'Title' and navigation in left*/
float: left;
width: 260px;
overflow: hidden;
}

.rightcolomn { /*container with 'Registration' and main content(text, articles, photos and etc.*/
float: left;
width: 555px;
}

/**********************************/
/*Right top registration and login form*/
/**********************************/

div.regform { /*IE6 RULE ONLY*/
float: left;
width: 600px;
height: 46px;
display: inline;
margin-left: 30px;
padding-top: 3px;
}

div.regform img{
vertical-align: middle;
margin-left: 5px;
}


input {
background: #a03d00;
border: 1px solid #fff;
color: #000;
font-size: 11px;
height: 16px;
vertical-align: middle;
}

input.password{
vertical-align: middle;
}

textarea {
background: #a03d00;
border: 1px solid #fff;
color: #000;
font-size: 12px;
}

input.submit {
background: #a03d00;
border: 1px outset #fff;
color: #FFF;
font-size: 12px;
padding: 1px;
width: 50px;
height: auto;
vertical-align: middle;
}

a.form {
font-size: 12px;
font-family: Arial;
color: #FAB4A5;
text-decoration: none;
border: 0;
}

a.form:hover {
text-decoration: underline;
color: #FFF;
}

span.line { /*Line between link under the form */
color: #FFF
}

/***************************************/
/*END Right top registration and login form*/
/*************************************/






/**************************************/
/*Start Navigation(In left, under the title)*/
/***********************************/

.navigation { /*Container with the navigation box and links */
width: 252px;
overflow: hidden;
}

.top { /*Smoothed angles at the top of navigation container*/
background: url(images/navigation-top.gif) no-repeat;
width: 252px;
height: 39px;
}

.content {
background: url(images/navigation-cont.gif) repeat-y;
width: 252px;
text-align: center;
}

.bottom { /*Smoothed angles at the bottom of navigation container*/
background: url(images/navigation-bottom.gif) no-repeat;
width: 252px;
height: 39px;
}

.content a {
color: #fec75e;
font-size: 17px;
font-family: 'Times New Roman';
text-decoration: none;
background: url(images/bullet.gif) left center no-repeat;
padding-left: 15px;
}

.content a:hover {
color: #8d6925;
text-decoration: none;
}

.link {
width: 175px;
border-bottom: 1px dashed #8d6925;
text-align: center;
margin: 0 auto;
text-align: left;
padding: 5px;
padding-left: 25px;
}

.link2 {
width: 145px;
text-align: left;
padding-top: 5px;
padding-left: 85px;
}
.link2 a{
background: url(images/sub.gif) left center no-repeat;	
}


/**************************************/
/*END Navigation(In left, under the title)*/
/***********************************/


/**************************************************/
/*Start the main content box-under the registration form*/
/***********************************************/

.main {
width: 555px;
text-align: center;
}

.main-top {
width: 555px;
height: 47px;
background: url(images/main-top.gif) no-repeat;
}

.main-cont {
width: 555px;
background: url(images/main-cont.gif) repeat-y;
text-align: left;
}

.article {
width: 480px;
margin-left: 30px;
border-top: solid 5px #611000;
}

.article p {
font-size: 12px;
font-family: arial;
color: #b69960;
}

.article img {
border: 0;
float: left;
padding: 4px 16px 12px 4px;
}

.article a {
text-decoration: underline;
color: #fee9bf;
}
.article a:hover {
text-decoration: none;
color: #b69960;
}

.headline { /*Title of the article*/
width: 350px;
color: #fee9bf;
font-size: 17px;
font-family: 'Arial';
margin-left: 30px;
background: url(images/bullet2.gif) left center no-repeat;
padding: 10px;
padding-left: 55px;
margin-bottom: 25px;
}

.divider { /*Ornaments at the bottom of  each article*/
width: 476px;
height: 26px;
background: url(images/article-border.gif) no-repeat;
margin-bottom: 15px;
margin-top: 15px;
}

a.read {
color: #fff;
font-size: 13px;
text-decoration: underline;
}

a.read :hover{
text-decoration: none;
}

.info { /*info for date*/
width: 480px;
text-align: right;
color: #fff;
font-size: 11px;
border-bottom: 12px solid #611000;
}

/**************************************************/
/*Endof the main content box-under the registration form*/
/***********************************************/



/*Start Footer*/

.footer {
margin-left: 20px;
height: 63px;
width: 512px;
background: url(images/footer.gif) repeat-x;
color: #b69960;
font-size: 11px;
font-family: arial;
text-align: center;
}

.footer a {
color: #b69960;
text-decoration: none; 
}

.footer a:hover {
color: #fff;
text-decoration: underline;
}

span.left {
float: left;
margin-left: 10px;
width: 100px;

}

span.right {
float: right;
margin-left: -10px;
width: 100px;
}

/*End Footer*/


/****************************/
/*Start paging in materials.html and savetnici.html*/
/****************************/

.paging {
margin: 0 auto;
text-align: center;
padding: 10px;
}

.paging a {
color: #fec75e;
font-size: 12px;
font-family: arial;
text-decoration: none;
margin: 5px;
}

.paging a:hover{
text-decoration: underline;
}

.paging a.this{
text-decoration: underline;
}

span.block {
background: #9f1b00;
padding: 0 4px 0 4px;
color: #fec75e;
font-size: 12px;
font-family: arial;
text-decoration: none;
margin: 5px;
}
a span.block{
margin: 0;
}

/************/
/*End paging*/
/***********/

/*******************************/
/*Images and Links for counsellors*/
/*****************************/

.images { /*Two images and links on Row*/
margin-left: 14px;
width: 500px;
padding-top: 15px;
}

.image1 { /*All images in the left */
margin-left: 60px;
text-align: center;
margin-bottom: 10px;
}

.images img { /*borders for the images */
border: 10px solid #a03d00;
margin: 0 auto;
padding:0;
width: 130px;
}

a.image { /*Class for link, which contain the name of counsellor*/
font-size: 14px;
font-family: arial;
color: #e5cda7;
margin: 0 auto;
text-decoration: none;
display: block
}

a.image:hover {
text-decoration: underline;
color: #a03d00;
}

.image2 { /*All images in the right*/
width: 163px;
float: right;
margin-right: 30px;
text-align: center;
}


/*********************/
/*End Images and links*/
/*******************/


/**************************************/
/*Start classes for coments in article.html**/
/************************************/

.comments {
margin: 0px auto;	
margin-top: 25px;
width: 480px;
}

span.number { /*Text style for Number of the comments and'Add coment' button*/
float: left;
font-size: 18px;
font-family: arial;
font-weight: bold;
color: #fec75e;
}

.comment { 
padding: 8px;
width: 460px;
background:  #450b00;
text-align: left;
color: white;
font-size: 12px;
font-family: arial;
border-bottom: solid 10px #641100;
}



span.author { /*The name of the autohr of the comment*/
text-align: left;
color: #ff8d00;
font-weight: bold;
width: 200px;
}


.inputs {
float: left;
color: #fff;
font-size: 12px;
width: 250px;
border-bottom: 20px solid #641100;
}

.inputs input {
float: left;
background: #300800;
border: 1px solid #fff;
color: #fff;
font-size: 12px;#
}

.inputs textarea {
float: left;
background: #300800;
border: 1px solid #fff;
color: #fff;
overflow: hidden;
}

/*Style for Logged ON users*/

.logged {
width: 815px;
height: 46px;
background: url(images/logged.gif) no-repeat;
}

.text {
margin-left: 40px;
padding-top: 5px;
}

.text img{
vertical-align: middle;
}

a.username {
font-weight: bold;
font-family: arial;
font-size: 14px;
color: #fee9bf;
text-decoration: none;
cursor: pointer;
}

a.username:hover{
text-decoration: underline;
}

a.username div#userImage{
position: relative;
display: none;
border: 1px white solid;
background: #641100;
padding: 5px;
margin-top: 13px;
margin-left: -60px;
z-index: 24;
}

a.another {
color: #fec75e;
font-family: arial;
font-size: 12px;
text-decoration: none;
margin-right: 10px;
}

a.another:hover {
text-decoration: underline;
}



#load_screen{
width: 2500px;
height: 2500px;
position: absolute;
z-index: 2;
background: black;
display: none;
left:0;
top:0;
}
.message {
display: none;
position: absolute;
z-index: 3;
}
.message .top2{
background: url(images/win_top.png) no-repeat top;
width: 358px;
height: 40px;
}
.message .bottom2{
background: url(images/win_bottom.png) no-repeat bottom;
width: 358px;
height: 40px;
}
.message .mid2{
background: url(images/win_mid.png) repeat-y;
text-align: center;
font-family: Arial;
font-size: 12px;
color: white;
}
.tick{
margin-right: 3px;
}
.green{
color: #65F570;
vertical-align: middle;
}
.red{
color: #FF7D7D;
vertical-align: middle;
}
.button {
border: 1px #CCC solid;
background: #641100;
color: #FFF;
padding: 3px;
margin: 3px;
height: 28px;
padding-left: 0px;
text-align: center;
cursor: pointer;
}

.addbutton {
background: url(images/add.png) no-repeat left;
height: 26px;
margin: 5px;
margin-left: 15px;
}

.addbutton a {
display: block;
padding: 5px 0 0 30px;
color: #a03d00;
text-decoration: none;
font-size: 12px;
font-family: arial;
}

.addbutton a:hover {
text-decoration: none;
color: #FFF;
}

.removebutton {
background: url(images/remove.png) no-repeat left;
height: 26px;
margin: 5px;
margin-left: 15px;
}

.removebutton a {
display: block;
padding: 5px 0 0 30px;
color: #a03d00;
text-decoration: none;
font-size: 12px;
font-family: arial;
}

.removebutton a:hover {
text-decoration: none;
color: #FFF;
}

.info2{
width: 400px;
margin: 10px auto;
border: 1px #B69960 solid;
border-right: none;
border-left: none;
text-align: center;
padding: 5px 15px;
font-size: 12px;
color: white;
}

.table{
width: 450px;
margin: 10px auto;
border-collapse: collapse;
}

.table td{
padding: 2px;
color: white;
font-family: Arial;
font-size: 12px;
}

td .button{
height: 15px;
font-size: 11px;
padding:0;
vertical-align: middle;
cursor: pointer;
}

.table td.field{
width: 200px;
}

.table tr.lead td{
border: 1px white solid;
background: #AE1F00;
}

.table td.type{
border: 1px white solid;
}

.table tr.unread td{
background: red;
border: 1px white solid;
color: white;
}

.table tr.def td{
border: 1px white solid;
}

.field .input{
width: 200px;
height: 15px;
}

.field a{
display: inline;
}

#bot{
width: 90px;
text-align: center;
}

.hr{
width: 250px;
margin: 10px auto;
border: none;
border-bottom: #AE1F00 1px solid;
}

div.sign{
width: 280px;
max-height: 100px;
overflow: auto;
}

.listing {
list-style-image: url(images/bullet.gif);
margin-left: 25px;
}