/*** The Essential Code ***/

body {
	margin: 0;
	padding-left: 0;    /* LC fullwidth */
	padding-right: 270px;   /* RC fullwidth + CC padding */
	min-width: 260px;       /* LC fullwidth + CC padding */
    color: #000000;
	font-size: 9px;
	font-family: Helvetica, Arial, SunSans-Regular, sans-serif;
	background: #C0C0C0;
    background-color: #FFFFFF;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat;
    width : auto;
    padding : 0 0 0 0;
    SCROLLBAR-FACE-COLOR: #ff9900;
    SCROLLBAR-HIGHLIGHT-COLOR: #008000;
    SCROLLBAR-SHADOW-COLOR: #000080;
    SCROLLBAR-ARROW-COLOR: #96B36F;
    SCROLLBAR-TRACK-COLOR: #DB990F;
 		}

		#header, #footer {
            width: 820;
			margin-left: 0px;    /* LC fullwidth */
			margin-right: -270px;   /* RC fullwidth + CC padding */
		}

		.column {
			position: relative;
			float: left;
		}

		#center {
			padding: 0 40px;
			width: 100%;
		}

		#left {
			width: 0;           /* LC width */
			padding: 0 0px;        /* LC padding */
			right: 40px;           /* LC fullwidth + CC padding */
			margin-left: -100%;
		}

		#right {
			width: 170px;           /* RC width */
			padding: 0 10px;        /* RC padding */
			margin-right: -100%;
		}

		#footer {
			clear: both;
		}

		/*** IE Fix ***/
		* html #left {
			left: 190px;            /* RC fullwidth */
		}

		/*** Just for Looks ***/

a {
	color: #db8b00;
	}

a:hover {
	color: #FF9900;
	}

a:visited {
	color: #a26500;
	}
h1, h2, h3, h4, h5, h6 {
	color: #3c6177;
	font-family: Helvetica, Arial, SunSans-Regular, sans-serif !important;
	
	}
h1 {
	font-size: 2.17em;
	font-weight: bold;
	margin: 0.67em 0;
	}

h2 {
	font-size: 2em;
	font-weight: bold;
	margin: 0.83em 0;
	}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #db8b00;
	margin: 0em 0;
	}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 1.33em 0;
	}

h5 {
	font-size: 1.17em;
	font-weight: bold;
	margin: 1.67em 0;
	}

h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 2.33em 0;
	}
hr {
	background-color: #e8e8e8;
	border-color: #e8e8e8;
	border-style: solid;
	}

#footer {
	padding: 0.8em 0;
	background: #fbfbfb;
	text-align: center;
	}
#header {
   	color: #b2b2b2;
	font-size: 10px;
	background-color: green;
	background-image: url(header_p.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 125px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 2px solid #b7b7b7;
	}
#moetrilogo img {
	margin: 30px 0 0 25px;
	}

#left {
	background: #66F;
      }

#center {
	background: white;
		}

#right {
	background-color: #F7F7F7;
	/*background-image: url(right_background.gif);
	background-repeat: repeat-x;
	background-position: 0 0;*/
	}

		.column {
			padding-top: 1em;
			/*text-align: justify;*/
		}
#login {
	font-size: 12px;
	font-weight: bold;
	color: #E7E7E8;
	position: absolute;
	top: 25px;
	LEFT: 650;
	margin-top: 8px;
	margin-right: 18px;
	
}

#mcbar {
	background-image: url(mcbar_ba.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 97%;
	height: 26px;
	margin: 0;
	padding: 0;
	display: block;
	}
#mcbar li {
	float: left;
	padding-top: 5px;
	padding-left: 18px;
	list-style-type: none;
	}

#mcbar li a {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

#mcbar li a:hover {
	color: #fcd491;
	}

#moetriutama {
	position: absolute;
	top: 25px;
	LEFT: 250px;
	/*width: 300px;
	height: 40px;*/
	border-style: none;
	border-width: 0;
	display: block;
	}
#searchbox {
	background-image: url(mcbar_se.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 459;
	padding-top: 6px;
	padding-right: 7px;
	padding-left: 62px;
	}
	
.titlebar {
	font-size: 12px;
	font-weight: bold;
	}
	
.img_left_margin { 
	margin: 20px 0 6px 6px; 
	}

#moetriad {
	position: absolute;
	top: 32px;
	left: 290px;
	width: 468px;
	height: 60px;
	border-style: none;
	border-width: 0;
	display: block;
	}
	
.leftmargin {
	margin: 0 -200px 0 35px;
	}

#loginpanel {
	width: 20em;
	margin-top: 20px;
	}

#registerpanel {
	width: 60em;
	margin-top: 20px;
	}

#small {
	width: 30em;
	margin-top: 20px;
	}

/*** Tab Navigation ***/

	#tabs {
	font-size:12px;
	line-height:14px;
	background-image: url();
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% bottom;
	position: absolute;
	top: 92px;
	left: 240px;
	z-index: 3;
	margin-left: 0px;
	}
	#tabs ul {
      margin:0;
      padding:10px 20px 0 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url(left_bot.gif) no-repeat left top;
      margin:0 1px 0 0;
      padding:0 0 0 9px;
      border-bottom:2px solid #b7b7b7;
      }
    #tabs a {
      float:left;
      display:block;
      width:0.1em;
      background:url(right_bo.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:normal;
      color:#959595;
      }
    #tabs > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover {
      color:#333;
      }
    li#set {
	background-position:0 -150px;
	border-bottom: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	}
    li#set a {
      background-position:100% -150px;
      padding-bottom:6px;
      color:#333;
      }
    #tabs li:hover, #tabs li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #tabs li:hover a {
      background-position:100% -150px;
      }
      
.default {
	FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

P {
	MARGIN-LEFT: 6px;
    MARGIN-RIGHT: 6px;
    FONT-SIZE: 9pt;
    COLOR: #00000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
.content {
	FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
B {
	CLEAR: right;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #a9a9a9;
    LINE-HEIGHT: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
.navigator{font-weight:bold;font-size:10pt;color:white;}
.navigator a:link,.navigator a:visited{color:#c0c0c0;}
.navigator a:active,.navigator a:hover{color:white;}
.moetri_jam {
	FONT-SIZE: 11px;
    COLOR: #008000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.menu {
	background-color: #F0F0F0;
	border: 1px solid #C8C8C8;
    color: #ff9900;
}
.menu_on {
	background-color: #FFFFFF;
	border: 1px solid #C8C8C8;
    color: #ff9900;
	}
.menu2 {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
    background-color: #77C2C8;
	border: 1px solid #C8C8C8;
}
.menu3 {
	font-family: Tahoma;
	font-size: 11px;
	color: #003F78;
	text-decoration: none;
}
.copyright {
	FONT-SIZE: 8px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.creativewebdesigner {
	FONT-SIZE: 11px;
    COLOR: #008000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.headline {
	FONT-SIZE: 8pt;
    COLOR: #808080;
    FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

