body    {
        font-size:12px; 
        font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; 
        background: #333333;
        color: #edf3ea; 
        margin: 0 0 0 0;
        scrollbar-3dlight-color: #333333; 
        scrollbar-arrow-color: #333333; 
        scrollbar-darkshadow-color: #333333; 
        scrollbar-face-color: #727272; 
        scrollbar-highlight-color: #727272; 
        scrollbar-shadow-color: #727272; 
        scrollbar-track-color: #333333;
        text-align: center;
        }

a {color: #edf3ea;text-decoration: none}
a:hover {color: #c25547;text-decoration: none}
form    {margin: 0 0 0 0; border: 0px}

ul {
   text-align: left;
   margin-top: 5; margin-bottom: 5;
   }

hr {
   color: #333333; 
   height: 1px; 
   border: #cccccc 1px solid;
   }

.login_l{
   text-align:right;
   }

.login_r{
   text-align:left;
   }

.login td {
   padding: 3 3 3 3;
   }

.regform td {
   padding: 5 5 5 5;
   }
.regform td.lgnl {
   text-align:right;
   vertical-align:top;
   } 
.regform td.lgnr {
   text-align:left;
   vertical-align:top;
   } 
.err{
   color: red;
   width: 300px;
   }
.err ul {
   text-align: left;
   margin-top: 5; margin-bottom: 5;
   }
.msg{
   font-weight: bold;
   color: green;
   width: 500px;
   }
.lftwin{
   text-align: left;
   margin: 10 0 10 20;
   }

.mark {
   margin:3 3 3 3;
   color: #ff0000;
   }

.main_win {
           padding: 0 10 10 10;
           line-height: 1.5;
           vertical-align: top
           font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; 
           font-size:12px;
   }
.event {}
.event_date {
   color:#edf3ea;
   padding: 3 13 3 3;
   text-align:left;
   background:#727272;
   }
.event_txt td {
   color:#333333;
   padding: 3 13 3 3;
   text-align:justify;
   background:#dddddd;
   }
.event_btn {
   text-align:right;
   padding: 2 2 2 2;
   background:#999999;
   }
.event_hr {
   padding: 2 2 2 2;
   background:#333333;
   }

.tbl_photo td{
   background: #777777;
   text-align=center;
   }

table   {font-size:12px; 
         margin: 0 0 0 0; 
         border: 0px
   }

a {color: #edf3ea;text-decoration: none}
a:hover {color: #c25547;text-decoration: none}
form    {margin: 0 0 0 0; border: 0px}
p       {text-indent:20px; 
         margin: 5 0 0 5;
         text-align:justify;
         }

img     {border:0}

input  {
        font-size: 12px;
        background: #dddddd;
        border: 1px solid #727272;
        color: #333333 
        }

textarea  {
           font-family: Verdana, Tahoma;
           padding:3 3 3 3;
           font-size: 12px;
           background: #dddddd;
           border: 1px solid #727272;
           color: #333333 }

select  { font-family: Verdana, Tahoma;
                  font-size: 12px;
                  background: #dddddd;
                  border: 1pt solid #727272;
                  color: #333333
        }


.hdr    {
             font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; 
             font-size:16px;
             font-weight: bold;
             color:#edf3ea;
   }

.hdrwn    {
             font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; 
             font-size:14px;
             font-weight: bold;
             color:#edf3ea;
             text-align: center;
   }

.flag {
        vertical-align:middle;             
   }

.logo   {
        text-align: right;
        text-valign: bottom;
        padding:10 5 0 0;
        }



div.bt {
        background: url(/common/img/bt.gif) no-repeat 0px -21px; 
        float: left; margin: 0px 0px 0px 0px; 
        width: 77px; 
        height: 21px;
        text-align:center;
        font-size:10px;
}
div.bt a {
        padding-right: 0px; 
        padding-top: 0px; 
        padding-left: 0px; 
        padding-bottom: 0px; 
        background: url(/common/img/bt.gif) no-repeat left top; 
        display: block; 
        margin: 0px; 
        font: bold 10px; 
        overflow: hidden; 
        width: 100%; 
        color: #333333; 
        height: 100%; 
        text-decoration: none;
}
div.bt span {
        padding-right: 0px; 
        padding-left: 0px; 
        padding-bottom: 0px; 
        padding-top: 4px;
        margin: 0px; 
        display: block; 
}
div.bt a:hover {
        background-image: none; 
        color: #ff6600;
}
div.bt a:active {}                  











/* set millions of background images */
.rbroundbox { background: url(/common/img/nt.gif) repeat; }
.rbtop div { background: url(/common/img/tl.gif) no-repeat top left; }
.rbtop { background: url(/common/img/tr.gif) no-repeat top right; }
.rbbot div { background: url(/common/img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/common/img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; text-align:justify;}
.rbroundbox { width: 99%; margin: 1em auto; }

.bot    {   
             font-size:12px;
             color:#edf3ea;
             background:#727272;
             text-align:center;

        }    

.coltop {
 background: url(/common/img/col_04.jpg) repeat-x top left #3c3c3c;
 vertical-align:top;
 }

.colbot {
 background: url(/common/img/col_07.jpg) repeat-x;
 }

.hl1{
   margin: 3 0 10 0;
   }

.hl1 td{
 background: #727272;
}

.hl2{
   margin: 4 0 4 0;
   }
.hl2 td{
 background: #727272;
}

.hl3{
   margin: 4 0 4 0;
   }
.hl3 td{
 background: #727272;
}

.mnu {
   text-align: left;
   font-weight: bold;
   margin: 10 0 10 20;
   }

.tblwn td {
    padding: 2 5 2 5;
    vertical-align:top;
   }

.pagination {
        FONT-SIZE: 80%;
}
.pagination A {
        BORDER-RIGHT: #eaa 1px solid; BORDER-TOP: #eaa 1px solid; BORDER-LEFT: #eaa 1px solid; COLOR: #edf3ea; BORDER-BOTTOM: #eaa 1px solid; TEXT-DECORATION: none
}
.pagination A {
        PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; FLOAT: left; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0.3em; MARGIN-RIGHT: 5px; PADDING-TOP: 0.3em
}
.pagination SPAN {
        PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; FLOAT: left; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0.3em; MARGIN-RIGHT: 5px; PADDING-TOP: 0.3em
}
.pagination .current {
        BORDER-RIGHT: #eaa 1px solid; BORDER-TOP: #eaa 1px solid; BACKGROUND: #c25547; BORDER-LEFT: #eaa 1px solid; COLOR: #fff; BORDER-BOTTOM: #eaa 1px solid
}
.pagination .prev {
        BORDER-LEFT-COLOR: #999; BACKGROUND: #333; BORDER-BOTTOM-COLOR: #999; COLOR: #edf3ea; BORDER-TOP-COLOR: #999; BORDER-RIGHT-COLOR: #999
}
.pagination .next {
        BORDER-LEFT-COLOR: #999; BACKGROUND: #333; BORDER-BOTTOM-COLOR: #999; COLOR: #edf3ea; BORDER-TOP-COLOR: #999; BORDER-RIGHT-COLOR: #999
}

#Searchresult {
        BORDER-RIGHT: #eef 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eef 1px solid; MARGIN-TOP: 15px; PADDING-LEFT: 5px; BACKGROUND: #333333; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 5px; BORDER-LEFT: #eef 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #eef 1px solid
}

.evnt_date {
   text-align: center;
   font-size: 12px;     
  }

.evnt_txt {
   font-size: 14px;     
   }

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}