/* **** NOTES **** */
/* I have tried to comment this style sheet as much as possible to show you where things take place. 
There is a large utilization of descendant selectors, so if you are not familiar with those, hopefully the 
comments will help. 
*/

/* Global Styles */
html, body
{
	margin: 0;
	padding: 0;
	/*background-color: #F6F8FA;*/
}
body
{
    /*	font: 76% Arial, Verdana, serif, sans-serif;*/ /*font: 85% Arial, Verdana, serif, sans-serif;*/ /*background: #FEFEFE url(   '../Images/divider-title' ) repeat-y;
	background-position: left top;*/ /*background-color: #F2F2F2;*/
    background-position: right bottom;
    color: #000000;
    font-family: Arial, Verdana, "SF Sans Serif" , serif, sans-serif;
    font-size: 80%;
    background-image: url('../Images/background-b.gif');
    background-repeat: repeat;
}

/* TEXT STYLES */
p
{
	padding: 0 5px 0px 5px;
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
h1
{
	font-size: 2em;
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h2
{
	font-size: 1.5em;
	line-height: 1.3em;
	letter-spacing: -1px;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5
{
	font-size: 1em;
	font-weight: bold;
}
h1, h2, h3, h4, h5
{
	padding: 0 5px 0px;
}
#navigation p, #extra p
{
	color: #fff;
}
a:link
{
	color: #2D2374;
	text-decoration: none;
	padding: 1px;
}
a:visited
{
	color: #2D2374;
	text-decoration: none;
}
a:hover
{
	color: #2D2374;
}
acronym
{
	border-bottom: 1px dotted #b71;
	cursor: help;
}
a.Logo, a:hover.Logo
{
	border-style:none;
	background:none;
	border:0px;
	padding:0px;
}
a.LogoPergam, a:hover.LogoPergam
{
	border-style: solid none solid none;
	border-width: 3px;
	border-color: #2D2374;
	background-color: #2D2374;
	padding: 0;
	margin: 0;
}
label.header
{
	font-size: larger;
	color: #b71;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}
/* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
form, submit
{
	padding: 0;
	margin: 0;
}
/* removes extraneous padding around the form */
code
{
	border: 1px dotted #b71;
	border-left: 3px solid #b71;
	background-color: #dda;
	padding: 1em;
	margin-left: 3ex;
	color: #742;
}
blockquote
{
	border: 1px solid #b71;
	background-color: #dda;
	margin: 3ex;
	font-style: italic;
}

/* HEADER SECTION */
div#header
{
    /*background: #444 url(  '../Images/bg55.png');*/
    background: #444 url(  '../Images/55.JPG');
    background-repeat: repeat;
    margin: 0;
    padding: 0;
    border: none; /*	height:110px;*/
}
div#header h1 a
{
	height: 3em;
	min-height: 8em;
	line-height: 80px;
	margin: 0;
	color: #fff;
	border-bottom: none;
	padding: 0;
}
div#header h1 a:hover
{
	background-color: transparent;
	border-bottom: none;
	color: #79B30B;
}
div#header div#skip
{
	position: absolute;
	top: 3px;
	right: 3px;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
/* TABLES */
#skip table
{
	border: none;
	margin: 0px;
	border-collapse:collapse;
	background-color: transparent;
	padding: 0px;
	table-layout: auto;
	border-spacing: 2px;
	empty-cells: show;
	width: auto;
}
#skip td
{
	padding: 0px;
	margin: 0px;
	border-style: none;
	background-color: transparent;
}
#skip tr
{
	padding: 0px;
	margin: 0px;
	border-style: none;
	background-color: transparent;
}
#skip input
{
	border: thin inset #284279;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FF6600;
	color: #102132;
	padding: 1px;
}
#skip a, #skip a:visited
{
	color: #FF6600;
}
/* CONTENT SECTION */
div#wrapper
{
	float: left;
	width: 100%;
	margin:0px;
	padding:0px;
}
div#content
{
	margin: 0 200px;
	padding: 0em 1em 2em 1em;
	/*background: #DDD url('../Images/petals.jpg' ) repeat-y;*/
	color: #111;
}
div.uedge
{
	width: 100%;
	background-image: url('../Images/uedge.png');
	background-position: top left;
    background-repeat: repeat-x;
    background-color:#FEFEFE;
}
#extra div.uedge
{
	width: 100%;
	background-image: url(    '../Images/uedge.png' );
	background-position: left top;
	background-repeat: repeat-x;
}
#DivAnketa div.uedge
{
	width: 100%;
	background-image: url(    '../Images/uedge.png' );
	background-position: left top;
	background-repeat: repeat-x;
}
    div.redge {
      background-image: url('../Images/redge.png' );
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.bedge {
      background-image: url('../Images/bedge.png');
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.ledge {
      background-image: url('../Images/ledge.png' );
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.ulcorner {
      background-image: url('../Images/tlcorner.png');
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.urcorner {
      background-image: url('../Images/trcorner.png');
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.blcorner {
      background-image: url('../Images/blcorner.png');
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.brcorner {
      background-image: url('../Images/brcorner.png');
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 1em 50px 1em;    
    }
    div.innercontent {
      width: 100%;
      min-height:600px;
    }  
#extra div.brcorner {
      padding: 7px 15px 8px 7px;    
    }    
#extra div.innercontent
{
	border: 1px ridge #C0C0C0;
	background-color: #F5F8FA;
	min-height: 0px;
	padding:3px;
}
#DivAnketa 
{
	margin:10px 0px 0px 0px;
	padding:1px;
}
#DivAnketa h3
{
	border-width: thin;
	border-color: #C0C0C0;
	margin: 0px 0px 5px  0px;
	padding: 2px 5px 0px 5px;
	border-bottom-style: dashed;
}
#DivAnketa table
{
	margin:0px;
	padding:0px;
	width:auto;
}
#DivAnketa div.brcorner {
      padding: 10px 10px 10px 10px ;    
    }  
#DivAnketa div.innercontent
{
	border: none;
	color:Black;
	min-height: 0px;
	padding: 1px 1px 1px 1px;
}

div#content p
{
	line-height: 1.3em;
}
div#content h2#topper
{
	background: #FEFEFE;
	color: #333333;
	margin-top: 0;
	padding-top: 0;
	font-size: 1em;
}
div#content a:visited
{
	color: #2D2374;
	text-decoration: none;
	border-bottom: 1px solid #b71;
}
.Novice table
{
	background-color: #F5F8FA;
	margin-left:1em;
	margin-right:1em;
	width:auto;
}
.Novice td 
{
	background-color: #F5F8FA;
	padding: 3px;
	border: 1px solid #fff;
}
.Novice th
{
    text-align: left;
    border: none; /*background: url('../Images/bgDesnoTop.png' ) no-repeat left top;*/
    font-size: 1em;
    color: #000000;
    padding-left: 30px;
    background-color: #E9F0F6;
}
.Novice thead th
{
	color: #fff;
	padding: 4px 2px;
}
.novice tbody th
{
	color: #fff;
	background-color: #FF00FF;
	padding: 6px;
}
.novice tbody th.sub
{
	color: #000;
	background-color: #FF00FF;
	padding: 6px;
}
 p.NoviceHeader
{
	border-width: thin;
	border-color: #C0C0C0;
	font-size: 1.2em;
	border-bottom-style: dashed;
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-weight:normal;
}
/* VERTICAL NAVIGATION */
div#navigation
{
            float: left;
            width: 200px;
            margin-left: -100%;
            color: #fff;
        }
        .navcontainer
        {
            width: 198px;
            border-right: none;/*1px solid #000*/
            padding: 0;
            margin-bottom: 1em;
            background-color: transparent;
        }
        .navcontainer ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
            border: none;
            width: 198px;
            min-width: 198px;
        }
        .navcontainer li
        {
            margin: 0;
        }
html > body .navcontainer li a
{
	width: auto;
	width: 167px;
	min-width: 167px;
}
.navcontainer li a, .navcontainer li a:visited
{
	display: block;
	padding: 6px 8px 5px 5px;
	border-left: 10px solid #452;
	border-right: 10px solid #452;
	background-color: #026BAE;
	text-decoration: none; /*font-weight: bolder;*/
	width: 167px;
	min-width: 165px;
	color: #fff;
	border-bottom: 1px solid #79B30B;
	border-right-color: #2D2374;
	border-bottom-color: #FFFFFF;
	border-left-color: #2D2374;
}
.navcontainer li a:hover
{
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	background-color: #026BAE;
	color: #fff;
	/*font-weight: bolder;*/
	border-right-color: #FF6600;
	border-left-color: #FF6600;
	padding: 6px 8px 5px 5px;
}
.navcontainer li#active a
{
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	background-color: #026BAE;
	color: #fff; /*font-weight: bolder;*/
	border-right-color: #2D2374;
	border-left-color: #2D2374;
}
.navcontainer li.menutitle
{
	border-left: 10px solid #79B30B;
	border-right: 10px solid #79B30B;
	text-align: left;
	color: #000;
	font-weight: bold;
	border-bottom: none;
	text-transform: uppercase;
	border-right-color: #FFA66A;
	border-bottom-color: inherit;
	border-left-color: #FFA66A;
	/*background: url(   '../images/img05.gif' ) no-repeat left center;*/
	padding:3px 0px 3px 16px;
	vertical-align:text-bottom;
}
.navcontainer li#last a
{
	border-bottom: none;
}
/* the last one in the list should get the id of 'last' in the list to remove the bottom border */

/* --- These are the subnavigation for sublinks. --- */
.navcontainer li ul li
{
	display: none;
}
/* this hides all sublinks if it is not the currently active link */
.navcontainer li#active ul li
{
	display: block;
}
/* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited
{
	border-left-color: #E9EEF3;
	border-right-color: #E9EEF3;
	background-color: #FF6600;
	padding: 5px 0 5px 12px;
}
.navcontainer li#active ul li a:hover
{
	border-color: #FF6600;
	background-color: #FF8D41;
	color: #FFF;
	padding: 5px 4px 5px 8px;
}
#navigation .Naslov
{
	border-style: none;
	margin-top: auto;
	margin-bottom: 5px;
	margin-left: 5px;
	background: transparent url( '../Images/BgListek55.png' ) top left no-repeat;
	padding: 0.5em 0.3em 0.5em 0.3em;
	font-size: 80%;
	font-weight:bolder;
	color: Black;
}
#navigation .Naslov p
{
	color:Black;
}
#navigation .Naslov p a
{
	text-decoration: none;
	background-color:Transparent;
}
#navigation .Naslov a:hover
{
background:none;
text-decoration:underline;
}
/* EXTRA SECTION */
div#extra
{
	float: left;
	width: 190px;
	margin-left: -200px;
	border-left: 0px solid #000;
	/*background: url(  '../Images/bgDesno.png' );
	background-repeat: no-repeat;
	background-position: left top;*/
}
#extra a
{
	color: Black;
	font-size: 0.9em;
	background: transparent;
	text-decoration: none;
	padding-left:1em;
	border:none;
}
#extra a.NaslovAktualno
{
	font-weight: bold;
	text-align:center;
	padding: 0em 0.5em 0em 0.5em;
}
#extra a.TekstAktualno
{
	text-align:justify;
	line-height:1em;
}
/*<div class="bl"><div class="br"><div class="tl"><div class="tr">*/
#extra .bl {background: url(../Images/OkvrjiBottom.png) 0 100% no-repeat; width: 195px}
#extra .br {background: url(../Images/OkvrjiBottom.png) 100% 100% no-repeat}
#extra .tl {background: url(../Images/OkvrjiTop.png) 0 0 no-repeat}
#extra .tr {background: url(../Images/OkvrjiTop.png) 100% 0 no-repeat; padding-top:7px; padding-bottom:7px}
#extra .Fill {background: url(../Images/OkvrjiMain.png) 0 0 repeat-y;padding:10px}

#extra .Box{ display: inline; margin: 0; padding:0px; width: 195; background: transparent; }
#extra .Boxtop { height: 22px; background: transparent url(../Images/OkvrjiTop.png) no-repeat;  margin: 0; padding:0px; }
#extra .Boxmiddle { background: transparent url(../Images/OkvrjiMain.png) repeat-y; margin: 0; padding:10px;  }
#extra .Boxbottom { height: 20px; background: transparent url(../Images/OkvrjiBottom.png) no-repeat; margin: -0px; padding:0px;  }


#extra .clear {font-size: 1px; height: 1px; margin-bottom:10px;} 

#extra .Naslov
{
	width: auto;
	margin:0px;
	border-style: none;
	background: transparent url( '../Images/BgListek55.png' ) top left no-repeat;
}
#extra .Naslov p
{
	margin: 3px 0 2px 0;
	font-size: 1em;
	font-weight:bolder;
	padding:13px 20px 10px 20px;
	color: Black;
}

/* RIGHT AFFILIATE LINKS BOX */
ul#affiliate
{
	border: 1px solid #79B30B;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	margin-left: 5px;
	padding: 3px 4px 4px 6px;
	background-color: #F60;
	list-style-type: none;
}
ul#affiliate li
{
	padding: 3px;
}
ul#affiliate li a:link, a:visited
{
	color: #fff;
}

/* FOOTER SECTION */
div#footer
{
	clear: left;
	width: 100%;
	background-image: url( '../Images/OrangeLogobg.png' );
	background-repeat:repeat;
}
div#footer a:link, div#footer a:visited
{
	color: #fff;
}
div#footer ul
{
	list-style-type: none;
	margin: 0;
	padding: .8em 0;
	text-align: center;
}
div#footer ul li
{
	display: inline;
	padding: 0 4px;
}

/* General Image Stuff */
img.sm
{
	width: 160px;
}

/* TABLES */
table
{
	border-style: none;
	border-collapse: collapse;
	width: 90%;
	margin-left: 3ex;
}
td
{
	background-color: #fff;
	padding: 3px;
	border: 1px solid #fff;
}
th
{
	text-align: left;
	border: 1px solid #fff;
}
thead th
{
	color: #fff;
	font-size: 1.5em;
	background-color: #026BAE;
	padding: 10px 6px;
}
tbody th
{
	color: #fff;
	font-size: 1.15em;
	background-color: #F60;
	padding: 6px;
}
tbody th.sub
{
	font-size: .90em;
	color: #000;
	background-color: #dda;
	padding: 6px;
}