body {
background-image: url("../../Graphics/_site/BGbody_site.gif");
background-repeat: repeat-x;
font-size:10px;
font-family:verdana,arial,helvetica,sans-serif;
line-height:18px;}

#viewport {
position: relative;
width: 790px;
margin-left: auto;
margin-right: auto;}

*, *::before, *::after {
    box-sizing: border-box;
}

h1 {
font: bold 12px verdana, arial, helvetica, sans-serif;
color: #000099;
margin-top: 0px;
margin-bottom: 0px;}

h2 {
font: bold 11px verdana, arial, helvetica, sans-serif;
color: #000099;
margin-top: 0px;
margin-bottom: 0px;}

h3 {
font: bold 13px verdana, arial, helvetica, sans-serif;
color: #000099;
margin-top: 0px;
margin-bottom: 0px;}

h4 {
font: bold 12px verdana, arial, helvetica, sans-serif;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;}

p.txt {
margin-top: 0px;
margin-bottom: 0px;
font: 10px verdana, arial, helvetica, sans-serif;
color: black;}

p {
margin-top: 0px;
margin-bottom: 0px;
font: 10px verdana, arial, helvetica, sans-serif;
color: black;}

li {
font: 10px verdana, arial, helvetica, sans-serif;
color: black;
margin: 0px;
padding: 0px;}

a {
color: #000099;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;}

a:hover{
color: #728896;
text-decoration: none;}


a.link {
color: #000099;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;}

a.link:hover{
color: #728896;
text-decoration: none;}

img.link {
border: none;}

form {
margin-top: 0px;
margin-bottom: 0px;}

select {
font: 10px verdana, arial, helvetica, sans-serif;
color: black;}

input.txt {
font: 10px verdana, arial, helvetica, sans-serif;
border: 1px solid black;
background-color: white;
color: black;
margin-left: 5px;
width: 130px;}

input.submit {
font: 10px verdana, arial, helvetica, sans-serif;
background-color: white;
color: black;
margin-left: 5px;
border: 1px solid black;}

div.top {
position: relative;
top: 0px;
left: 0px;
width: 790px;
border-top: 2px solid #004F94;
border-left: 2px solid #004F94;
border-right: 2px solid #004F94;
overflow: hidden;}

div.menu {
position: relative;
top: 0px;
left: 0px;
width: 790px;
border-left: 2px solid #004F94;
border-right: 2px solid #004F94;
background-image: url("../Graphics/_site/menu_spa.gif");
z-index: 1;}

div.vert_rom {
position: absolute;
top: 2px;
left: 0px;
/* font: 10px verdana, arial, helvetica, sans-serif; */
font: 10px arial, helvetica, sans-serif;
color: white;
z-index: 100;}

dl.rom, dt.rom, ul.rom, li.rom {
margin: 0;
padding: 0;
list-style-type: none;}

div.vert_rom dl {
float: left;}

div.vert_rom dt {
cursor: pointer;
margin: 1px;
margin-left: 5px;
padding-right: 5px;
border-right: 1px solid white;}

dd {
margin: 0;
padding: 0;
list-style-type: none;}

div.vert_rom dd.level1 {
position: absolute;
top: 18px;
display: none;
border: 1px solid gray;
background-color: white;
opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
width: 150px;}

div.vert_rom dd.level2 {
position: absolute;
margin-left: 149px;
display: none;
border: 1px solid gray;
background-color: white;
opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
width: 150px;}

div.vert_rom dd.level3 {
position: absolute;
margin-left: 298px;
display: none;
border: 1px solid gray;
background-color: white;
opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
width: 150px;}

div.vert_rom li {
text-align: left;
clear: both;}

div.vert_rom dt a {
color: white;
text-decoration: none;}

div.vert_rom li a {
color: #000;
text-decoration: none;
padding: 2px;
display: block;}

div.vert_rom li a:hover, div.vert_rom li a:focus {
background: #004F94;
color: white;}

div.nav {
position: relative;
top: 0px;
left: 0px;
width: 790px;
border-left: 2px solid #004F94;
border-right: 2px solid #004F94;
background-image: url("../../Graphics/_site/navFrame/bg_nav.jpg");
background-repeat: repeat-x;
background-color: #E4D199;
overflow: hidden;
clear: both;}

div.main {
position: relative;
top: 0px;
left: 0px;
width: 790px;
border-left: 2px solid #004F94;
border-right: 2px solid #004F94;
background-image: url("../../Graphics/_site/BGmain_site.gif");
background-repeat: repeat;
overflow: hidden;}

div.main_left {
float: left;
text-align: center;
padding: 5px;
width: 162px;
overflow: hidden;}

div.main_sideFrame_Box {
/*width: 154px;*/
margin-bottom: 10px;}

div.main_sideFrame_BoxH {
text-align: left;
color: #FFFFFF;
padding: 3px;
font: bold 9px verdana, arial, helvetica, sans-serif;
background-color: #004F94;}

img.main_sideFrame_Box {
border: none;}

p.main_sideFrame_Box {
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding-left: 2px;
font: 9px verdana, arial, helvetica, sans-serif;}

input.main_sideFrame_Box {
font: 9px verdana, arial, helvetica, sans-serif;
background-color: white;
color: black;
width: 80%;
border: 1px solid black;}

div.main_center {
float: left;
width: 466px;
margin: 0;
padding: 10px;
overflow: hidden;}

div.main_center_left {
float: left;
width: 285px;
margin-right: 5px;}

div.main_center_right {
float: right;
width: 150px;}

p.main_center_BoxrowH {
float: left;
width: 436px;
font: bold 10px verdana, arial, helvetica, sans-serif;
color: white;
clear: both;
background-color: #004F94;
padding: 3px;
padding-left: 5px;
display: block;}

p.main_center_BoxrowL {
float: left;
width: 436px;
font: 10px verdana, arial, helvetica, sans-serif;
color: black;
clear: both;
padding-left: 5px;
padding-right: 3px;
margin-top: 0px;
margin-bottom: 0px;
display: block;}

.main_center_Goal {
font: bold 10px verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
background-color: #004F94;
border: 1px solid white;
padding: 3px;}

span.main_center_Boxcell1 {
float: left;
width: 90px;}

span.main_center_Boxcell2 {
float: left;
width: 110px;}

span.main_center_Boxcell3 {
float: left;
width: 210px;}

span.main_center_Boxcell4 {
float: left;
width: 25px;}

span.main_center_Boxcell5 {
float: left;
width: 45px;}

span.main_center_Boxcell6 {
float: left;
width: 50px;}

span.main_center_Boxcell7 {
float: left;
width: 85px;}

span.main_center_Boxcell8 {
float: left;
width: 60px;}

span.main_center_Boxcell9 {
float: left;
width: 135px;}


.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
	display: inline-block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.col-1 {
	width: 8.333332%;
}
.col-2 {
	width: 16.66666%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33333%;
}
.col-5 {
	width: 41.66666%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33333%;
}
.col-8{
	width: 66.66666%;
}
.col-9{
	width: 75%;
}
.col-10{
	width: 83.33333%;
}
.col-11{
	width: 91.66666%;
}
.col-12{
	width: 100%;
}


div.main_right {
float: left;
text-align: center;
width: 158px;
padding: 5px 0;
overflow: hidden;}

div.bottom {
position: relative;
top: 0px;
left: 0px;
clear: both;
height: 16px;
width: 790px;
font-size: 1px;
border-top: 1px solid #004F94;
border-left: 2px solid #004F94;
border-right: 2px solid #004F94;
border-bottom: 2px solid #004F94;
background-image: url("../../Graphics/_site/BGbottom_site.gif");}

div.contact {
position: relative;
top: 0px;
left: 0px;
width: 790px;
text-align: center;}

div.center_news_type {
padding: 3px;
margin-bottom: 12px;
color: #FFFFFF;
font: bold 9px verdana, arial, helvetica, sans-serif;
background-color: #004F94;
clear: both;}

div.center_news_image {
float: left;
margin-left: 7px;
margin-right: 5px;
margin-bottom: 5px;}

div.center_news_headline {
font: bold 13px verdana, arial, helvetica, sans-serif;
color: #000099;}

a.headline_link {
color: #000099;
text-decoration: none;}

a.headline_link:hover{
color: #728896;
text-decoration: none;}

div.center_news_date {
font: 10px verdana, arial, helvetica, sans-serif;}

div.center_news_list {
font: 10px verdana, arial, helvetica, sans-serif;}

div.center_news_resume {
margin-top: 3px;
text-align: justify;
font: 10px verdana, arial, helvetica, sans-serif;}

div.boxText {
margin-top: 3px;
/*margin-left: 3px; */
text-align: left;
font: 10px verdana, arial, helvetica, sans-serif;}

div.center_news_readmore {
margin-top: 3px;
clear: both;
padding-right: 3px;
text-align: right;
font: 10px verdana, arial, helvetica, sans-serif;
margin-bottom: 10px;}

div.center_news_footer {
padding: 2px;
text-align: right;
margin-bottom: 5px;
background-color: #DDF1FF;
font: 10px verdana, arial, helvetica, sans-serif;
clear: both;}