/*
	BWDEC2007 Template
	CSS StyleSheet by David Herreman
	http://www.free-css-templates.com
*/

body
{
   
    padding: 0;
    margin: 0;
    font: 0.74em Arial, sans-serif;
    line-height: 1.5em;
    background: #F8F8F8;
    color: #454545;
}

a
{
    color: #FF6603;
    background: inherit;
    text-decoration: none;
}
a:hover
{
    color: #FF6603;
    background: inherit;
    text-decoration: underline;
}
p
{
    margin: 5px 0;
}
h1
{
    font: bold 1.8em Arial, Sans-Serif;
    padding: 8px 0 4px 0;
    margin: 0;
    letter-spacing: -1px;
}
h2
{
    font: bold 1.6em Arial, Sans-Serif;
    letter-spacing: -1px;
}
h3
{
    padding: 4px 0;
    margin: 0;
}
img
{
    border: 0;
}
.right
{
    float: right;
}


ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

hr
{
    height: 1px;
    border-style: none;
    color: #d0d0d0;
    background-color: #c0c0c0;
    margin: 10px 0;
}
ol
{
    padding: 0;
    margin: 0;
}
.code
{
    padding: 3px 5px 3px 35px;
    border: 1px solid #ccc;
    list-style-type: decimal-leading-zero;
    font-family: Courier;
}
.code code
{
    font-family: Monaco, "Courier New" , Tahoma;
    font-size: 1.2em;
}
.code li
{
    margin: 2px 0;
    padding: 0 5px;
    background: #F6F6E3;
}
.code li.t1
{
    padding-left: 4ex;
}
.code li.t2
{
    padding-left: 8ex;
}
.code li.t3
{
    padding-left: 12ex;
}
.code li.t4
{
    padding-left: 16ex;
}
.code li.t5
{
    padding-left: 20ex;
}
.code li.t6
{
    padding-left: 24ex;
}
.code li.t7
{
    padding-left: 28ex;
}
.code li.t8
{
    padding-left: 32ex;
}


.content
{
    margin: 0 auto;
    width: 960px;
}
.topbanner
{
    padding:5px 0 7px 0;
    text-align:center;
    margin: 0 auto;
    width: 960px;
}
#topbar
{
    background: #000;
    width: 100%;
    color: #FFF;
}

#topbar .wrap
{
    background: #3F4040;
    height: 51px;
    width: 958px;
}

#topbar h1
{
    font: bold 2.0em Arial, sans-serif;
    color: #FFF;
    line-height: 51px;
    padding: 0 0 0 10px;
    background: inherit;
}
#topbar h1 a
{
    color: #FFF;
}
#topbar h1 a:hover
{
    color: #FFF;
    text-decoration: none;
}

#topbar .se
{
    float: right;
    padding: 12px 10px 0 0;
}

#subbar
{
    background: #F4F4F3;
    height: 34px;
    border-bottom: 1px solid #D6D6D6;
    width: 100%;
}

#subbar .rss
{
    position: relative;
    right: 20px;
    top: 7px;
    width: 21px;
    height: 21px;
}

.menu
{
    background: #F7F7F6;
    height: 34px;
    line-height: 34px;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    padding: 0;
    margin: 0;
}

.menu a
{
    color: #74797E;
    background: inherit;
    text-decoration: none;
    padding: 0 10px 0 10px;
    line-height: 23px;
}
.menu a:hover
{
    font-weight:bold;
    color: #FF6603;
    font-size:12px;
    height: 23px;
   /* text-decoration: underline; background: inherit;*/
}
 .menu .current
{
    font-weight:bold;
    color: #FF6603;
    font-size:12px;
    height: 23px;
   /* text-decoration: underline; background: inherit;*/
}
.menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu li
{
    
    position:relative;
    bottom:0; 
    display:inline;
    padding:0px 1px 6px 3px; 
    text-align:left;
    border-right:1px solid #CCCCCC; 
}

#main
{
    width: 958px;
    background: #FFF;
    margin: 0px 0 0 0;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding: 10px 0 0 0;
}
#main .padding
{
    padding: 10px;
}
.left_side
{
    float: left;
    width: 391px;
    background: inherit;
    overflow: hidden;
}
.left_side .pad
{
    padding: 0 17px 10px 0;
}
.left_side p
{
    padding: 0 0 5px 5px;
}
.left_side ul
{
    padding: 3px 0 12px 0px;
}

.left_side li
{
    line-height: 22px;
    list-style: none;
    background: #f8f8f8 url(images/li.gif) no-repeat left;
    margin-bottom: 2px;
}
.left_side li a
{
    padding-left: 15px;
    color: #74797E;
}


.left_side a:hover
{
    text-decoration: underline;
    color: #000;
    background: inherit;
}
.left_side h3
{
    color: #eee;
    font: bold 1.0em Arial, Sans-Serif;
    background: #3F4040;
    width: 100%;
    height: 24px;
    line-height: 22px;
    text-indent: 10px;
    font-weight: normal;
}

.left_side .sponsors
{
    margin-bottom: 5px;
    width: 391px;
    height:auto;
    overflow: hidden;
}
.left_side .sponsors img.ml
{
    margin-right: 2px;
    overflow: hidden;
}
.left_side .category
{
    
    margin-right: 5.8px;
    float: left;
    width:190px
  /*   width: 191px; */
}
.left_side .ls
{
    float: left;
    width: 191px;
}

.left_side .rs
{
    float: right;
    width: 191px;
}

.left_side .extra
{
    background: #F4F4F3;
    color: #454545;
    border-top: 4px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    margin-bottom: 10px;
}

.left_side .extra .padding
{
    padding-right: 10px;
}
.left_side blockquote
{
    padding-left: 5px;
    border-left: 3px solid #a7cc44;
    margin: 5px 15px 5px 0;
    overflow:auto;
}
.sitemap
{
    background: #F4F4F3;
    color: #454545;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    margin:0 0 0 10px;
}
#right_side
{
    background: inherit;
   /* margin-left: 395px !important;
    margin-bottom: 10px !important; */
    padding-left: 15px !important;
    width: 527px;
    color: #454545;
    margin: 0 0 0 0 !important;
}
#right_side .intro
{
    background: #FDFDF0;
    color: #454545;
    border-bottom: 4px solid #F6F6E3;
}
#right_side .intro .pad
{
    padding: 0 0 0 10px;
}
#right_side .intro a
{
    color: #FF6603;
    text-decoration: none;
}
#right_side .intro a:hover
{
    color: #FF6603;
    text-decoration: underline;
}
#right_side .mpart
{
    padding: 0 0 0 0;
}
#right_side h2
{
    background: inherit;
    padding: 0;
    margin: 0;
    font: 1.8em verdana, Arial, Sans-Serif;
    color: #3F4040;
}
#right_side .mpart h3
{
    background: inherit;
    padding: 0;
    margin: 0 0 15px 0;
    font: 0.9em verdana, Arial, Sans-Serif;
    color: #a5a5a5;
}
#right_side .mpart ul
{
 
    padding: 0;
    margin: 0;
}
#right_side .mpart li
{
   list-style:none;
    margin: 0 10px 0 0px;
   
}
#right_side p
{
    color: #454545;
    padding: 0;
    text-align: justify;
}

#right_side img
{

    padding: 0 10px 5px 0;
}
#right_side blockquote
{
    padding-left: 5px;
    border-left: 3px solid #a7cc44;
    margin: 10px 25px 10px 0;
    overflow:auto;
}
.date
{
    padding: 7px 10px 0 0;
    margin: 10px 0 20px 0;
    text-align: right;
    background: #F4F4F3;
    height: 26px;
    width: auto;
}
.date a
{
    color: #74797E;
    background: inherit;
}
#right_side .rs
{
    float: left;
    margin: 5px 10px 0 5px;
    border: 1px solid #888;
    padding: 5px;
    background: inherit;
}
#right_side ul
{
    list-style-position: inside;
    margin-left: 2px;
}
#right_side ul li
{
    list-style-type: square;
    margin-left: 15px;
}
#right_side ul ul li
{
    list-style: none;
    margin-left: 10px;
    list-style-type: lower-alpha;
    list-style-position: inside;
}
#footer
{
    clear: both;
    width: 100%;
    margin: 0 0 3em 0;
    padding: 10px 0px 0 10px;
    color: #777;
    background: inherit;
    line-height: 1.7em;
}
#footer .right
{
    float: right;
    padding-right: 20px;
}
#footer a
{
    text-decoration: none;
    background: inherit;
}
#footer .fmenu
{
    background: inherit;
    padding: 0;
    margin: 0;
}

#footer .fmenu a
{
    color: #74797E;
    background: inherit;
    text-decoration: none;
    padding: 0 10px 0 0px;
}
#footer .fmenu a:hover
{
    color: #000;
    background: inherit;
    text-decoration: underline;
}
#footer .fmenu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .fmenu li
{
    float: left;
    margin: 0 10px 0 0px;
    display: inline;
}

input.text
{
    border: 1px solid #CCC;
    padding: 2px 5px 2px 5px;
}

.clear
{
    clear: both;
}

/*  FOR pagination  */
.pagination
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    padding-bottom: 8px;
    color: #036bff;
    padding-top: 8px;
    font-family: Tahoma, Arial;
    text-align: center;
}
.backButton
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    padding-bottom: 8px;
    color: #036bff;
    padding-top: 8px;
    font-family: Tahoma, Arial;
    text-align: center;
}
.pagination A
{
    border-right: #aed7ff 1px solid;
    padding-right: 0.35em;
    border-top: #aed7ff 1px solid;
    padding-left: 0.35em;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    padding-bottom: 0px;
    border-left: #aed7ff 1px solid;
    color: #aed7ff;
    padding-top: 0px;
    border-bottom: #aed7ff 1px solid;
    font-family: "Trebuchet MS" , Arial, Tahoma;
    position: relative;
    top: 3px;
    text-decoration: none;
}
.pagination A:visited
{
    border-right: #aed7ff 1px solid;
    padding-right: 0.35em;
    border-top: #aed7ff 1px solid;
    padding-left: 0.35em;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    padding-bottom: 0px;
    border-left: #aed7ff 1px solid;
    color: #aed7ff;
    padding-top: 0px;
    border-bottom: #aed7ff 1px solid;
    font-family: "Trebuchet MS" , Arial, Tahoma;
    position: relative;
    top: 3px;
    text-decoration: none;
}
.backButton A
{
    border-right: #aed7ff 1px solid;
    padding-right: 0.35em;
    border-top: #aed7ff 1px solid;
    padding-left: 0.35em;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    padding-bottom: 0px;
    border-left: #aed7ff 1px solid;
    color: #aed7ff;
    padding-top: 0px;
    border-bottom: #aed7ff 1px solid;
    font-family: "Trebuchet MS" , Arial, Tahoma;
    position: relative;
    top: 3px;
    text-decoration: none;
}
.backButton A:visited
{
    border-right: #aed7ff 1px solid;
    padding-right: 0.35em;
    border-top: #aed7ff 1px solid;
    padding-left: 0.35em;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    padding-bottom: 0px;
    border-left: #aed7ff 1px solid;
    color: #aed7ff;
    padding-top: 0px;
    border-bottom: #aed7ff 1px solid;
    font-family: "Trebuchet MS" , Arial, Tahoma;
    position: relative;
    top: 3px;
    text-decoration: none;
}
.pagination .null
{
    border-right: #dedede 1px solid;
    padding-right: 0.35em;
    border-top: #dedede 1px solid;
    padding-left: 0.35em;
    font-weight: bold;
    font-size: 14px;
    background: #f6f6f6;
    padding-bottom: 0px;
    border-left: #dedede 1px solid;
    color: #dedede;
    padding-top: 0px;
    border-bottom: #dedede 1px solid;
    font-family: "Trebuchet MS" , Arial, Tahoma;
    position: relative;
    top: 3px;
    text-decoration: none;
}
.pagination A:hover
{
    border-right: #036bff 1px solid;
    border-top: #036bff 1px solid;
    background: #aed7ff;
    border-left: #036bff 1px solid;
    color: #036bff;
    border-bottom: #036bff 1px solid;
}
.pagination A:active
{
    border-right: #036bff 1px solid;
    border-top: #036bff 1px solid;
    background: #aed7ff;
    border-left: #036bff 1px solid;
    color: #036bff;
    border-bottom: #036bff 1px solid;
}
.backButton A:hover
{
    border-right: #036bff 1px solid;
    border-top: #036bff 1px solid;
    background: #aed7ff;
    border-left: #036bff 1px solid;
    color: #036bff;
    border-bottom: #036bff 1px solid;
}
.backButton A:active
{
    border-right: #036bff 1px solid;
    border-top: #036bff 1px solid;
    background: #aed7ff;
    border-left: #036bff 1px solid;
    color: #036bff;
    border-bottom: #036bff 1px solid;
}
.pagination .CurrentPage
{
    border-right: #dedede 1px solid;
    padding-right: 0.35em;
    border-top: #dedede 1px solid;
    padding-left: 0.35em;
    font-weight: bold;
    font-size: 14px;
    background: #f6f6f6;
    padding-bottom: 0px;
    border-left: #dedede 1px solid;
    color: #dedede;
    padding-top: 0px;
    border-bottom: #dedede 1px solid;
    font-family: "Trebuchet MS" , Arial, Tahoma;
    position: relative;
    top: 3px;
    text-decoration: none;
}
/* Layer_Logo*/
#Layer_Logo
{
    position: absolute;
    left: 890px;
    top: 103px;
    width: 126px;
    height: 48px;
    z-index: 10;
}
.border
{
    text-align:center;
    border: 1px solid #ccc;
    font-family: Courier;
}
#bannerbuttom
{
    clear: both;
    width: 100%;
    margin: 10px 0 10px 0;
   
    color: #777;
    background: inherit;
    line-height: 1.7em;
    text-align:center;
}
.bordergallery
{
    margin:10px 10px 10px 10px;
     padding:10px 10px 10px 10px;
    width:146px;
    height:180px;
    text-align:center;
    border: 1px solid #ccc;
    font-family: Courier;
}
  .bordergallery .gallerytext
{
    text-align:left;
    FONT-SIZE: 12px;	
    COLOR: #333333;	
    FONT-FAMILY: "Microsoft Sans Serif", "Tahoma", "Thonburi";
    margin: 0;
    letter-spacing: -1px;
 }
.gallery
{
     width:146px;
     height:133px;
     background: #f8f8f8 url(../images/g1.gif) no-repeat left;
     text-align:center;
    
 }
 .gallery .galleryimg
{
   
    margin:14px 0 0 0 ;
     text-align:center;
    
 }
.hiddentxt
{
    display:none;
}

