/* generated by csscreator.com */
div, html, body, form, ul, ol, li, dl, dt, dd, p, a, h1, h2, h3, h4, h5, h6. blockquote, fieldset, legend, textarea, input, kbd {
padding : 0;
margin : 0;
}


html,body{
 color: white;
 margin-left:0px;
 margin-right:0px;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
 background-color:black;  

/*
 background-color:#555555;
*/

}

hr{color:grey;}

#pagewidth{
 width:1100px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;}

/*div.rnav1 {
 /* background-image:url(images/custom/rnav1bcg.gif) ;
  list-style-type: none;
  list-style: none;

}     */

/*a.rnav1 {
  background-image:url(images/custom/rnav1bcg.gif) ; background-position: right; background-repeat: repeat-y;
  list-style-type: none;
  list-style: none;

}       */
a.rnav1:link      {text-decoration: underline; color:#00cd00; font-size: 12px;font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0; margin 0;  }
a.rnav1:visited   {text-decoration: underline; color:#00cd00; font-size: 12px;font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0;  margin 0; }
a.rnav1:active    {  background-image:url(images/custom/handon.gif) ; background-position: right; background-repeat: repeat-y;
text-decoration: none; color:#00cd00; font-size: 12px; font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px;  }
a.rnav1:hover     {  background-image:url(images/custom/handon.gif) ; background-position: right; background-repeat: repeat-y;
text-decoration: none; color: #00ff00; font-size: 12px; font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px;  }


a.title:link {text-decoration: underline;   font-size: 19px;
  color:#00cd00;
  font-weight: bold;}
a.title:visited {text-decoration: underline;  font-size: 19px;
  color:#00cd00;
  font-weight: bold;}
a.title:active {text-decoration: none;  font-size: 19px;
  color:#00cd00;
  font-weight: bold;}
a.title:hover {text-decoration: none;  font-size: 19px;
  color:#00ff0;
  font-weight: bold;}



.article {height: 110px; overflow:hidden; border-bottom: dotted 3px grey;}



/*#mcont {text-align: justify;}*/
#menu {

width:423px;
margin: 0 auto;
padding: 0;
text-align: center;

}
/*#pagewidth #mcont #menu li {margin: 0 0; padding: 0 0; display:inline; list-style-type:none;}*/
/*#pagewidth #mcont #wrapper # twocols #maincol #menu */
#pagewidth #wrapper #twocols #maincol #mcont  #menu a { outline: 0px; -moz-outline:0px; padding: 12px 5px 0 0px;  float:left; height: 40px; background-image: url(images/menu/menubg1.GIF); background-repeat:repeat-x;}

#pagewidth #wrapper #twocols #maincol #mcont  #menu a:link {outline: 0px; -moz-outline:0px; font-family:  Times New Roman; font-size: 16px; color:#fff;  font-weight: bolder; text-decoration: none;  margin: 0 0; }
#pagewidth #wrapper #twocols #maincol #mcont  #menu a:visited {outline: 0px; -moz-outline:0px; font-family: Times New Roman; font-size: 16px; color: #fff;  font-weight: bolder; margin: 0 0; text-decoration: none;}

#pagewidth #wrapper #twocols #maincol #mcont  #menu a:active { outline: 0px; -moz-outline:0px; font-family:  Times New Roman; font-size: 16px; color:#00cd00;  font-weight: bolder; margin: 0 0; text-decoration: none;}

#pagewidth #wrapper #twocols #maincol #mcont  #menu a:hover{outline: 0px; -moz-outline:0px;font-family: Times New Roman; font-size: 16px; color: #00ff00;  font-weight: bolder; margin: 0 0; text-decoration: none;}

/*active aca activni page // class active,..*/

#pagewidth #wrapper #twocols #maincol #mcont  #menu  a.active:link { outline: none; color:#00cd00;}
#pagewidth #wrapper #twocols #maincol #mcont  #menu  a.active:visited {outline: none;  color:#00cd00;}
#pagewidth #wrapper #twocols #maincol #mcont  #menu  a.active:active {outline:none; color:#00cd00;}
#pagewidth #wrapper #twocols #maincol #mcont  #menu  a.active:hover {outline: none;color:#00CD00;}



#head{
 position:relative;
 margin:0px auto ;

 vertical-align:middle;
 height:183px;

 /*background-image:url(images/head/events.gif);*/
 background-repeat: no-repeat;
 background-position:center;
 /*width:100%; */
 text-align:center;



}
#head img { 
 background-image:url(images/head/events.gif);
  background-repeat: no-repeat;
margin:0px auto ;
 background-position:center;
}



#leftcol{
 width:254px;
 float:left;
 position:relative;

 color:#E0E0E0;
 font-family:, Arial, Helvetica, sans-serif;

/* margin-bottom:100px;*/
  }

#twocols{
 width:800px;
 float:right;
 position:relative;
  }

#rightcol{
 width:280px;
 float:right;
 vertical-align:top;
 position:relative;
 /*background-color:#000000;*/
color:#E0E0E0;
 font-family:, Arial, Helvetica, sans-serif;
 text-align:left;
 margin-right: 20px;
 }

#maincol{
/* background-color:#000000;*/
 float: left;
 display:inline;
 position: relative;
 width:422px;
color:#E0E0E0;
 font-family:, Arial, Helvetica, sans-serif;
 text-align:justify;
 margin-left:39px;


 }

#footer{
 line-height:15px;

 height:auto;
 margin-top:20px;

 clear:both;
 text-align:center;
 color:#999999;
 font-family:, Arial, Helvetica, sans-serif;
 font-size:13px;

 }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

.white {
font-family:, Arial, Helvetica, sans-serif;
font-size:24px;
color:#aa1111;
}

.header
{
 color: #fff;
 font-family:Georgia, "Times New Roman", Times, sans-serif;
 font-size:15pt;
 margin-top:0px;
 margin-bottom:14px;


 }

.normal
{
    color: #FFFFFF;
    font-family:;
    font-size:11pt;
    line-height:15px;
}

.exc {
     overflow: scroll; text-overflow:ellipsis; position: relative; width: 430px; height: 200pt; clip: rect(200px 200px 100px 100px);

}


/*.links {
font-family:, Arial, Helvetica, sans-serif;
font-size:10px;
color:#aa1111;
}                 */

a:link      {text-decoration: underline; color:#00cd00; font-size: 14px;font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px;  }
a:visited   {text-decoration: underline; color:#00cd00; font-size: 14px;font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px;  }
a:active    {text-decoration: none; color:#00cd00; font-size: 14px; font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px;  }
a:hover     {text-decoration: none; color: #00ff00; font-size: 14px; font-family:, Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px;  }

a.foldout {
  color:white; text-decoration: none;  font-size: 14px;
}

ul {margin:0; padding:0;}

li {
  list-style-type: none;
}


div.rnav {
  position:fixed; top: 220px; border-top: 5px groove gray; border-bottom: 3px ridge gray; padding: 0px 0px 0px -10px;

}



/*mailformcss*/

#contactarea {
    width:100%;
    margin:0px auto;
    text-align:left;
    padding:15px;
    /*border:1px solid #fff;*/
    background-color:#aa1111;
    background-image: url(images/live/chopix/cho2.jpg);background-repeat: no-repeat;
    font-weight: bold;
    font-family: , Arial;
    font-size: 12px;
    color: white;
}

#inputbox {
    border: 1px solid #000;
    width: 90%;
    padding: 2px;
    font-weight: bold;
    font-family: , Arial;
    font-size: 12px;
}

#inputlabel {
    font-weight: bold;
    font-family: , Arial;
    font-size: 12px;

}

#textarea {
    border: 1px solid #000;
    padding: 2px;
    font-weight: bold;
    font-family: , Arial;
    font-size: 12px;
    width: 90%;
}

#submitbutton {
    border: 1px solid #000;
    background-color: #eee;

}

/*images main*/

.mainimg {
  width: 50%;
  float: left;
}

h1 {
  font-size: 19px;
  color:#FFF;
  font-weight: bold; 
  margin: 10px 0px 15px 0px;
}

#articlef h1 {  font-size: 22px;}


h2 {
  font-size: 17px;
  color:#C2C2C2
 
  font-weight: bold;
}


/*imagegallery*/
div.imgal
  {
  margin: 2px;
  border: 0px solid gray;
  height: auto;
  width: auto;
  float: left;
  text-align: center;

  }
div.img img
  {
  display: inline;
  margin: 3px;
/*  border: 0px solid yelow;*/
  }
div.imgal a:link img
  {border: 1px solid red; margin:1px;clear:left; }
div.imgal a:visited img
  {border: 1px solid red; margin:1px;clear:left; }

div.imgal a:hover img
  {border: 1px solid #fff; margin:1px;clear:left; }


div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  font-size: 12px;
  }


/*ADMIN CSS*/

#adminarea {
    width:100%;
    margin:0px auto;
    text-align:left;
    padding:15px;
    border:1px solid #fff;
    background-color:#000;
    font-size: 12px;
    color: white;
    float: left;
}


#adminputbox {

    width: 70em;
    padding: 2px;
    font-weight: bold;
    font-family: , Arial;
    font-size: 12px;
    

}

#adminputlabel {
    font-weight: bold;
    font-family: , Arial;
    font-size: 12px;

}

#admintextarea {

    width: 450px;
    text-align: justify;
}

#submitbutton {
    border: 1px solid #000;
    background-color: #eee;

}