body {
	background: #efefef url(images/bg.jpg);
	color: #400000;
	font-size: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

a , a:visited  ,a:active{
	text-decoration: underline;
	color:#004080;
}

a:hover{
	text-decoration: none;
	color:#5151ff;
}



#Wrapper {
	margin: 0;
	padding: 0;
	position: relative;
}

.w3c_img li{
	border:0;
	border-bottom:none;
	list-style:none;
	padding-top:10px;
}


.menu_banner img{

	margin:3px;
}
.menu_banner img{
	border:1px silver solid;
}

.menu_banner a{
	padding:5px;}

#Container, 
#Main, 
#Wrapper, 
#Left, 
#Right, 
.block, 
#Main a, 
#Wrapper a, 
#Left a, 
#Right a, 
.mainmenu a, 
.usermenu a 
{height: 1%;}	/* gives ie hasLayout */ 
 
.clearFix { height: 1%; } 


body.showBlockL1R1, body.showBlockL1R0, body.showBlockL0R1, body.showBlockL0R0 {
	text-align: center;
}

/*************** header ************************/
#header {
	width: 900px;
	margin:0 auto;
	height: 100px;
}

.header_msg{
	float:left;
	width:300px;
	height:20px;
	padding-top:5px;
	font-size:80%;
	color:silver;
}


.header_logo{
	float:left;
	width:900px;
	height:100px;
	text-align:center;
	
}
.header_logo1{
	float:left;
	width:900px;
	height:100px;
	text-align:center;
	margin:0px;
	padding:0px;
}
.header_logo h1{
text-align:center;
margin:0;
}


.header_right {
	margin-left:320px;
	height:70px;
	text-align:right;
	padding-top:18px;
	line-height:1.0;
}

.header_right p {
	margin:0;
	padding:0;
}

.header_right p img{
	margin:0;
	padding:0;
	padding-top:8px;
}



.header_right img{
	margin-top:17px;
	margin-right:7px;

}

.header_menu {
	float:left;
	width:100%;
	height:30px;
}

.header_ms {
	text-align:right;
	padding-top:10px;
}


#header h1 img {
	margin: 0px;
	float: left;
}

/***********************************************/


/*************** Navi ************************/
#header_bottom {
	float: left;
	width:100%;
	background:white;
	font-size:90%;
	padding:10px 0 10px 0;
}

#navi{
	float:left;
	width:600px;
	padding-left:10px;
}

ul.navi {
	padding: 0;
	margin: 0;
	list-style:none;
}

ul.navi li {
	float: left;
	padding: 0;
	margin: 0;

}

ul.navi li a , ul.navi{
	padding: 0;
	margin: 0;
}

#login{
	margin-left:650px;
	width:400px;
	text-align:right;
}

/***********************************************/

/*************** Menu ************************/

#menu_bg { 

	width: 850px;
	margin:0 auto;
	text-align:center;
	

}

#menu { 
	width: 100%;
	float:left;
	font-size:80%;
} 
#menu ul{
list-style:none;
margin-left:0px;
margin-top:0px;
padding:0px;
text-align:right;
	}

#menu li{
	float: left;
	list-style:none;
	padding-left:0;
	text-align:left;
	display: block;
	margin: 0;
	width:100px;
	text-align:center;
	border-right:2px silver inset;
	}

#menu li a , #menu li a:visited{
	margin: 0;
	color:white;
	text-decoration: none;
	padding:3px 7px 3px 7px;
	display: block;
	border-bottom:0;
	
}

#menu li a:hover{
	margin: 0;
	background: silver;
	padding:3px 7px 3px 7px;
	text-decoration: none;
}

/***********************************************/


/************ Main *****************************/
#Main {
	text-align: left;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
.showBlockL1R1 #Main {	/* for 3 columns */
	width: 600px;
	left: 240px;
}
.showBlockL1R0 #Main {	/* for 2 cols of left and center */
	width: 600px;
	left: 220px;
}
.showBlockL0R1 #Main {	/* for 2 cols of center and right */
	width: 600px;
	left: 0;
}
.showBlockL0R0 #Main {	/* center only */
	width: 864px;
	float: none;
}
.showBlockL1R1 #Left {	/* for 3 cols */
	left: -600px;
}
.showBlockL1R0 #Left {	/* for 2 cols of left and center */
	left: -600px;
}

/***********************************************/

/****************** Main Page Structure *****************/
#Container {
	float:left;
	width: 100%;
	height:100px;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow:hidden;
	background: #efefef url(images/bg.jpg);
}


#Container_a {
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
}




#Container1 {

	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background:white;
	overflow:hidden;
}


#Container_bg {
	width: 874px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow:hidden;
	background: url(images/bg1.png) repeat-y;
}

#Container_bg2 {
	width: 874px;
	height:12px;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
	background: url(images/bg2.png) no-repeat;
}
#Container_bg3 {
	width: 874px;
	height:12px;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
	background: url(images/bg3.png) no-repeat;
}



.showBlockL1R1 #Container {
	background: white;
}
.showBlockL1R0 #Container {
	background: white;
	}
.showBlockL0R1 #Container {
	background: white;
}
.showBlockL0R0 #Container {
	background: white;
}
/***********************************************/



/************ columns *****************************/
#Left {
	width: 230px;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#Right {
	float: right;
	width: 230px;
	margin: 0;
	padding: 0;
	position: relative;
}


#Center {
	margin-top: 10px;

}
/***********************************************/


/************** ModuleContents ****************/

#ModuleContents {
	margin: 10px;
	padding: 0;
	position: relative;
	background: #fff;
}
.showBlockL0R0 #ModuleContents {
	width: 854px;
}
.showBlockL1R0 #ModuleContents,
.showBlockL0R1 #ModuleContents {
	width: 600px;
}
.showBlockL1R1 #ModuleContents {
	width: 600px;
}
/***********************************************/

/************** Block ****************/
#Center_l {
	float: left;
	width: 420px;
	margin-left: 10px;
	padding: 0;
	margin-top:17px;
	text-align:left;
}
#Center_r {
	float: right;
	width: 420px;
	margin-right: 10px;
	padding: 0;
	margin-top:17px;
	text-align:left;
}

#Center_l .block {
	margin-right: 0;
	
}
#Center_r .block {
	margin-left: 0;
}


.block_center {
	background: #fff;
	padding: 0;
}

.block_left {
	background: #fff;
	margin: 10px 10px 30px 10px;
	padding: 0;
}

.block_right {
	background: #fff;
	margin: 10px 20px 30px 10px;
	padding: 0;
}


.blockTitle_left {
	width: 200px;
	height:30px;
	background: url(images/title_left.gif) no-repeat ;
	color: white;
	font-size: 100%;
	font-weight: bold;
	line-height:200%;
	padding-left:20px;
}
.blockTitle_right {
	width: 200px;
	height:30px;
	background: url(images/title_right.gif) no-repeat ;
	color: white;
	font-size: 100%;
	font-weight: bold;
	line-height:200%;
	padding-left:20px;
}
.blockTitle_center {
	width: 600px;
	height:30px;
	background: url(images/title_center.gif) no-repeat ;
	color: white;
	font-size: 100%;
	font-weight: bold;
	line-height:200%;
	padding-left:20px;
	margin-bottom:0;
}
.blockTitle_center_l , .blockTitle_center_r {
	background: url(images/title_center_l.gif) no-repeat ;
	color: white;
	font-size: 100%;
	font-weight: bold;
	line-height:200%;
	padding-left:20px;
}

#Left .blockTitle,#Right .blockTitle {
	padding: 2px;
}

.blockContent_c {
	margin: 0;
	padding: 3px;
	line-height:1.7;
	text-align:left;

}

.blockContent {
	margin: 0;
	padding: 0;
	line-height:1.7;
	width: 200px;
}

.blockContent_center {
	margin: 0;
	padding: 0;
	line-height:1.7;
}



#Left select, #Right select { width: 140px; }
/***********************************************/

/*************** Main menu and User menu ******************/
.mainmenu,
.usermenu {
	border-bottom: 0px dotted #666;
}
.mainmenu a { background:transparent; display: block; margin: 0; padding: 4px; text-decoration: none;}

.mainmenu a.menuTop { background: url(images/bg_menu.gif) no-repeat; padding:8px 0 8px 20px; border-bottom: 1px dotted silver; }
.mainmenu a.menuMain { background: url(images/bg_menu.gif) no-repeat; padding:8px 0 8px 20px; border-bottom: 1px dotted #666; }
.mainmenu a:hover { background: url(images/bg_menu1.gif) no-repeat;}
.mainmenu a.menuSub { padding-left: 9px; border-top: 0px dotted #666; }

.usermenu a { background: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px dotted #666; text-decoration: none; }
.usermenu a:hover { background-color: #ffefe8; }
.usermenu a.menuTop { padding-left: 3px; border-top: 0px dotted silver; }
.usermenu a.highlight { background-color: #fcc; }

/***********************************************/



/*************** Header and Footer elements *****************/


#Footer {
	width: 100%;
	clear: both;
	height: 50px;
	position: relative;
	color: #666666;
	font-size:90%;
	padding-top:20px;
}



/**************** Utility Rules *******************/
.skip {
	position: absolute;
	left: -999em;
}

/*\*/ /*/
.mainmenu a:hover,
.usermenu a:hover {
	position: relative;
}
/* this fixes an IE/mac hover bug in the left column, hidden from other browsers */

.clearFix:after {	/* www.positioniseveytthing.net */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*\*/ /*/
.clearFix { display: inline-block; }
/* IEMac only */




/************** Generic Rules *************/
/** { margin: 0; padding: 0; }*/
img { max-width: 100%; border: 0; vertical-align: bottom; }	/* prevents oversize images from breaking layout in browsers that support max-width */

p  { margin-bottom: 1em; }
h1 { margin:0; padding:0; font-size:2em; }
h2 { margin:0; padding:0; font-size:1.5em; }
h3 { margin:0; padding:0; font-size:1.2em; }
h4, h5 { margin:0; padding:0; font-size:1em; }

table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
th { background-color: #2F5376; color: #FFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif; }
td { padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; }
table caption { text-align:left; font-style:italic; font-size: 1.1em; padding: 0 0 5px; }

em { font-weight: bold; }
strong { font-weight: bold; }

.x-small { font-size: 80%; }
.small { font-size: 90%;}
.large { font-size: 110%; }
.x-large { font-size: 120%; }

.floatLeft { float: left; }
.floatRight { float: right; }
.marginCenter { margin-left:auto; margin-right:auto; }
.clearall { clear: both; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter {text-align: center; }



/******************* xoops generic rules *****************/
input.formButton {}

.item { border: 1px solid #ccc; }
.itemHead { padding: 3px; background-color: #2F5376; color: #FFF; }
.itemInfo { text-align: right; padding: 3px; background-color: #efefef; }
.itemTitle a { font-size: 130%; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent; }
.itemPoster { font-size: 90%; font-style:italic; }
.itemPostDate { font-size: 90%; font-style:italic; }
.itemStats { font-size: 90%; font-style:italic; }
.itemBody { padding-left: 5px;}
.itemText { margin-top: 5px; margin-bottom: 5px; line-height: 1.5em; }
.itemText:first-letter { font-size: 133%; font-weight: bold;}
.itemFoot { text-align: right; padding: 3px; background-color: #efefef; }
.itemAdminLink { font-size: 90%; }
.itemPermaLink { font-size: 90%; }

.outer { border: 1px solid #c0c0c0;}
.head  { background-color: #c2cdd6; padding: 5px; font-weight: bold; }
.even { background-color: #dee3e7; padding: 5px; }
.odd { background-color: #E9E9E9; padding: 5px; }
.foot { background-color: #c2cdd6; padding: 5px; font-weight: bold; }
tr.even td { background-color: #dee3e7; padding: 5px; }
tr.odd td { background-color: #E9E9E9; padding: 5px; }

div.errorMsg { background-color: #fcc; text-align: center; border-top: 1px solid #ddf; border-left: 1px solid #ddf; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; font-weight: bold; padding: 10px; }
div.confirmMsg { background-color: #ddffdf; color: #136C99; text-align: center; border-top: 1px solid #ddf; border-left: 1px solid #ddf; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; font-weight: bold; padding: 10px; }
div.resultMsg { background-color : #ccc; color: #333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px; }

div.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
div.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
.xoopsCode pre { font-size: 100%; margin: 0; padding: .5em; }
.xoopsQuote blockquote { margin: .5em; }

.comTitle { font-weight: bold; margin-bottom: 2px; }
.comText { padding: 2px; }
.comUserStat { font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px; }
.comUserStatCaption { font-weight: normal; }
.comUserStatus { margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px; }
.comUserRank { margin: 2px; }
.comUserRankText { font-size: 10px;font-weight:bold; }
.comUserRankImg { border: 0; }
.comUserName {}
.comUserImg { margin: 2px;}
.comDate { font-weight: normal; font-style: italic; font-size: smaller; }
.comDateCaption { font-weight: bold; font-style: normal; }

/* xoopsForm */
.xoopsForm {
	width: 100%;
	margin: 0 auto;
}

.xoopsFormHeader {
	margin: 1em 0 0;
	padding: .5em 10px;
	font-size: 1em;
	color: #fff;
	background: #2F5376;
}

.xoopsForm fieldset,
.xoopsForm dl,
.xoopsForm ul {
	margin: 0;
	padding: .5em 0 1.3em;
	border-width: 1px;
	border-color: #776d6b;
	border-style: none none dotted none;
}
.xoopsForm .fieldLast {
	border-bottom: none;
}
.xoopsForm .label {
	clear: left;
	display: block;
	padding-top: .8em;
	padding-left: 10px;
	float: left;
	width: 140px;
	line-height: 2em;
}
.xoopsForm .control {
	display: block;
	margin: 0 0 0 150px;
	padding-top: .8em;
	line-height: 2em;
}


.guide{
	padding:10px;
	font-size:80%;
	border:1px white solid;
	border-top:none;
}

.guide dl{
	margin:0;
}
.guide dt{
	margin:0;
	margin-top:10px;
	border-left:5px solid #990000;
	padding-left:10px;
	font-weight:bold;
	
}

.guide dd{
	margin:0;
	padding-left:20px;
}


.user_r_title{
	text-align:center;
	line-height:1.8;
	background:#3333FF;
	color:white;
	padding-left:20px;
	border:1px silver solid;
	
}


.user_r_1{
	background:#FFF8F4;
	padding:10px;
	border:1px silver solid;
	}
	
.user_r_2{
	background:#EEF7FF;
	padding:10px;
	border:1px silver solid;
	}

.user_r_foot{
	background:white;
	padding:15px;
}


.contact_1{
	width:150px;
	padding:8px;
}

.contact_2{
	padding:8px;
}

.contact_3{
	text-align:center;
}


.contact_10{
	width:150px;
	padding:8px;
	padding-top:37px;
}

.contact_20{
	padding:8px;
	padding-top:37px;
}



#top_flash {

	text-align: center;
	margin: 0 auto;
}



#Container_bgtest {
	width: 850px;
	height:280px;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
	background: url(images/bg2.png) no-repeat;
}



.header_right input{
	color: #999;font-size:10px;padding:0px; width:60px;
}

.mit00{
padding-top:20px;
}



.mit001{
	width:291px;
	height:408px;
	background: url(images/mit001.gif) no-repeat;
}


.mit002{
	width:291px;
	height:408px;
	background: url(images/mit002.gif) no-repeat;
}
.mit003{
	width:291px;
	height:408px;
	background: url(images/mit003.gif) no-repeat;
}

.mit004{
	width:291px;
	height:408px;
	background: url(images/mit004.gif) no-repeat;
}


.mit005{
	width:291px;
	height:408px;
	background: url(images/mit005.gif) no-repeat;
}
.mit006{
	width:291px;
	height:408px;
	background: url(images/mit006.gif) no-repeat;
}

.mit007{
	width:291px;
	height:408px;
	background: url(images/mit007.gif) no-repeat;
}


.mit008{
	width:291px;
	height:408px;
	background: url(images/mit008.gif) no-repeat;
}
.mit009{
	width:291px;
	height:408px;
	background: url(images/mit009.gif) no-repeat;
}

.mit010{
	width:291px;
	height:408px;
	background: url(images/mit010.gif) no-repeat;
}





.mit_a{
	text-align:center;
	padding-top:100px;
}
.mit_b{
padding-top:10px;
	padding-left:25px;
}

.mit_price{
	font-size:16px;
	font-weight:bold;
}

.mit05{
	width:291px;
	height:408px;
	background: url(images/mit05.gif) no-repeat;
}

.mit05a{
	width:291px;
	height:408px;
}

.mit07{
	width:291px;
	height:408px;
}


#mail_body iframe{
	width:580px;
	height:720px;
}