#header {
	background-color: #FFFFFF;
	color: #999999;
	width: 100%;
	height: 60px;
}

#logo {
}

#logo img{
	text-decoration: none;
	border-style: none;
}

#head-up {
	color: #006699;
	font-weight: bolder;
	font-size: 16px;
}
#head-down {
	font-weight: normal;
	font-size: 14px;
	letter-spacing: .3em;
}
#head-right img{
	text-decoration: none;
	border-style: none;
}

#body {

}

/* tab menu */

#tab-menu{
	position: static;
	margin: 10px 10px 0px 0px;
	display: block;
	width: 750px
}
#tab-menu li{
	float: left;
}
#tab-menu ul{
	list-style-type: none;
}
#tab-menu a{
	display: block;
	text-align: center;
	padding: .3em 1em;
	background-color: #BBBBBB;
	color: #666666;
	border-right: 1px solid #999999;
	text-decoration: none;
	white-space: nowrap;
	width: 8em;
	margin-right: 3px; 
}
#tab-menu ul a:hover{
	background-color: #BBBBBB;
	color: #333333;
}

/* tab menu 2 */

#tab-menu2{
	position: static;
	margin: 10px 10px 0px 0px;
	display: block;
	width: 750px
}
#tab-menu2 li{
	float: left;
}
#tab-menu2 ul{
	list-style-type: none;
}
#tab-menu2 a{
	display: block;
	text-align: center;
	padding: .3em 1em;
	background-color: #EEEEEE;
	color: #666666;
	border-right: 1px solid #999999;
	text-decoration: none;
	white-space: nowrap;
	width: 8em;
	margin-right: 3px; 
	font-size: 16px;
	font-weight: bold;
}
#tab-menu2 ul a:hover{
	background-color: #EEEEEE;
	color: #333333;
}

/* tab window */

#tab-window {
	clear: left;
	background-color: #DDDDDD;
	color: #333333;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 98%;
	height: 500px;
	padding: 1em;
}

/* tab window2 */

#tab-window2 {
	clear: left;
	background-color: #FFFFFF;
	color: #333333;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 98%;
	height: 450px;
}

#window-a {
	width: 100%;
	height: 100%;
	display: "";
	background-color: #FFFFFF;
}
#window-b {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
#window-c {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

#wnd-left {
	float: left;
	width: 70px;
	height: 100%;
}
#wnd-left img{
	margin: 10px 5px;
}
#wnd-main {
	float: left;
	width: 605px;
	height: 152px;
	border-style: dashed;
	border-width: 1px;
	margin: 10px;
}
#wnd-right {
	float: left;
	width: 70px;
	height: 100%;
}
#wnd-right img{
	margin: 110px 5px 0px 5px;
}

#main-window {
	background-color: #FFFFFF;
	width: 780px;
	height: 400px;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
}
#footer {
	background-color: #EEEEEE;
	color: #999999;
	vertical-align: middle;
	width: 100%;
	height: 1em;
	margin: 1em 0em;
}

.curve-head{
 font-size:1px;
 height:7px;
 background:url(image/curve-right-head.gif) top right no-repeat;
 margin-top:5px;
}
.curve-head div{
 font-size:1px;
 height:7px;
 background:url(image/curve-left-head.gif) top left no-repeat;
}
.curve-body{
 background:url(image/curve-left-middle.gif) top left repeat-y;
}
.curve-body div{
 background:url(image/curve-right-middle.gif) top right repeat-y;
}
.curve-bottom{
 font-size:1px;
 height:7px;
 background:url(image/curve-right-bottom.gif) bottom right no-repeat;
 margin-bottom:5px;
}
.curve-bottom div{
 font-size:1px;
 height:7px;
 background:url(image/curve-left-bottom.gif) bottom left no-repeat;
}

body{
	font-size: 12px;
/*	margin:0px 0px 0px 0px; */
}

#overlay{ 
    background-image: url(image/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
/*    height: 2000px;*/
	clip:rect( 0 100% 100% 0);
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="image/overlay.png", sizingMethod="scale");
}

#box{
    width:750px;
    background:#eee;
    padding:10px;
    z-index: 91;
    border:2px solid #aae;
}

#boxtitle{
    color:#000;
	font-weight: bolder;
}

#boxtext{
    color:#333;
	margin: 10px 0px 0px 10px;
}

#boxtext img{
    border: 1px solid #333;
	margin: 5px 5px 5px 5px;
}

#close{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}

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

a{
	outline: none;
}

a:active{
	outline: none;
}

#sideBar{
text-align:left;
}

#sideBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px 10px 10px 10px;
	font-weight:bold !important;
}

#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}

#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#DA1074;
	width:177px;
	color:#FFFFFF;
}

#sideBar li a{
	width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#sideBar{
	position: absolute;
	width: auto;
	height: auto;
	top: 140px;
	right:0px;
	background-image:url(image/background.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#sideBarTab{
	float:left;
	height:137px;
	width:28px;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:200px;
	height:320px;
}

#sideBarContentsInner{
	width:200px;
}

#sortTable td{
	border-bottom: 1px solid #CCCCCC;
}

.message{
	height:4em;
	width:100%;
	line-height: 4em;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFF99;
	background-image:url(image/message.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#desc{
	height:5em;
	width:750px;
	border: 1px solid #CCCCCC;
	background-color: #FFFF99;
	background-image:url(image/message.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top: 5px;
	padding-left: 150px;
	margin: 10px;
}