html, body {
  height: 100%;
  border:0;
  margin:0;
  padding:0;
}

body{
 background-image:url(../images/index_mod010_02.jpg);

 /* text-align:center;*/
  font-size:12px;
  font-family:Arial,Helvetica,sans-serif;
}


#mod_wrap{
 width: 989px;
 padding:0px;
 text-align:left;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 height:100%;
 
    /*border: thin solid #888;*/
 /*letter-spacing:1px;*/
}

#mod_topmenu{
   width: 989px;
   height:38px;
   
  /* border: 1px thin solid #888;
   background-color:#c7c7c7;*/
  /* margin-left:10px;
   margin-right:10px;*/
   /*text-align:center;*/
   background-image:url(../images/index_mod010_03.jpg);
   /*background-repeat: repeat-x;*/
   position:relative;
}
#mod_header {
  width: 989px;
  height: 102px;
}

#mod_menubar{
  
  width:989px;
  height:39px;
  background:url(../images/index_mod010_13.jpg);
 }
 
#mod_menu_pl{
  float:left;
  padding-left:10px;
  height:39px;
  width:2px;
}
#mod_menu_l{
  float:left;
  height:39px;
  width:7px;
  background:url(../images/menubar_01.jpg) no-repeat;
  
}

#mod_menu_r{
  float:left;
 
  height:39px;
  width:6px;
  background:url(../images/menubar_03.jpg) no-repeat;
}

#mod_menu{
  float:left;
  height:39px;
  width:840px;
  background:url(../images/menubar_02.jpg) repeat-x;
  /*width: auto;  */
  padding: 0px 0px 0px 0px;
  position: relative;
  z-index: 10;
	/*clear: both;*/  
}

#mod_search{
  padding-left:10px;
  padding-top:11px;
  float:left;
  height:29px;
  width:100px;
  
}

#mod_topnews{
  background:url(../images/index_mod010_18.jpg);
  height:33px;
}

#mod_main{
  float:left;
  height:342px;
  width:773px;
  background:#000000;
}

#mod_banner{
 height:300px;
 width:760px;
 padding:6px 6px;
 /*background:url(../images/main_01.jpg);*/
}

#mod_newsbar{
 height:28px;
 
  /* background:url(../images/main_03.jpg);*/
 
}

#mod_event{
 float:left;
 width:206px;
 height:326px;
 background-color:#000000;
 padding:6px 5px 10px 5px;
 /*background:url(../images/main_02.jpg);*/
}

#mod_tab{
 
 width:979px;
 height:160px;
 background:#000000;
 padding:5px 5px 0 5px;
 
}
/*for content use*/
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:url(../images/content_bg.jpg) repeat-y;
		z-index:3;
	}
	/* holy grail 3 column settings */
	.holygrail {
	   /* background:#ff9; */   	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        /*background:#fff;    	*//* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
       /* background:#FFF;  */  	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px 0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
	    padding-top:8px;
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
	    padding-top:8px;
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		height:63px;
 background:url(../images/index_mod010_33.jpg);
		/*border-top:1px solid #000;*/
    }
	/*test*/
#mod_content{
 height: auto;
	display: block;
 width:989px;
 
 background:url(../images/content_bg.jpg) repeat-y;
}

#mod_left{
 float:left;
 width:204px;
 
 padding:10px 8px 10px 8px;
 
}
#mod_body{
 float:left;
 width:541px;
 
 padding:10px 4px 10px 4px;
}
#mod_right{
 float:left;
 width:204px;
 
 padding:10px 8px 10px 8px;
 
}
/*end content use*/
#mod_footer{
 clear:both;
 height:63px;

        float:left;
        width:100%;
 background:url(../images/index_mod010_33.jpg);
}
 
/**menu**/
form
{margin: 0px}



/**iframe **/
iframe {
border: 0px solid #ffffff;
}


ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px 50px;
	width: 95%;
}
ul.thumb li {
	margin: 0; 
	padding: 5px 15px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 95px;
	height: 95px;
}
ul.thumb li img {
	width: 80px; height: 80px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(images/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

.floatright
{
float: right;
width: 100px;
margin: 0 0 5px 5px;
text-align:center;
background-color: #fff;
padding: 5px;
border: 1px solid #999;

}

div.floatright img
{

}

#userForm{
  margin:0;
  width:550px;
}

/*for rounded table */
.rounded-corner{
  width:100%;
}
.rounded-corner th
{
	padding: 8px;
	font-weight: bold;
	font-size: 12px;
	color: #039;
	background: #b9c9fe;
	text-align:center;
}

.rounded-corner td
{
	padding: 8px;
	font-size: 12px;
	border-top: 1px solid #fff;
	text-align:center;
	color: #669;
}

.tbhead {background: #b9c9fe}
.tbcontent { background-color: #e8edff;}

.tb-100{width:100px;}
.tb-200{width:200px;}
.tb-300{width:300px;}
.tb-400{width:400px;}
.tb-500{width:500px;}
/*for rounded table */