/*Main page layout css*/

/*Hyperline setting*/

A:link{text-decoration: none; color: #0033aa}
A:visited{text-decoration: none; color: #0033aa}
A:hover{text-decoration: none; color: red}

.menu_button:link{text-decoration: none; color: #ffffff}
.menu_button:visited{text-decoration: none; color: #ffffff}
.menu_button:hover{text-decoration: none; color: red}

.tool_button:link{text-decoration: none; color: #666666}
.tool_button:visited{text-decoration: none; color: #666666}
.tool_button:hover{text-decoration: none; color: red}

.logo_news:link{text-decoration: none; color: #555555}
.logo_news:visited{text-decoration: none; color: #555555}
.logo_news:hover{text-decoration: none; color: red}

body{
          margin: 0;
          padding: 0;
          font: 11px/1.5em Verdana;
}

h1{
        font: bold 18px Verdana, Arial, Helvetica, sans-serif;
        color: #555;
        margin: 0;
        padding-bottom: 3px;
}

h2{
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #555;
        margin: 0;
        padding-bottom: 2px;
}

h3{
        font: 16px Verdana, Arial, Helvetica, sans-serif;
        color: #0033aa;
        margin: 0;
        padding-bottom: 8px;
}


img{
          border: none;
}

p{
          margin: 10px;
          padding: 0px;
}

/*Form style*/

.search form{
          margin: 0px;
          display: inline;
}

.search select{
         font-size: 12px;
         color: #555555;
         background-color: #ffffff;
}

.search input{
         font-size: 12px;
}

.search input:hover{
         font-size: 12px;
}


.login input{
         font-size: 13px;
         background-color: #ffffff;
         font-family: Arial;
}

.login select{
         font-size: 13px;
         color: #555555;
         background-color: #ffffff;
}

/*Setting main layout*/

#wrapper{
          width: 900px;
          margin: 0 auto;
}

#logo_bar{
          width: 900px;
          height: 100px;
          padding: 0;
          background-image: url(../image/logo_back.gif);
          border: 1px solid #ccccff;
}

#logo{
          float: left;
          clear: both;
          width: 240px;
          padding-left: 20px;
          margin-top: 10px;
          height: 100px;
          color: #333333;
}

#logo_side{
          width: 280px;
          height: 100px;
          margin-left: 260px;
          margin-top: 20px;
          padding: 0;
          color: #444444;
}

#logo_login{
          float: right;
          width: 340px;
          margin-top: 5px;
          padding: 0px;
          color: #333333;
}

#menu_bg{
        padding: 0;
        width: 728px;
        height: 30px;
        background-color: orange;
}

#top_menu{
        float: left;
        clear: both;
        padding: 3px 0 0 30px;
        font-size: 12px;
        color: #ffffff;
}

#top_date{
        float: right;
        padding-right: 10px;
        padding-top: 3px;
        font-size: 12px;
        color: #ffffff;
}

#header_Ad{
          float: left;
          width: 730px; height: 90px;
          margin: 0 0 20px 0;
          padding: 0;
}

#side_ad{
         width: 140px;
         height: 80px;
         margin: 0 0 20px 750px;
         padding: 0;
         letter-spacing: 3px;
         font: 11px Arial;
}


#left_col{
          clear: both;
          float:left;
          width: 150px;
          height: 650px;
}

.content_body{
          padding: 10px;
          color: #555555;
          border: 1px solid orange;
}

.content_body ul{
          padding: 0;
          margin: 6px;
          list-style: none;          
}

#right_col{
          float: right;
          height: 650px;
          width: 180px;
}

#comment_box{
          padding: 5px;
          margin: 0 0 20px 0;
          font-size: 12px;
          color: #555;
          border: 1px solid orange;
          width: 140px;
}

#client_logo{
          margin: 0 0 20px 0;
          text-align: center;
          font-size: 12px;
          border: 1px solid #999999;
          width: 150px;
          height: 150px;
}

#content{
          height: 650px;
          width: 530px;
          margin-left: 170px;
}

.menu_list{
        list-style: none;
        margin-top: 8px;
        margin-left: 0;
        padding-left: 0;
}

#sec_menu{
        margin: 0 auto;
        width: 523px;
        height: 250px;
}

#news{
          float: left;
          margin: 0 auto;
          padding: 0;
          width: 48%;
          height: 100%;
}

#news_photo{
          float: left;
		  clear: both;
		  height: 60px;
          width: 60px;
          text-align: center;
}

#news_text{
          padding-left: 8px;
		  height: 60px;
		  font-size: 11px;
}

#gallery{
          float: right;
          margin: 0 auto;
          padding: 0;
          width: 48%;
          height: 100%;
}

.content_text{
          padding: 10px 10px 0 10px;
          font-size: 14px;
          line-height: 1.5em;
}

#title{
          margin: 0;
          padding: 3px;
          background: url("../image/title_bg.gif") no-repeat right top;
          font: 14px Arial;
          font-weight: bold;
          text-align: center;
          color: #ffffff;
}

#side_menu{
          margin: 0 0 20px 0;
          font: 12px Arial;
          color: #777777;
}

#bottom_ad{
          width: 900px;
          height: 80px;
}

#google_ad{
          width:  728px;
          height: 100px;
}

#footer{
          width: 900px;
          height: 30px;
          font: 12px Arial;
          color: #777777;
}

/*Sub page style */

#sub_table{
          margin: 0;
          padding: 0;
          font: 12px arial;
}

#art_content{

          min-height: 680px;
          width: 530px;
          margin-left: 170px;
}

#sub_content{
          margin: 10px auto;
          font: bold 12px arial;
}


#sub_title{
          background-color: orange;
          padding: 5px 0 5px 0;
          font: bold 18px arial;
          color: #ffffff;
          text-align: center;
}

#sub_new{
          margin: 0;
          padding-top: 10px;
          min-height: 80px;
          font: 12px arial;
          color: #555555;
}

#sub_text{
          margin: 10px;
          padding: 0;
          font: 15px arial;
          color: #555555;
          letter-spacing: 0.2em;
}

#sub_text p{
          margin: 0;
          padding: 10px;
}


#sub_share{
          margin-left: 20px;
}

#sub_image{
          padding: 0;
          margin: 0 0 10px 0;
          font: 12px Arial;
          color: #777777;
          width: 170px;
}

.toolbox{
          padding: 10px 5px 5px 5px;
          vertical-align: middle;
		  font-size: 12px; 
		  height: 30px;
}
.s_menu{
          padding: 5px;
          color: #555555;
          border: 1px solid orange;
}

.s_menu ul{
          list-style-type:none;
		  margin: 0px;
		  padding: 0px;
}

ul.tool_menu {
          margin: 0;
          padding:0;
          font-size:12px;
          font-family: arial;

	      vertical-align: middle;
	      line-height: 35px;
}
ul.tool_menu li{
    margin: 0;
    padding: 0;
    height:35px;
    width: 130px;

}

#board_list{
          margin: 0;
          padding-top: 10px;
          min-height: 80px;
          font: 11px arial;
          color: #555555;
}

#board_detail{
          float: right;
          margin: 0;
          font: 12px arial;          
          color: #555555;
}

#board_title{
          margin: 0;
          font: 18px arial;          
          color: blue;          
}

#board_ans{
          margin: 0;
          font: 12px arial;          
          color: #00377b;
          background-color: #dddddd;
          border: 1px dotted #bbbbbb;
}
#search_top{
          font-size: 12px; 
          color: #545454;
          font-weight: normal;
          text-align: right;
}

#pagenav{
         width: 530px;
         margin: 0 auto;

         padding: 5px;
         text-align: center;
}
         
#page_num{
          padding: 0 5px 0 5px;
          border: 1px solid #bbbbbb;
          font-size: 15px;
}

#pagenav a:link{
          text-decoration: none;
          color: #336699;
}

#pagenav a:visited{
          text-decoration: none;
          color: #336699;
}

#pagenav a:hover{
          background-color: #5588bb;
          color: #ffffff;
          font-weight: bold
}

#current_page{
          padding: 5px;
          text-align: center;
          font-size: 15px;
          color: #555555;
}