@charset "UTF-8";
/* CSS Document */

body {
   margin-top:30px;
   text-align: center;
   background-color: #000000;
}
body,td,th,div {
   font-family: arial,helvetica,sans-serif;
   font-size: 12px;
   color:#333333;
}
a {
   color: #06c;
}
h1,h2,h3,h4,h5,h6 {
   margin-top: 0px;
   margin-bottom: 5px;
}
h1 {
   font-size: 16px;
   color:#ec2027;
}
h2 {
   font-size: 14px;
}
h3 {
   font-size: 12px;
}
h4 {
   font-size: 10px;
}

#container {
   width: 800px;
   margin: 0px auto;
   text-align: center;
   background-color: #FFFFFF;
}
#header,
#menu,
#content,
#footer {
   margin: 0px auto;
   text-align: left;
}

#header{
height:112px;}


#menu {
	background-image:url(images/menu_bg.gif);
   height: 27px;
   line-height: 27px;
   padding-left: 20px;
   padding-right: 5px;
   font-size: 12px;
}
#menu a {
   color: #ffffff;
   text-decoration: none;
}

#menu a:hover {
   text-decoration: underline;
}

#content {
	background-color:#FFFFFF;
	height:400px;
	overflow:auto;
   color:#333333;
   padding: 20px;
}

#content a {
   color: #333333;
   text-decoration: underline;
}
#content a:hover {
	color:#ec2027;
   text-decoration: underline;
}

#contentsPort img{
padding:5px;
border:0px;}



#footer {
background-color:#FFFFFF;
   color: #333333;
   border-top: 1px solid #333333;
   padding: 10px;
   text-align: center;
}
#footer a {
   color: #969696;
   text-decoration: none;
}
#footer a:hover {
   text-decoration: underline;
}

.current{
color:#ec2027;
font-weight:bold;}

#outer {
      position: absolute;
      left: 50%;
      width: 800px;
      height: 660px;
      margin-left: -400px; /* half of width */
      background-color: #000000;
      }