/*===== HTML redefinition ==========*/
body{
	font-size: 12px;
	color: #666666;
	background-color: #cccccc;
	text-align: center;
	padding:10px;
	line-height:140%;
	/* Hack for MacIE begin  \*/            
letter-spacing:0.07em;
/* Hack for MacIE  end */ 
}

a:link { color: #FD5900; text-decoration: none; }
a:visited { color: #FF7E57; text-decoration: none; }
a:hover { color: #FF6600; text-decoration: underline; }
a:active { color: #FF6600; text-decoration: underline; }

a.small:link { color: #FD5900; text-decoration: none;	font-size: 10px; font-weight: bold; }
a.small:visited { color: #FE3B00; text-decoration: none; font-size: 10px; font-weight: bold; }
a.small:hover { color: #FF6600; text-decoration: underline; font-size: 10px; font-weight: bold; }
a.small:active { color: #FF6600; text-decoration: underline; font-size: 10px; font-weight: bold; }

a.green:link { color: #339900; text-decoration: none;}
a.green:visited { color: #339900; text-decoration: none; }
a.green:hover { color: #006600; text-decoration: underline; }
a.green:active { color: #006600; text-decoration: underline; }

h1{
 padding: 0;
	margin: 0;
}

h3{
	font-size: 14px;
	line-height:140%;
	/* Hack for MacIE begin  \*/            
letter-spacing:0.07em;
/* Hack for MacIE  end */ 
}

td{
	font-size: 12px;
	line-height:140%;
	color: #666666;
	margin:0;
	border:none;
	/* Hack for MacIE begin  \*/            
letter-spacing:0.07em;
/* Hack for MacIE  end */ 
}

th{
	font-size: 12px;
	line-height:140%;
	color: #666666;
	margin:0;
	border:none;
	/* Hack for MacIE begin  \*/            
letter-spacing:0.07em;
/* Hack for MacIE  end */ 
}

p{
	font-size: 12px;
	color: #666666;
	line-height:140%;
	/* Hack for MacIE begin  \*/            
letter-spacing:0.07em;
/* Hack for MacIE  end */ 
}


/*===== background ===============*/
#bg{
	background-color: #FFFFFF;
	text-align: center;
	width: 680px;
	pdding: 0;
	margin-right:auto;
	margin-left:auto;
}

.bg1{
	background-image: url(bg/bga01.gif);
	background-position: left top;
 background-repeat: no-repeat;
}

.bg2{
	background-image:url(bg/bga02.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
	
.bg3{
	background-image: url(bg/bga03.gif);
	background-position: left;
 background-repeat: repeat-y;
}

.bg4{
	background-image: url(bg/bga04.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.bg5{
	background-image: url(bg/bga05.gif);
	background-position: left bottom;
 background-repeat: no-repeat;
}

.bg6{
	background-image: url(bg/bga06.gif);
	background-position: right bottom;
 background-repeat: no-repeat;
	padding:10px;
}


/*===== header ===============*/
#header{
	width:800px;
	text-align: left;
}

#logo{
   float: left;
   text-align: left;
   width: 300px;
   padding: 15px 15px 15px 15px;
}

#contact{
   float: right;
   text-align: right;
   width: 400px;
   padding: 15px 15px 15px 15px;
}

#contact ul{
 margin: 0px;
	padding-top: 23px;
}

#contact li{
	display: inline;
	list-style-type: none;
}


/*===== global navigation ===============*/
#navigation{
	width: 800px;
	background-color: #EEEEEE;
	clear: both;
}

/*===== contests ==========*/
#main{
	width: 800px;
	text-align: left;
	padding: 0;
}

#contents{
	width: 580px;
	height:auto;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	padding-left: 30px;
}

/*===== submenu ===============*/
/*--- background ---*/
#submenu{
	width: 160px;
	text-align: left;
	background-image: url(/i/submenu02.gif);
 background-repeat: repeat-y;
	margin-right: 15px;
	margin-bottom:20px;
	float: right;
}

.submenu01{
	background-image: url(/i/submenu01.gif);
 background-repeat: no-repeat;
	background-position: top;
}

.submenu03{
	background-image: url(/i/submenu03.gif);
 background-repeat: no-repeat;
	background-position: bottom;
}

/*--- list and banner ---*/

#submenu a:link { color: #55616F; text-decoration: none; }
#submenu a:visited { color: #55616F; text-decoration: none; }
#submenu a:hover { color: #FF6600; text-decoration: underline; }
#submenu a:active { color: #FF6600; text-decoration: underline; }

#submenu ul{
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 10px 15px;
	font-size: 10px;
}

#submenu li{
 margin-top: 5px;
	background-image: url(/i/submenu_list.gif);
 background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}

#submenu li.top{
	background-image: url(/i/submenu_toplist.gif);
 background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
 margin: 5px 0px 0px 0px;
}

#submenu .submenu-dotline {
	background-image: url(/i/submenu_dotline.gif);
	background-repeat: no-repeat;
	height: 2px;
	background-position: center;
}

#submenu .banner {
 padding: 10px 10px 15px 13px; 
}

/*--- list and text - casestudy ---*/
#submenu-casestudy {
	width: 160px;
	text-align: left;
	background-image: url(/i/submenu02.gif);
 background-repeat: repeat-y;
	margin-right: 15px;
	float: right;
}

#submenu-casestudy ul{
	list-style-type: none;
	margin: 0;
	padding: 0px 10px 8px 15px;
	font-size: 10px;
}

#submenu-casestudy li.top{
	background-image: url(/i/submenu_toplist.gif);
 background-repeat: no-repeat;
	background-position: 0px 14px;
	padding-left: 15px;
	padding-top: 10px;
 margin: 0px;
}

#submenu-casestudy li{
 margin-top: 2px;
	background-image: url(/i/submenu_list.gif);
 background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}

#submenu-casestudy p {
 padding: 10px 5px 5px 10px;
	font-size: 10px;
 color: #55616F;
	margin: 0px;
	font-weight: bold;
}

#submenu-casestudy .submenu-dotline {
	background-image: url(/i/submenu_dotline.gif);
	background-repeat: no-repeat;
	height: 2px;
	background-position: center;
}

#submenu-casestudy .banner {
 padding: 10px 10px 15px 13px; 
	}

#submenu-casestudy a:link { color: #55616F; text-decoration: none; }
#submenu-casestudy a:visited { color: #55616F; text-decoration: none; }
#submenu-casestudy a:hover { color: #FF6600; text-decoration: underline; }
#submenu-casestudy a:active { color: #FF6600; text-decoration: underline; }

/*===== minibanner ===============*/
#minibanner {
	width: 160px;
	margin-right: 15px;
	text-align: left;
	float: right;	
}

#minibanner img{
	margin-bottom:4px;	
}

#minibanner-add {
	width: 160px;
	margin-right: 15px;
	text-align: left;
	float: right;	
}

#minibanner-add img{
	margin-bottom:4px;	
}

/*===== gotop ===============*/

#go-top{
 width: 400px;
	text-align: right;
 clear: both;
	margin: 0px auto 0px auto;
 padding: 20px 0px 20px 0px;
}

#go-top a:link { color: #666666; text-decoration: none;	font-size: 10px;}
#go-top a:visited { color: #666666; text-decoration: none;	font-size: 10px; }
#go-top a:hover { color: #99CC00; text-decoration: underline;	font-size: 10px; }
#go-top a:active { color: #99CC00; text-decoration: underline;	font-size: 10px; }

/*===== topic path ==========*/
#path{
	width: 780px;
	text-align: left;
	font-size: 10px;
	padding: 15px;
	clear: both;
}

/*===== footer ===============*/
#footer{
	width: 500px;
	text-align: left;
	padding: 0px 0px 20px 20px;
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
}

#footer a:link { color: #002100; text-decoration: none; }
#footer a:visited { color: #002100; text-decoration: none; }
#footer a:hover { color: #006600; text-decoration: underline; }
#footer a:active { color: #006600; text-decoration: underline; }

/*===== others ===============*/
.green-b {
	color: #339900; 
	font-weight: bold;
}

.green{
	color: #339900;
 font-size: 12px; 
}

.orange-b {
	color: #FF6600; 
	font-weight: bold;
}

.small {
 font-size: 10px;
}

.text-right{
	text-align: right;
}

.f-right{
 float: right;
	margin: 0px 0px 15px 15px;
	}
	
.f-left{
 float: left;
	margin: 0px 15px 15px 0px;
}

.f-left-normal{
 float: left;
 margin: 0px 1px 0px 0px;
	padding-left: 0px;
}
	
.f-clear{
 clear: both;
}

.dotline{
	margin: 15px 0px 15px 0px;
	padding-top: 1px;
	background-image: url(i/dot-h.gif);
	background-position: left center;
 background-repeat: repeat-x;
}

.cream-bg{
	background-color: #FFFFDD;
}

ul.square{
	list-style-image: url(/i/square_green.gif);
}

ul.square li{
	margin-bottom: 1em;
}

.heading-leaf{
/* width: 550px;*/
	margin-bottom: 15px;
 padding: 0px 0px 3px 20px;
 border-bottom: 1px solid #99CC00;
	background-image: url(/i/leaf.gif);
	background-repeat: no-repeat;
	color: #655749;
	font-size: 14px;
	font-weight: bold;
}

h2.subtitle{
	font-size: 16px;
	color: #666666;
	padding: 0px 0px 1px 0px ;
	border-bottom: 3px solid #C3E3A3;
	font-weight: bold;
	margin:0px 0px 15px 0px;
	line-height:140%;
	letter-spacing:0.15em;
}

.line{
 border: 1px solid #999999;
	padding: 0px;
}