body {
background-color: #ffffff;
font-size: 12pt;
font-family: "Century Gothic";
color:#000000;
padding:0;
margin-top: 10px;
}

a:link {color: #009966}
a:visited {color: #04754f}
a:hover {color: #78b3dd}
a:active {color: #78b3dd}

h1.menu {
font-size: 11px;
background-color: #00293f;
border-top: 5px solid #009966;
padding: 5px 15px;
margin:0 }

h1.copyright {
font-size: 11px;
font-family: "Times New Roman";
font-style: italic;
text-align: center; 
color: #00293f;
background-color: #ffffff;
padding:0;
margin:0;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

img.download {vertical-align:middle;}

p.title1 {
font-size:16px;
font-weight: bold;
font-family: "Century Gothic";
color:#78b3dd;
}

p.title2 {
font-size:30px;
font-weight: bold;
font-style: italic;
font-family: "Times New Roman";
color:#78b3dd;
}

p.title-news {
font-size:14pt;
font-weight: bold;
font-style: italic;
font-family: "Times New Roman";
color:#78b3dd;
}

/* ----------setting for sub menu text-------------- */
p.submenu {
text-indent: .4cm;
font-size: 16px;
font-family: "Century Gothic";
color:#78b3dd;
}

a:link.sub {color: #78b3dd; text-decoration: none;}
a:visited.sub {color: #04754f; text-decoration: none;}
a:hover.sub {color: #009966; text-decoration: none;}
a:active.sub {color: #78b3dd}

/* ----------container to center the layout-------------- */
#container {
width: 970px;
margin-bottom: 6px;
margin: 0 auto;
background-image: url('images/div_bkgr_index.gif');
}

#container-content {
width: 970px;
margin-bottom: 10px;
margin: 0 auto;
background-image: url('images/div_bkgr_main.gif');
}


/* ----------banner for logo-------------- */
#banner {
background-color: #00293f;
text-align: center;
padding: 0px 0px 30px 0px;
margin: 0px;
}

#banner img {padding: 0px 0px;} 

/* -----------------content--------------------- */
#content {
padding: 0px;
margin: 10px 255px;
}

#content-content {
padding: 0px;
margin: 10px 10px 10px 255px;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
	margin:0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 235px;
margin: 0;
padding: 0;
min-height:600px;
}
#right {
float: right;
width: 235px;
margin: 0;
padding: 0;
}

#right2 {
float: right;
width: 400px;
margin: 0;
padding: 0;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
background-color: #00293f;
margin: 0px;
padding: 0px;
text-align: center; 
}


/* -----------Menu Section--------------------------- */
#navlist
{
margin: 0;
padding: 0px 0px 0px 185px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 0px 35px 0px 0px;
text-decoration: none;
color: #78b3dd;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #009966;
padding-bottom: 4px;
background: transparent;
color: #009966;
}

#navlist a:hover { color: #009966; }; 
               border-bottom: 4px solid #009966; padding-bottom: 2px