*{ margin: 0; padding: 0; }*

body {
        font: .8em Arial, "Trebuchet MS", Tahoma, sans-serif;
        background: #fff;
    

}

.xred
{
        background-color: black;
        }

body,td,p {

   font-family: Tahoma, Arial;

   font-size: 13px;

   background: #fff;

   color: #000000;

   text-decoration: none;

   margin-top:0px;

   margin-left:0px;

   margin-right:0px;



}





a { font-size: 13px; color: #003B6E; background: inherit; }

a:hover { font-size: 13px; color: green; background: inherit; }

a:active { font-size: 13px; color: #FF0000; background: inherit; }



a:link {



        font-size: 13px;

        text-decoration: none;

        color: blue;


}

a:visited {



        font-size: 13px;

        text-decoration: none;

        color: blue;


}

a:active {



        font-size: 13px;

        text-decoration: none;

        color: blue;

}

a:hover {



        font-size: 13px;

          color: #008000;
        text-decoration: underline;

}


.imgborder
{
border-style:none;
}


h1 { font-size: 24px; letter-spacing: -1px; color: #8080FF; }

h1 a { font-size: 22px; color: #737373; background: inherit; }

.orange { color: #E0692A; }

sup { font-size: .5em; }



h1 a, h2 a, h3 a { text-decoration: none; }

h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }

h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

h2.hpanel { font-size: 1.5em; margin-bottom: 0px; color: #000; background: inherit; }

h3 { font: 1.2em Tahoma, Arial, sans-serif;

background: #fff; color: #454545; }

p {     margin: 0 0 5px 0; }



ul { list-style : none; }

.lidisc
{
                list-style:disc outside; text-indent: 20px; color:#336699;
}

.lisquare
{
        list-style:square outside; text-indent: 20px; color:#336699;
        }
        
.in_txt{

width:102px;

font-size:10px;

border: 0;

background: #EEEEEE url(images/input1.gif) no-repeat bottom center;

padding: 4px;

color: #E0691A;

font-weight: bold;

margin: 3px 0 0 0;

}

.submit1 {

                background: #E0691A url(images/submit1.gif) no-repeat;

                border: 0;

                padding: 2px 0;

                width: 65px;

                margin: 0 10px 1px 0;

                color: #FFF;

                font: bold 1em Arial, Sans-Serif;

        }



.reg_pass{

padding-left:57px;

}



/* layout

   ------ */



.content {

        width: 99%;

        padding: 3px; 

}



.header {

        height: 70px;

        background: #fff url(images/headerbg.gif) repeat-x bottom;

        color: #808080;

        margin: 0px 0;

        padding: 0 0 0 0;

}



.dsd 

{

   float: left;

   width: 98%;


   background: #0080C0;

   margin: 0 0 10px 10px;

   padding: 3px;

}



.topbar

{

   background: url(images/bgtop.gif) repeat top;

}



.fbar
{
 width:100%; color:#C3C3C3; background: #C3C3C3; border: 0; Height:1px;}
}



.top_info {

width: 98%;

float: none;

padding: 0px 0px 0px 0px;

background-color: white;

}



.top_info_left {

width: 50%;

height: 60px;

float: left;

text-align: left;

background-color: white;

}



.top_info_right {

   overflow: auto; 

width: 50%;

height: 60px;

float: right;

text-align: right;

background-color: white;

}



.browse_category  {

        width: 390px;

        color: #FFF;

        background: inherit;

}



.bar {

        clear: both;

        font-size: 1.1em;

        height: 30px;

        color: #FFF;

        background: #FF9148 url(images/menubg.gif) repeat-x;

}



        .bar li {

                padding: 6px 12px 6px 12px;

                color: #FFEADC;

                float: left;

        }



        .bar li.active {

                background: #E0691A url(images/bar.gif) repeat-x;

                color: #fff;

                font-weight: bold;



        }



        .bar li a {

                font-weight: bold;

                color: #FFF;

                background: inherit;

                text-decoration: none;

        }



/* search form */

.search_field {

        background: #fff url(images/searchbg.gif) no-repeat right;

        width: 240px;

        color: #808080;

        clear: both;

        font-weight: bold;

        padding: 7px 12px 10px 10px;

        margin: 5px 0;



}







input.submit {

        background: #E0691A url(images/submit.gif) no-repeat;

        border: 0;

        padding: 4px 0;

        width: 65px;

        margin: 0 15px 1px 0;

        color: #FFF;

        font: bold 1em Arial, Sans-Serif;

}



input.login { 

        width: 150px;

        border: none;

        

        padding: 4px; 

}

        input.search {

                width: 293px;

                border: 0;

                background: #FFF url(images/input.gif) no-repeat top;

                padding: 4px;

                color: #E0691A;

                font-weight: bold;

                margin: 0 1px 1px 0;

        }

        input.submit {

                background: url(images/submit.gif) no-repeat center center;

                border: 0;

                padding: 4px 0;

                width: 65px;

                margin: 0 1px 1px 0;

                color: #FFF;

                font: bold 1em Arial, Sans-Serif;

        }

        .grey { color: #808080; background: inherit; font-weight: normal; }

        .search_form { float: right; }



/* center

   --------- */



.center {

        float: left;

        width: 50%;

        margin: 0 0 0 10px;

}



.center h2 {
        background: #E8E8E8 center left;
        /*      background: #E8E8E8 url(images/h2bg.gif) no-repeat center left; */
        color: #444;
        padding: 3px 0 4px 4px;
        font: bold 1.4em Tahoma, "Trebuchet MS", Arial, Sans-Serif;
        margin: 0 0 0px 0;

}


.center h2.hpanel {

        clear: both;

        background: #E8E8E8 no-repeat center left;

        /*      background: #E8E8E8 url(images/h2bg.gif) no-repeat center left; */

        color: #444;

        padding: 3px 0 0 4px;

        font: bold 1.4em Tahoma, "Trebuchet MS", Arial, Sans-Serif;

        margin: 0 0 0 0;

}


.center h3 {

        clear: both;

        background: #E8E8E8 no-repeat center left;

        /*      background: #E8E8E8 url(images/h2bg.gif) no-repeat center left; */

        color: #444;

        padding: 3px 0 4px 4px;

        font: bold 1.2em Tahoma, "Trebuchet MS", Arial, Sans-Serif;

        margin: 0 0 10px 0;

}





        .center_side {

                float: left;

                width: 160px;

                padding: 0 0 0 10px;

                margin: 10px 0 0 38px;

        }



        .center_side a, .right_side a { color: #414141; background: #FFF; }



        .right_side {

                float: right;

                width: 240px;

                background: #FFF url(images/dotted.gif) repeat-y;

                color: #414141;

                padding: 0 0 0 30px;

                margin: 10px 0;

        }



        .center_box {

                margin: 0 0 10px 0;

                color: #000;

                background: #FFF;

                padding: 3px 0;

        }





/* right side

   ---------- */



.right {

        float: right;

        width: 25%;

        margin: 0 10px 0 0;

}



        .right h3 {



                                background: #336699 no-repeat center left;

        /*      background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;

                        background: #BDBDBD  url(images/h3bg.gif) no-repeat center right;*/



                color: #ffffff;

                padding: 4px 0 4px 5px;

                font: bold 1em Tahoma, Arial, Sans-Serif;

                margin: 0 0 3px 0;

        }

        .right_articles {

                background: #f5f5f5;

                color: #414141;

                padding: 4px;

                margin: 0 0 3px 0;

        }

        .notice {

                background: #eee;

                color: #808080;

                padding: 12px 8px;

                margin: 0 0 3px 0;

        }

        .image {

                float: left;

                margin: 0 9px 3px 0;

        }

.artindex {

        float: right;

        width: 40%;

        margin: 0px 10px 10px 10px;

}



        .artindex h3 {



              background: #336699 no-repeat center left;

                color: #ffffff;

                 margin: 10px 10px 10px 10px;

                font: bold 1em Tahoma, Arial, Sans-Serif;

                margin: 0 0 3px 0;

        }

        .artindex_articles {

                background: #f5f5f5;

                color: #414141;

                padding: 4px;

                margin: 0 0 3px 0;

        }




/* left side

   --------- */



.left {

        float: left;

        width: 20%;

        margin: 0 0 10px 10px;

}

        .left h3 {



                                background: #336699 no-repeat center left;

        /*      background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;

                        background: #BDBDBD  url(images/h3bg.gif) no-repeat center right;*/



                color: #ffffff;

                padding: 4px 0 4px 5px;

                font: bold 1em Tahoma, Arial, Sans-Serif;

                margin: 0 0 3px 0;

        }

        .category {

                background: #f5f5f5;

                color: #414141;

                padding-left:10px;

                margin: 0 0 3px 0;

                font-weight:bold;

        }

        .left_other {

                background: #f5f5f5;

                color: #414141;

                padding-left:1px;

                margin: 0 0 5px 0;

        }



.spacer{

width:15px;

}





/* footer

   ------ */



.footer {

        clear: both;

        text-align: center;

        padding: 10px 0;

        line-height: 2em;

}

        .footer a { color: #0000FF; background: #fff; }



.footer a:hover { color: #0000FF; background: inherit; }

.footer a:active { color: #FF0000; background: inherit; }








/* Article Comment Form */

.cmt_header {

   height:20px;

   background-color:#869A9B;

   font-size:12px;

   color: #fafafa;

}



.cmt_main {

   border:1px solid #869A9B;

   color: #FAFAFA;

}

/* Enf of Article Comment Form */

        

         

/* Article titles */

a.atitle

{

   text-decoration  : none;

   font-size        : 16px;



}



.art_title {

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

  font-size        : 26px;

  font-weight      : bold;

  line-height      : 16px;

  text-align       : left;

  text-decoration  : none;

  width            : 100%;

}



.art_content {

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

    font-size        : 13px;

    text-align       :  justify;

    color: #000000;



}



.art_next

{

   font-family   : Tahoma, Verdana, Arial, Helvetica, sans-serif;

   font-size        : 13px;

   text-align       :  right;



   color: black;        

   font-weight      : bold;



                

}





.count_title_box {

   font-size: 16px;

   font-weight: bold;

   color: #0000ff

}



.art_info {



   padding-left    : 0px;

   font-size        : 11px;  

   color: #737373;        

}



.art_pagination {

   width: 100%;
   overflow: hidden;
   background-color: #F3F2CF;
   padding: 2px;
   margin-left: 3px;

}

/* Article titles */



.hightld {

   font-weight: bold;

   color: #0000ff

}



/* set millions of background images */

.rbroundbox { background: url(images/nt.gif) repeat; }

.rbtop div { background: url(images/tl.gif) no-repeat top left; }

.rbtop { background: url(images/tr.gif) no-repeat top right; }

.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }

.rbbot { background: url(images/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; }

.rbroundbox { width: 50%; margin: 1em auto; }



/* menu style. */



#button {

width: 200px;

border-right: 1px solid #E8E8E8;

padding: 0 0 1em 0;

margin-bottom: 0;

font-family: Tahoma, 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

font-size: 13px;

color: #0000ff;

background-color: #F5F5F5;

}



#button ul {

list-style: none;

margin: 0;

padding: 0;

border: none;

}



#button li {

border-bottom: 1px solid #E8E8E8;

margin: 0;

}



#button li a {

display: block;

padding: 1px 1px 1px 0.5em;

background-color: white;

color: #0000ff  ;

text-decoration: none;



}



html>body #button li a {

width: auto;

}



#button li a:hover {

 /* border-left: 10px solid #E1E1E1;

border-right: 10px solid #E1E1E1;  */

background-color: #C0C0C0;

color: #fff;

}







/* top navigation */



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{

margin-left: 4px;

float: left;

width: 500px;

padding: 0;

background: transparent;

voice-family: "\"}\"";

voice-family: inherit;

padding-left: 5px;

}





#ddcolortabs ul{

font: bold 11px Arial, Verdana, sans-serif;

margin:0;

padding:0;

list-style:none;

}



#ddcolortabs li{

display:inline;

margin:0 2px 0 0;

padding:0;

text-transform:uppercase;

}





#ddcolortabs a{

float:left;

color: white;

background: #E0691A url(images/submit1.gif) no-repeat  left top;



margin:0 2px 0 0;

padding:0 0 1px 3px;

text-decoration:none;

letter-spacing: 1px;

}



#ddcolortabs a span{

float:left;

display:block;

background: transparent url(images/color_tabs_right.gif) no-repeat right top;

padding:4px 9px 2px 6px;

}



#ddcolortabs a span{

float:none;

}





#ddcolortabs a:hover{

background-color: #8cb85c;

}



#ddcolortabs a:hover span{

background-color: #8cb85c;

}



#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/

background-color: #8cb85c;

}



#ddcolortabsline{

clear: both;

padding: 0;

width: 100%;

height: 8px;

line-height: 8px;

background: #E0691A;

border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/

}











blockquote {

        margin: 15px;

        padding: 0 0 0 32px;

        background: #FAFAFA no-repeat 5px 10px !important;

        background-position: 8px 10px;

        border: 1px solid #f2f2f2;

        border-left: 3px solid #3182C0;

        font-weight: bold;

}



.table_header {

   font-family: Arial;

   font-size: 12px;

   font-weight: bold;

   color: #ffffff;

   background-color: #4A8797;

   border-style: solid;

   border-width:1px;

   border-color: #4A8797;

   height:18px;

   padding-left:4px;

}



.table_main {

   background-color: #FAFAFA;

   border-style: solid;

   border-width:1px;

   border-color: #69BFDE;

   border-top-width: 0px;

   padding-top: 5px;

   padding-left:5px;

   padding-right:5px;

   padding-bottom:5px;

}



a.taglink

{

   font: 0.8em Tahoma, Arial, sans-serif;
   

}



font.tagtext

{

   font: 0.8em Tahoma, Arial, sans-serif;

   color: #9a9a9a;

}



a.catlink

{

   font: 1em Tahoma, Arial, sans-serif;

}



font.cattext

{

   font: 0.8em Tahoma, Arial, sans-serif;

   color: #9a9a9a;

}



hr.art_list

{

  border-bottom: 1px solid #999999;

  color: #fff;

  background-color: #fff;

  height: 4px;

  width: 100%;

  margin-top: 5px;

  margin-bottom: 2px;

}


.tagbox

{

  border-bottom: 1px solid #999999;

  color: #fff;

 

  width: 100%;


  margin-bottom: 2px;

}
.x

{

  border: 0;

  width: 90%;

  color: #999999;

  background-color: #999999;

  height: 1px;

  margin-top: 5px;

  margin-bottom: 2px;

}



.blk2

{

   font: 0.9em Tahoma, Arial, sans-serif;

   color:#066CD2;

}



.art_sort

{

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

  font-size        : 12px;

  background-position: left top;

  background-repeat: no-repeat;

  vertical-align: top;

  line-height      : 16px;

  text-align       : left;

  text-decoration  : none;

}





.art_box2 h2 {

        clear: both;

        /* background: #E8E8E8 no-repeat center left; */

        background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;

        color: #000000;

        margin: 0 0 0 0;

                padding: 0 0 0 0;

                line-height:normal;

}



.art_box

{

        background: #E8E8E8 no-repeat center left;

        padding: 0px 0px 0px 8px;

        font: 1em Tahoma, Arial, sans-serif;

        color: black;



}

.art_box2

{

        background: #E8E8E8 no-repeat center left;

        padding: 0px 0px 0px 8px;

        color: #000000;

}



.listback

{

        background: #D9E4F3;
		padding: 5px;
    
}
.taglink
{

        background: #D9E4F3;
		padding: 5px;
    
}




.gmenu

{

        background-color: #2181C7;

        height: 20px;

        padding: 3px;

        border-top:1px solid #000000 ;

        margin-right: 25px;

        text-align: left;

}





a:link.toplink {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        text-decoration: none;

        font-weight: bold;

        color: #f2f2f2;

}

a:visited.toplink {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        text-decoration: none;

        font-weight: bold;

        color: #f2f2f2;

}

a:active.toplink {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        text-decoration: none;

        font-weight: bold;

        color: #f2f2f2;

}

a:hover.toplink {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        text-decoration: none;

        font-weight: bold;

        color: #f2f2f2;

}


a:link.tagttl {

        font-family: Tahoma,Arial, Helvetica, sans-serif;

        font-size: 14px;

        text-decoration: none;

       font-weight: bold;

        color: blue;

}

a:visited.tagttl {

        font-family: Tahoma, Arial, Helvetica, sans-serif;

        font-size: 14px;

        text-decoration: none;
font-weight: bold;
        
        color: blue;

}

a:active.tagttl {

        font-family: Tahoma,Arial, Helvetica, sans-serif;

        font-size: 14px;

        text-decoration: none;

     font-weight: bold;

        color: blue;

}

a:hover.tagttl {

        font-family: Tahoma,Arial, Helvetica, sans-serif;

        font-size: 14px;

        text-decoration: underline;
font-weight: bold;
        

        color: blue;

}










a.pathway:link { font-size: 15px;  }

a.pathway:visited { font-size: 15px;  }

a.pathway:hover {text-decoration: underline; font-size: 15px; color: #0080C0; }

a.pathway:active {font-size: 15px;   }





a.external:link { font-size: 16px;  
color: blue;
font-family: Arial;
font-weight: bold;
}

a.author:link
{
color: #000099;
font-family: Arial;
font-weight: bold;
font-size: 11px;
}

hr.tline
{
width: 100%;
height: 1px;
border: 0;
margin-top: 0; 
margin-bottom: 0; 
padding: 0;
color: #c6c6c6;
}

.greytext
{
margin-top: 0; 
margin-bottom: 5px; 
padding: 0;
color: #878787;
}

a.external:visited { font-size: 16px;  
color: blue;
font-family: Arial;
font-weight: bold;

}

a.external:hover {font-size: 16px; 
color: #000099;
font-family: Arial;
text-decoration: underline;
font-weight: bold;
color: #0080C0; 
}

a.external:active {font-size: 16px; 
color: blue;
font-family: Arial;
font-weight: bold;
margin: 0 0 0 0;
 }

.td1 { }
.vr { }
.categ_large { }

.catbox
{
background-color: #F2F2FF;
vertical-align: middle;
height: 25px;;
}

.commentbox{
background-color: #E1E1E1;
 font-size: 1.0em;
  color: #004080;
width: 97%;
padding: 10px;
}

.commentfooter{
background: url(/images/arrow2.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.cmtbox
{
 float:left;
 width:530px;
 border-style:solid;
 border-width:1px;
 border-color:#B2B2B2;
 padding:5px;
 margin-bottom: 15px;
}
.submit_article {
            width:95%; float:left; margin-left:1%; border:solid; border-width: thin; padding: 3px; border-color: #336699; }

.submit_field {
            width: 99%; float:left; overflow:auto; margin-left:3px; }

.sinput {
            border:solid; border-width: 1px; border-color: #c3c3c3; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('/images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



ovalbutton{
background: transparent url('/images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}



.listbox
{
 float:left;
 width:100%;
 border-style:solid;
 border-width:0px;
 border-color:#FFFFFF;
 padding:5px;
 margin-bottom: 20px;
}


div.panel_small_column
{
width: 4%;
float: left;
margin: 1px;
overflow:hidden;
padding: 1px;
background-color: #ffffff;
color: #C3C3C3;
}

div.panel_wide_column
{
width: 98%; 
overflow:hidden;
text-align:left;
margin: 1px;
padding: 1px;
background-color: #ffffff;
}

p.alert
{
color: #FF0000;
margin: 0;
padding: 0;
}

p.username
{
color: #363636;
margin: 0;
padding: 0;
}

p.menubar
{
text-align: center; 
background-color: transparent; 
margin: 0; 
padding: 0;
}

.sub_cat_panel
{
background-color: #F7F7F7; width: 33%; padding: 1px; margin: 1px; float:left;
}

.plain
{
 	width: 100%;
        clear: both;
        background-color: #E8E8E8;
        padding: 0;
        margin: 0 0 0 5px;;
}