/*		font-family: Verdana, Arial, Helvetica, sans-serif;*/




/*#main { margin: 0px; padding: 0px; height: 600px; width: 100%; background: #0033FF; }*/
#main { margin: 0px; padding: 0px; height: 100%; width: 100%; background: #0033FF; }

#main a:link, a:visited {
    text-decoration: none;
    color: #b36b00;
}

#main a:hover, a:active {
    color: #566440;
    border-bottom: 1px dashed #566440;
}

#structure { height: 600px; width: 100%; }

/* Navigation */
/*#navigation { width: 250px; padding: 1em 2em; color: #D4E6F4; background: #8D0D19; }   */
#navigation { width: 250px; padding: 1em 2em; color: #006699; background: #006699; }
#navigation a { color: #FFFFFF; text-decoration: none; }

#navigation a:link, a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
#navigation a:hover, a:active {
    color: #FFFFFF;
    border-bottom: 1px dashed #566440;
}

ul.subjects { padding-left: 0; list-style: none; }
.selected { font-weight: bold; }

/* Page Content */
/*#page { padding-left: 2em; vertical-align: top; background: #EEE4B9; }   */
#page {  padding-left: 2em; vertical-align: top; background: #FFFFFF; }
#page h2 { color: #1b9d95; margin-top: 1em;}
#page h3 { color: #1b9d95; }

#page a:link, a:visited {
    text-decoration: none;
    color: #b36b00;
}

#page a:hover, a:active {
    color: #566440;
    border-bottom: 1px dashed #566440;
}


/*
    Groundswell web site CSS
    CSS Positioning version
    by Bill Weinman
    developed for CSS Positioning course at lynda.com
*/

body
{
	/*font-family: Tahoma,Georgia, serif;  default page font */ 
	font-family:Verdana, Geneva,Arial, Helvetica, sans-serif;
	/*background: #bbb;url(../images/page_background.jpg);*/
	margin: 0; /* shorthand for all margins = 0 */
	padding: 0; /* no padding */
	background: dodgerblue 0px 50%;
}


p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

/* outerDiv wraps around the rest of the page */
div#outerDiv {
    width: 771px;       /* sets the content width */
    margin: 0 auto;     /* no top/bottom margin, centered horizontally */
    background: #fff url(../images/main_logo.jpg) no-repeat;       /* white content background, header image */
}

 div#header {
  height: 190px;      /* set size equal to banner image */
  position: relative;
}


div#midBanner {
    height: 90px;
}

div#content {
    background-color: #fff;
    padding: 5px;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #b36b00;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #566440;
    border-bottom: 1px dashed #566440;
}

/* ===== contact link ===== */

#outerDiv #contactButton {
    position: absolute;
    left: 650px;
    top: 0px;
}

#contactButton a:link, #contactButton a:visited{
    height: 29px;
    width: 86px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/contact_icon_dual.gif) no-repeat left top;
    border: none;           /* don't display a border */
}

#contactButton a:hover, #contactButton a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

/* ===== main navigation links ===== */
/*
.menu 
{ width:auto;
  text-align:right;
  font-weight:bold;
  font-size:12pt;
   position: absolute;
   left: 0px;
    bottom: 10px;
    float : left;
   
  padding:35px 15px 0 0;
  margin: 0px; padding: 0px; height: 100%; width: 100%;
  float: left ;
  overflow: hidden;}
*/

#header #mainMenu {          /* set the position for the nav elements */
    position: absolute   ;
    /*position: relative;
    float : left;
    top : 170px; 180*/
    left: 100px;
    bottom: 0px;
    float : left;
}

#mainMenu ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainMenu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
}

#mainMenu li a:link, #mainMenu li a:visited {
    font-family: "Trebuchet MS",Tahoma, sans-serif;
    display: block;         /* block mode for graphical button */
    color: #fff;            /* white text */
    text-decoration: none;  /* no underline */
    padding: 0 15px 0 30px; /* line up text & image */
    margin-right: 10px;
    line-height: 25px;
    background: url(../images/meni_rollover.jpg) no-repeat left bottom;
    border: none;           /* no border */
}

#mainMenu li a:hover, #mainMenu li a:active {
    color: #f8b449;         /* mustard color for text */
    background-position: left top;      /* move image to show rollover */
}

#mainMenu ul li a.current {  /* different look for "current" link */
    margin-top: -5px;
    height: 30px;
    background: url(../images/meni_current.jpg) no-repeat;
    color: #aaa;
    line-height: 25px;
}

#mainMenu ul li a.current:hover {
    cursor: default;
}

/* ====- main content ===== */


#content div#mainContent {
    float: left;
    width: 430px;
    margin: 0 0;
    padding: 0 15px;
}

#mainContent p {
    /*font-family: Georgia, serif;*/
    font-size: 0.9em;
    line-height: 1.4em;
    color: #000;
    margin: 1ex 0;
    text-align : justify  ;
}

#mainContent table.cenovnik {
    float: left;
    width: 430px;
    margin: 0 0;
    padding: 0 15px;
    border:5px;
    color: #1b9d95;
}

#mainContent td {
    color: #000;
    font-family: Tahoma, serif;
    font-size: 0.8em;
}

#mainContent td.boldstil {
    color: #1b9d95;
    font-family: Tahoma, serif;
    font-size: 0.8em;
    font-weight: bold;
 }

#mainContent tr.boldstil {
    color: #1b9d95;
    font-family: Tahoma, serif;
    font-size: 0.8em;
    font-weight: bold;

}

#mainContent td.OpisIzraz {
    color:  #000;
    font-family: Tahoma, serif;
    font-size: 0.6em;

}




#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: "Trebuchet MS",Tahoma, sans-serif;
    
}

#mainContent h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #1b9d95;
    margin: 0 0 .4ex 0;
    text-align :center ;
}

#mainContent h2 {
    font-size: 1.2em;
    color: #3C3809;
    margin: .4ex 0;
    text-align :center ;
}

#mainContent h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
    text-align :center ;
}

#mainContent ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 2ex;
}

#mainContent li {
    font-family: Georgia, serif;
    font-size: 1.05em;

}

/* ====== main content left menu ====== */

#mainContent p.leftMenu {
    font-family: "Trebuchet MS", sans-serif;
    margin-top: 0;
}

#mainContent p.leftMenu a {
    color: #566440;
}

#mainContent p.leftMenu a:hover {
    color: #b36b00;
    border: none;
}

/* ===== gear subnav ===== */

#mainContent ul#gearSubNav {
    width: 340px;
    margin: 0 auto;
    list-style: none;
    }

#mainContent ul#gearSubNav li {
    float: left;
    margin: 0;
    padding: 0;
}

#mainContent ul#gearSubNav a {
    width: 70px;
    height: 20px;
    font-family: "Orator Std", Orator, sans-serif;
    font-size: .9em;
    text-align: center;
    padding-top: 100px;     /* make room for the image */
    margin-right: 20px;
    border: none;
    display: block;
}

#mainContent ul#gearSubNav a.last {
        margin-right: 0;
}




/* ===== sidebar ===== */

#content div#sideBar {
    float: right;
    width: 265px;
    padding: 0 10px;
    margin: 0;
    border-left: solid #aaa 1px;


}

#content h2 {
    font-size: 1.4em;
   /* font-weight: bold;*/
    color: #1b9d95;
    margin: 0 0 .4ex 0;
    text-align :center ;
}

#content p {
    /*font-family: Georgia, serif;*/
    font-size: 0.9em;
    line-height: 1.4em;
    color: #000;
    margin: 1ex 0;
    text-align : justify  ;
}

#content ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 2ex;
}

#content li {
    font-family: Georgia, serif;
    font-size: 1.05em;
}
  
#sideBar p {
    font-family: "Trebuchet MS",Tahoma, sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #666;
    margin:  0 0.1em 0 0;
    text-align:left;
  /*
	border: 1px solid #669;
    border-bottom-color: aqua;
    border-left: 1px;
    border-left-color: aqua;

    border-right: 1px;
    border-right-color: aqua;

    border-top: 1px;
    border-top-color: aqua;

  width: 265px;
  display: inline-table;
  size: 256px*/
}

#sideBar h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #1b9d95;
    text-align: left;
    margin: 1ex 0 .5ex 0;
    text-align :left ;
}

#sideBar img {
    margin: 0 25px;
}

#sideBar img.photo {
    padding: 5px;
    border: 1px solid #999;
}

#sideBar ol {
    margin: .5em 0 1.5em 0 ;
}

#sideBar li {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #666;
    margin: .2em .5em;
}

/* ===== footer ===== */

div#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
}

#footer p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

/* ===== miscellaneous styles ===== */

.clear { clear: both }



.tabledow
{
	border: 1px solid #D6DDE6;
	border-collapse:collapse;
	position :relative ;
	text-align : justify  ;
	background:  #ececec;
	width :100%;
	font: 0.95em Verdana,Geneva, Arial,Helvetica,sans-serif;
	margin-top :2em;

	}
	
.tabledow col.add 
{
	 background-color :#80C9FF;
	 color:#000000;
	}

.tabledow col.even 
{
	 background-color :#BFE4FF;
	 color:#000000;
	 font-weight :bold ;
	}

.tabledow td 
{
	border: 2px solid #ffffff;
	padding : 0.3em;
	} 

.tabledow th
{ border : 2px solid #ffffff;
	background-color :#00487D;
	color:#FFFFFF;
	font-weight :bold ;
	text-align:left;
	padding:0.2em;
	font: 1em Verdana,Geneva, Arial,Helvetica,sans-serif;
	
	}