/* header */

.thisistoppage div#Header{
	height: 105px;
}

div#Header{
	position: relative;
	height: 167px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px #fcdbdc solid;
}

#Header #Logo{
	position: absolute;
	top: 9px;
	left: 11px;
}

#Header #topbanner{
	position: absolute;
	top: 40px;
	left: 465px;
}

#Header #link4beginners{
	position: absolute;
	top: 8px;
	left: 465px;
}

#Header #link4contactus{
	position: absolute;
	top: 7px;
	left: 595px;
}

#Header #slogan{
	position: absolute;
	top: 114px;
	left: 16px;
}

/* sitesearch */

#Header #sitesearch{
	position: absolute;
	left: 700px;
	top: 11px;
}

#Header #sitesearch #legacy_xoopsform_query_block{
	width: 180px;
}


/* sitemenu */

ul#sitemenu,
ul#sitemenu *{
	margin: 0;
	padding: 0;
}

ul#sitemenu{
	position: relative;
	height: 57px;
	background-image: url(../images/sitemenu_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul#sitemenu li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	width: 108px;
}

ul#sitemenu li a{
	position: absolute;
	top: 5px;
}

ul#sitemenu li a.sm01{	left: 4px ;}
ul#sitemenu li a.sm02{	left: 123px ;}
ul#sitemenu li a.sm03{	left: 242px ;}
ul#sitemenu li a.sm04{	left: 361px ;}
ul#sitemenu li a.sm05{	left: 480px ;}
ul#sitemenu li a.sm06{	left: 599px ;}
ul#sitemenu li a.sm07{	left: 718px ;}
ul#sitemenu li a.sm08{	left: 837px ;}

/* submenu */

#subemnu{
	font-size: 90%;
	background-image: url(../images/block_submenu_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	padding: 3px;
}

#subemnu *{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#subemnu .parent{
	font-weight: bold;
	color: #de526e;
	display: block;
	padding: 5px !important;
	margin: 2px 0 !important;
	background-image: url(../images/block_submenu_cattitle_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#subemnu ul li ul li{
	padding: 5px 5px 7px;
	background-image: url(../images/block_submenu_item_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#subemnu ul li ul li a{
	color: #504232 !important;
	text-decoration: none;
	display: block;
	background-image: url(../images/block_submenu_listmarker.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 16px;
}

#subemnu ul li ul li a:hover{
	color: #de526e !important;
}

/* LeftColumnContainer */
.LeftColumnContainer{
	padding: 10px;
}

/* login */

#block_login{
	border-top: 1px #ddd3b3 solid;
	border-bottom: 1px #ddd3b3 solid;
	background-color: #f5f1e4;
	padding: 8px 5px 8px 8px;
}

#block_login *{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#legacy_xoopsform_block_uname,
#legacy_xoopsform_block_pass{
	width: 100px;
	height: 18px;
	border: 1px #de526e solid;
}

#block_login .lostpass{
	padding: 5px 0 0 !important;
	font-size: 75%;
}

#block_login .btns{
	padding: 5px 0 0 !important;
}

#legacy_xoopsform_block_submit{
	margin-bottom: 5px;
}

/* block_usermenu */

#block_usermenu{
	color: #613033 ;
	font-size: 90% !important;
	border-top: 1px #ddd3b3 solid;
	border-bottom: 1px #ddd3b3 solid;
	background-color: #f5f1e4;
	padding: 8px 5px 8px 8px;
}

#block_usermenu .uname{
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px #de526e dotted;
	margin: 0 0 5px;
}

#block_usermenu .point_view{
	color: #de526e;
	font-weight: bold;
	background-color: #fff;
	padding: 10px;
	line-height: 1;
}

#block_usermenu .point_view strong{
	font-size: 120%;
	color: #de526e;
}

#block_usermenu h3{
	color: #fff;
	background-color: #613033 ;
	padding: 4px;
	margin: 0;
	line-height: 1;
}

#block_usermenu ul{
	line-height: 1;
}

#block_usermenu ul li{
	padding: 3px 0;
	border-bottom: 1px #c8b7af dotted;
}

#block_usermenu *{
	margin: 0;
	padding: 0;
	list-style: none;
}

#block_usermenu ul a{
	color: #613033 !important;
	text-decoration: none;
	background-image: url(../images/block_usermenu_listmarker.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 8px;
}

#block_usermenu a:hover{
	color: #de526e !important;
}

#block_usermenu .logout{
	margin: 5px 0 0 2px;
}

/* eventcalendar */

#eventcalendar_h2{
	margin: 5px 0 0;
	padding: 0;
}

#eventcalendar{
	text-align: center;
	background-image: url(../images/block_eventcalendar_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 1px 0 10px;
	margin: 0;
	width: 180px;
}

.picocal_block{
	background-color: #fefced;
	width: 168px !important;
	margin:0 auto;
}

.picocal_block th{
	color: #fff !important;
	background-color: #997660 !important;
}

table.picocal {
	border-top: 1px #5c4638 solid !important;
	border-left: 1px #5c4638 solid !important;
	border-bottom: 1px #5c4638 solid !important;
}

table.picocal td,
table.picocal th {
	border-bottom: 1px #5c4638 solid !important;
	border-right: 1px #5c4638 solid !important;
}

.eventcalendar_link{
	font-size: 90%;
	background-image: url(../images/block_eventcalendar_listmarker.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left: 16px;
}

/* banner_office */

#banner_office{
	margin-top:10px;
}
#banner_office img{
	margin-bottom: 5px;
}

/* footer */

#Footer{
	font-size:95%;
	position: relative;
	clear: both;
	height: 366px;
	background-image: url(../images/footer_bg.gif);
	line-height: 1.7;
	color: #fff;
}

#Footer a{
	color: #fff;
}

#Footer h2{
	display :none;
}

#Footer address{
	position: absolute;
	top: 180px;
	left: 10px;
	width: 375px;
	font-style: normal;
}

.footmenu1{
	position: absolute;
	top: 165px;
	left: 415px;
	width: 280px;
}

.footmenu1 ul,
.footmenu2 ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.footmenu1 ul li,
.footmenu2 ul li{
	background-image: url(../images/footer_listmarker.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 12px;
	white-space: nowrap;
}

.footmenuitems1{
	float: left;
	width: 125px;
}

.footmenuitems2{
	float: right;
	width: 130px;
}

.footmenu2{
	position: absolute;
	top: 165px;
	left: 750px;
	width: 160px;
}

#backtopagetop{
	position: absolute;
	top: 45px;
	left: 810px;
	width: 140px;
}

#backtopagetop a{
	color: #369;
}

/* banner_tieup */

#banner_tieup_head{
	height: 49px;
	background-image: url(../images/block_banner_tieup_head.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#banner_tieup_head span{
	display: block;
	text-indent: -9000px;
}

#banner_tieup{
	width: 180px;
	background-image: url(../images/block_banner_tieup.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#banner_tieup img{
	margin: 10px;
}

.abouttieupad{
	font-size: 90%;
	background-image: url(../images/block_eventcalendar_listmarker.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left: 16px;
	margin: 0 10px 10px;
}

/* banner_sponsors */

#banner_sponsors{
	width: 168px;
	border-top: 1px #ddd3b3 solid;
	border-bottom: 1px #ddd3b3 solid;
	background-color: #f5f1e4;
	padding: 8px 5px 8px 8px;
	margin: 10px 0;
}

#banner_sponsors h2,
#banner_sponsors a img{
	margin: 0 0 5px;
}

.aboutad{
	font-size: 90%;
	background-image: url(../images/block_eventcalendar_listmarker.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left: 16px;
	margin: 0;
}

/* book4office */

#book4office{
	clear:both;
	margin-top: 15px;
	padding: 8px 5px 5px;
	border: 1px #ddd solid;
}

#book4office h2#book4office_title{
	border: none;
	background-color: #fff;
	margin: 0 0 5px;
	padding: 0;
}

#book4office dl{
	padding: 8px 3px;
	background-color: #fcf1f4;
}

#book4office dt{
	margin: 0;
	padding: 0 0 3px;
}

#book4office dt img{
	margin: 1px 8px 0;
}

#book4office dt a{
	color: #de526e;
	font-weight: bold;
}

#book4office dd{
	font-size: 90%;
}

/* content form */

body#column #subject,
body#aboutus #subject{
	width: 350px;
}

/* .press */

.press{
	text-align: center;
	font-size: 90%;
	color: #333;
}

/* .lb (lightbox) */

a.lb img{
	padding: 4px;
}

a.lb img{
	border: 1px #369 dotted;
}

a.lb:hover img{
	border: 1px #900 dotted;
}

/* .tbl */

table.tbl {
	width: 533px;
	border-top: 1px #e99dac solid;
	border-left: 1px #e99dac solid;
	border-collapse: collapse;
}
table.tbl th,
table.tbl td {
	border-bottom: 1px #e99dac solid;
	border-right: 1px #e99dac solid;
	padding: 5px;
	color: #323232;
	line-height: 1.4;
}
*>table.tbl th,
*>table.tbl td {
	padding: 2px 5px;
	line-height: 1.6;
}
table.tbl th {
	font-weight: bold;
	color: #613033;
	background-color: #fdfaf4;
}
table.tbl thead tr th {
	color: #de526e;
	background-color: #f5f1e4;
	padding: 5px;
	font-weight: bold;
}
table.tbl thead tr td {
/*background-color: #eee */
	border-bottom: 2px #e99dac double;
	font-weight: bold;
	padding: 5px;
}

/* .outer */

table.outer {
	width: 533px;
	border-top: 1px #e99dac solid;
	border-left: 1px #e99dac solid;
	border-collapse: collapse;
}
table.outer th,
table.outer td {
	border-bottom: 1px #e99dac solid;
	border-right: 1px #e99dac solid;
	padding: 5px;
	color: #323232;
	background-color: #fff;
	line-height: 1.4;
}
*>table.outer th,
*>table.outer td {
	padding: 2px 5px;
	line-height: 1.6;
}
table.outer th,
table.outer td.head {
	font-weight: bold;
	color: #613033;
	background-color: #fdfaf4;
}
table.outer thead tr th {
	color: #de526e;
	background-color: #f5f1e4;
	padding: 5px;
	font-weight: bold;
}
table.outer thead tr td {
/*background-color: #eee */
	border-bottom: 2px #e99dac double;
	font-weight: bold;
	padding: 5px;
}

#contentform .outer{
	margin-top: 15px;
}

/* input_userinfo */

.input_userinfo{
	font-size: 90%;
	padding: 5px 10px;
	margin-bottom: 10px;
	border-top: 1px #eb91a3 solid;
	border-bottom: 1px #eb91a3 solid;
	background-color: #fffaf8;
}

.input_userinfo a{
	text-decoration: none;
}

.input_userinfo h2{
	background-image: none !important;
	margin: 5px 0 0 !important;
	padding: 0 !important;
	border: none !important;
	background-color: #fffaf8 !important;
	color: #de526e !important;
}

.input_userinfo p{
	margin: 0 0 2px;
}

/* bottom_of_content_body */

.bottom_of_content_body{
	display: none;
}

.notification{
	visibility: hidden;
	clear: both;
}

/* contentform */

#contentform .tbl textarea{
	width: 500px !important;
}

/* h1 */

div#CenterColumn h1 {
	font-size: 120%;
	color: #e05e78;
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px #e88699 solid;
}

/* h2 */

div#CenterColumn h2 {
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-color: #fdfaf4;
	color: #434343;
	clear: both;
	font-size: 110%;
	margin: 15px 0 10px;
	padding: 4px 15px 3px 23px;
	border-bottom: 1px #e88699 solid;
}

/* h3 */

div#CenterColumn h3 {
	font-size: 110%;
	background-color: #f9f8f5;
	color: #434343;
	margin: 15px 0 5px;
	padding: 2px 6px;
	border-bottom: 1px  #906e70 dashed;
}

/* h4 */

div#CenterColumn h4{
	color: #434343;
	font-size: 110%;
	border-left: 5px #de526e solid;
	margin: 15px 0 5px;
	padding: 0 7px;
}

/* h5 */

div#CenterColumn h5{
	color: #434343;
	font-size: 110%;
	margin: 15px 0 5px;
	padding: 0;
}

/* cattitle4header */

div#cattitle4header{
	background-image: url(../images/cattitle4header_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #fff;
	padding: 7px 10px 4px 25px;
	line-height:1;
}

*>div#cattitle4header{
	padding: 6px 10px 5px 25px;
}

/* pico_body */

.pico_body .picocal{
	width: 530px;
}

.pico_body{
	padding: 0 7px !important;
}

/* div.cmt */

div.cmt {
	margin-top: 15px;
	background-color: #fdfaf4;
}

div.cmt h2{
	margin-top: 5px !important;
}

/* question_and_answer */

dl.question_and_answer dt{
	padding: 0;
	font-weight: normal;
	font-style: normal;
	float: left;
	clear: left;
	width: 1em;
}
dl.question_and_answer dd{
	text-indent: -4px;
	margin: 0 0 0 2em;
}
*>dl.question_and_answer dd{
	text-indent: 0;
}

dl.question_and_answer dt.q,
dl.question_and_answer dd.q{
	font-weight: bold;
	color: #933;
}

dl.question_and_answer dd.a{
	padding-bottom: 15px !important;
}

/* dl.cmt */

dl.cmt dt{
	color: #434343;
	background-color: #fdfaf4;
	font-weight: bold;
}

/* books4list */

.books4list a{
	color: #de526e;
	font-weight: bold;
}

/* d3f_form_table */

.d3f_form_table input#subject,
.d3f_form_table textarea{
	width: 350px;
}

/* jquery4contentslist */

ul#jquery4contentslist{
	margin: 10px;
}

/* dl.cmt */

dl.cmt{
	margin: 15px 0;
}


/* pico_controllers */

.pico_controllers{
	display: none;
}

#theme_breadcrumbs span{
	font-size: 80%;
}

/* pico_list_contents */
#CenterColumn ul.pico_list_contents{
	margin: 0;
	padding: 0;
}

#CenterColumn ul.pico_list_contents li{
/*	list-style-type: square !important;*/
	background-image: url(../images/menulist.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 0 0 7px;
	padding: 0 0 0 20px;
}

/* toppage_column_row */

#toppage_column_row{
	width: 261px;
	float: left;
	padding: 0 13px 0 0;
}

/* toppage_column_row */

#toppage_officeblog_row{
	padding: 0;
	width: 261px;
	float: left;
}

.toppage_column dt{
	font-weight:bold;
	border-left: 5px #e6775A solid;
	clear: left;
	line-height: 1.2;
	margin: 8px 0;
	padding: 0 0 0 5px;
}

/* toppage_officeblog_row */

#toppage_officeblog_row .toppage_column dt{
	border-left: 5px #7fa01a solid;
	font-weight: normal;
	margin-top: 15px !important;
}

#toppage_officeblog_row .toppage_column dt a{
	font-weight: bold;
	color: #7fa01a;
	line-height: 1.5;
	text-decoration: underline;
}

#toppage_officeblog_row .toppage_column dt a:hover{
	text-decoration: none;
}

/* toppage_news_section */

#toppage_news_section .toppage_column dt{
	border-left: 5px #3482a5 solid;
	font-weight: normal;
}

#toppage_news_section .toppage_column dt a{
	font-weight: bold;
	color: #3482a5;
	line-height: 1.5;
	text-decoration: underline;
}

#toppage_news_section .toppage_column dt a:hover{
	text-decoration: none;
}

/* toppage_news4office_section */

#toppage_news4office_section .toppage_column dt{
	border-left: 5px #66bc6e solid;
	font-weight: normal;
}

#toppage_news4office_section .toppage_column dt a{
	font-weight: bold;
	color: #66bc6e;
	line-height: 1.5;
	text-decoration: underline;
}

#toppage_news4office_section .toppage_column dt a:hover{
	text-decoration: none;
}

/* toppage_column_section */

#toppage_column_section .toppage_column dt{
	border-left: 5px #e6775A solid;
	font-weight: normal;
}

#toppage_column_section .toppage_column dt a{
	font-weight: bold;
	color: #e6775A;
	line-height: 1.5;
	text-decoration: underline;
}

#toppage_column_section .toppage_column dt a:hover{
	text-decoration: none;
}

/* toppage_bbs_section */

#toppage_bbs_section .toppage_column dt{
	border-left: 5px #bc81b0 solid;
	font-weight: normal;
	margin-top: 15px !important;
}

#toppage_bbs_section .toppage_column dt a{
	font-weight: bold;
	color: #bc81b0;
	line-height: 1.5;
	text-decoration: underline;
}

#toppage_bbs_section .toppage_column dt a:hover{
	text-decoration: none;
}

/* toppage_events_section */

#toppage_events_section .toppage_column dt{
	border-left: 5px #e6aa4b solid;
	font-weight: normal;
	margin-top: 15px !important;
}

#toppage_events_section .toppage_column dt a{
	font-weight: bold;
	color: #e6aa4b;
	line-height: 1.5;
	text-decoration: underline;
}

#toppage_events_section .toppage_column dt a:hover{
	text-decoration: none;
}

/* toppage_events_section */

.toppage_column dt a{
	color: #4e2426;
	text-decoration: underline;
}

.toppage_column dt a:hover{
	color: #4e2426;
	text-decoration: none;
}

.column_image{
	padding-top: 3px;
	float: left;
	width: 105px;
	height: 100px;
}

.toppage_column dd{
	font-size: 90%;
	margin: 0;
}

.toppage_column dd a{
	font-weight:bold;
	color: #e6775A;
}

/* toppage_head */

h2.toppage_head{
	background-image: none !important;
	background-color: #fff !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* d3f_head */

.d3f_info,
.d3f_info_ctrl{
	color: #323232 !important;
	background-color: #fdfaf4 !important;
}

.d3f_head,
.d3f_head *{
	color: #613033 !important;
	background-color: #f9eae6 !important;
}

.d3f_head h2{
	background-image: none !important;
}

/* #column_items */

#column_items div{
	margin: 0;
	padding: 0;
}

#column_items div{
	font-size: 90%;
	width: 260px;
	float: left;
	padding-right:10px;
}

#column_items div img{
	float: left;
	padding: 5px 5px 0 0;
}

#column_items hr{
	clear: both;
	visibility: hidden;
}

#column_items div a{
	font-weight:bold;
	color: #e6775A;
}

/* d3f_welcome */
.d3f_welcome{
	display: none;
}

/* book4office */

#book4office dt img{
	float: left;
	margin: 5px 5px 0 0 ;
}

#book4office dl {
	clear: left;
}

#book4office dt {
	padding: 5px 0;
}

/* book4office2toppage */

.book4office2toppage ul{
	padding: 8px;
}

.book4office2toppage li{
	font-size: 80%;
	list-style: none;
	width: 33%;
	float: left;
}

.book4office2toppage li a{
	color: #de526e;
	font-weight: bold;
}


.book4office2toppage li img{
	margin: 0 6px 0 2px;
	float: left;
}

.book4office2toppage ul{
	background-color: #fcf1f4;
}

/* Twitter */

.twtr-widget h4 a{
	font-size: 80%;
}