/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
    margin: 20px 0;
    padding: 0;
    background: #6E6E6E url(images/img1.jpg) repeat-x;
    font:76% tahoma, verdana, sans-serif;
}

h1, h2, h3 {
    color: #730000;

}
h1 {
background:#f0f0f0;
padding:3px;
font-size:1.6em;
}


h2 {
    margin:0 0 12px 0;
    font-size:1.4em;
    font-weight:normal;

}

h3 {
    margin: 0;
    font-size: 1em;
}
.vasic {
color:#000000;
font-size:1.2em;
font-weight:bold;
margin:0px;
padding:0px;
display: inline;
}
.web {
color:#9C110E;
font-size:1.2em;
font-weight:bold;
margin:0px;
padding:0px;
display: inline;
}

p, ul, ol, blockquote {
    margin-top: 0;

}

a:link {
    color: #000000;
    text-decoration:none;
}

a:hover {
    text-decoration: none;
    color: #73000;
    font-weight:600;
}
a:visited {
    text-decoration: none;
    color: #730000;
}

img {
    border: 1px solid #eeeeee;
}

img.left {
    float: left;
    margin: 6px 15px 0 0;
    border: 1px solid #730000;
}

img.right {
    float: right;
    margin: 6px 0 0 15px;
}

/* Header */

#header {
    width: 740px;
    height: 200px;
    margin: 0 auto;
    background: url(images/img2.jpg);
    border: 1px solid #730000;
}

#header * {
    margin: 0;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: normal;
    color: #FFFFFF;
}

#header h1 {
    float: left;
    padding: 20px 0 0 330px;
    font-size: 3em;
}

#header h2 {
    float: left;
    padding: 20px 0 0 0;
    font-size: 1em;
}

/* Menu */

#menu {
    width: 740px;
    height: 41px;
    margin: 0 auto;
    background: #2E2E2E url(images/img3.gif)
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    height: 32px;
    padding: 9px 15px 0 20px;
    text-decoration: none;
    color: #CCCCCC;
}

#menu a:hover, #menu .active a {
    background: url(images/img4.gif);
    color: #FFFFFF;
}

/* Content */

#content {
    width: 740px;
    margin: 0 auto;
    background: #ffffff;
}

#colOne {
    float: left;
    width: 160px;
    padding: 20px 10px 0 10px;

}
.block {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;

color:#730000;
font-weight:400;
}


#colTwo {
    float: left;
    width: 519px;
    padding: 20px 10px 0 10px;
   border-left: 1px solid #730000;
}
#colTwo p {

   line-height:1.0em;
   font-size:98%;
   padding-left:3px;
}





/*#

#colTwo {
    float: left;
    width: 359px;
    padding: 20px 10px 0 10px;
   border-left: 1px solid #730000;
}


colThree {
    float: left;
    width: 120px;
    padding: 10px;
}
*/
/* Links */

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:150px;}
#leftside ul.avmenu {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside ul.avmenu li {display:inline; padding:0; width:150px;}
#leftside ul.avmenu li a {background: #2E2E2E ; border-bottom:1px solid #730000; border-left:4px solid #730000; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#ffffff; float:left; font-size:1em; font-weight:300; margin-bottom:2px; text-decoration:none; width:158px; padding-left:5px; padding-right:1px; padding-top:5px; padding-bottom:2px}
#leftside ul.avmenu li a:hover, #leftside ul.avmenu li a.current {background:#000000 url('img/menubg2.gif') repeat-x bottom left; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#ffffff}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul.avmenu ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:300;}




/* Footer */

#footer {
    width: 740px;
     margin: 0px auto;

    padding-top:10px;
    padding-bottom:10px;
    background: #2E2E2E url(images/img3.gif);
    border-bottom: 1px solid #A30D0D;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

#footer p {
    margin: 0px;
    text-align: center;
}

#footer * {
    color: #ffffff;
}
.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}
.hide {
display:none;
}


#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

#colTwo table
{
    border: dotted 1px #cacaca;
    padding: 0.5em;
    margin-bottom: 1.5em;
}

#colTwo table th
{
    text-align: left;
    font-weight: bold;
    padding: 0.5em;
}

#colTwo table td
{
    padding: 0.5em;
    text-align: center;
}

#colTwo table tr.rowA
{
    background-color: #f5f5f5;
    color: inherit;
}

#colTwo table tr.rowB
{
    background-color: #fdfdfd;
    color: inherit;
}
/* Toptab menu */

#toptabs {
margin:10px auto auto auto;
font-size:0.8em;
width:740px;
}

#toptabs p {
text-align:right;
color:#808080;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover {
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}

/* Navitab menu */

#navitabs {
clear:both;
}

.navitab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover {
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
background:#505050 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}
#desc {
height:500px;
color:#ffffff;
padding:0;
background:url(images/frontvw.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc p {

font-size:1em;
line-height:1.3em;
padding:15px;
}

#desc h2 {
padding:10px 10px 0 10px;
font-size:1.5em;
color:#ffffff;
}
.title {
  height: 35px;
  padding: 15px 0 0 40px;
  text-transform: lowercase;
  font-size: 147%;
}




.bg1 { background: url('images/img04.gif') no-repeat left bottom; }
.bg2 { background: url('images/img05.gif') no-repeat left bottom; }
.bg3 { background: url('images/img03.gif') no-repeat left bottom; }
.bg4 { background: url('images/img08.gif') no-repeat left bottom; }
.bg5 { background: url('images/img09.gif') no-repeat left bottom; }
.bg6 { background: url('images/img10.gif') no-repeat right bottom; }
.bg7 { background: url('images/img11.gif') no-repeat right bottom; }


#content p, #content ul, #content ol {
  line-height: 1.4em;

}


.box {

  float: left;
  width: 250px;


}

.box .title {
  height: 30px;
  padding: 15px 0 0 40px;
  text-transform: lowercase;
  font-size: 147%;
  margin:1px;
  border-left: solid 1px #730000;
 border-bottom: solid 1px #730000;



}

.box .content {
 border-left: dotted 1px #cacaca;
 border-right: dotted 1px #cacaca;
 border-top: dotted 1px #cacaca;
 padding:2px;
 margin:1px;
}

.list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.list li {
  padding-left: 10px;
  background: url('images/img07.gif') no-repeat left center;
}



.boxs {

  float: left;
  width: 150px;


}

.boxs .title {
  height: 30px;
  padding: 15px 0 0 40px;
  text-transform: lowercase;
  font-size: 147%;
  margin:1px;
  border-left: solid 1px #730000;
 border-bottom: solid 1px #730000;



}

.boxs .content {
 border-left: dotted 1px #cacaca;
 border-right: dotted 1px #cacaca;
 border-top: dotted 1px #cacaca;
 padding:2px;
 margin:1px;
}