/**** LAYOUT ****/
html {
  height:100%;
}

body {
  padding:0;
  margin: 0;
  min-height:100%;
  position:relative;
}

* html body { height:100%; }
#mainlink  {
  width:200px;
  height: 100px;
  display: block;
  position: absolute;
}
#mainlink a {
  width:125px;
  height: 90px;
  display: block;
  padding: 0px;
  margin-left: 200px;
  margin-top: 55px;
}
#mainlink a span{
  display: none;
}
#topnav 
{
  width:100%;
  height: 185px;
}

#topnav ul
{
  margin:0px;
  padding:0px;
  display: block;
  height: 185px;
  width: 866px;
  list-style: none;
}

#topnav ul li
{
  display: block;
  float: left;
  margin-top: 160px;
}
#topnav ul li.wobler
{
  display: block;
  float: left;
  margin-left: 115px;
}
* html #topnav ul li.wobler { margin-left: 58px; }
#topnav ul li a 
{
  display: block;
  width:31px;
  height:20px;

}
#topnav ul li a span
{
  display:none;
}

#content
{
  padding-bottom:156px;
}

#footer {
  height: 130px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
#footer p {
  width: 245px;
  margin: 14px 0px 0px 30px;
  padding: 0 5px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  
}
#footer p.copyr {
  width: 245px;
  height: 15px;
  margin: 0px 0px 0px 30px;
  border-top-style: none;

}
#naverh {
  position:absolute;
  bottom: 116px;
  left: 344px;
  display:block;
  width:80px;
  height:40px;
}

#nav {
    width:288px;
    float:left;
    min-height:350px;
    margin-right:-5px;
}
* html #nav { height:350px;} 
#nav img {
  display:block;
  background: #FFF;
  padding:30px 0;
}
#nav div {
  background: #FFFFFF;
}
#nav ul {
  margin: 20px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}
#nav ul li {
  padding: 5px;
  display: block;
  padding-left: 115px;
}
#nav ul.subnav{
  padding: 0px;
  margin: 5px 0px 0px;
}
#nav ul.subnav li{
  padding: 2px;
  display: block;
  margin-left: 5px;
}
#main {
  margin: 0 0 0 287px;
  padding: 0 0 0 60px;
  border: 0;
  min-height:500px;
}
* html #main {  margin: 0 0 0 284px; height:500px;}
#main p{
  padding: 0px 5px 5px 30px;
  text-align:justify;
  margin-right:10px;
}
#main ol{
  padding: 0px 5px 5px 50px;
  margin:0px;
}

#main h1 {
  margin:0 0 0 -60px;
  padding: 20px 5px 5px 60px; 
  display: block;
  height: 77px;
  min-width: 539px;
}
#main p {
	max-width: 630px; 
	text-align: justify;
}
#main li {
	max-width: 630px; 
	text-align: justify;
	padding: 0px 5px 5px 0px;
	margin-right:10px;
}

/** html #main p { width:630px;}*/
/* html #main li { width:630px;}*/
 
/*** FONTS ***/
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}
h1 {
  font-size: 16px;
}
h2 {
  font-size: 14px;
  color: #000000;
  padding: 0px 0px 0px 35px;
  margin: 0px;
}
h3 {
 font-size: 12px;
}
#main h1 {
  font: bold 19px Tahoma, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#nav ul li {
  text-transform: uppercase;
  font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
}
#nav ul.subnav li {
  font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
}
#nav ul li a{
  text-decoration:none;
}
#nav ul.subnav li a{
  text-decoration:none;
}
#footer p {
  font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}

/*** FONTS COLORS ***/

#main  {
  color: #295359;
}
#main h1 {
  color: #000000;
}
#nav ul li a{
  color: #000;
}
#nav ul li ul li a{
  color: #023F4F;
}
#nav ul li a:hover,
#nav ul li ul li a:hover {
  color: #993300;
  text-decoration: underline;
}
#footer p {
  color: #3c3c3c;
}
a,
a:link,
#main a  {
  color: #000000;
  text-decoration: underline;
}
a:hover,
#main a:hover
{
  color: #000099;
}
a:visited{
  color: #064D5F;
}
/*** COLORS AND BG ***/
#topnav {
  background: #086473 url(../img/header_bg.gif) repeat-x;
}
#topnav  ul {
  background: #086473 url(../img/top.jpg) no-repeat;
}
#content {
  background: url(../img/content_bg.gif) repeat-x;
}
#nav {
  background: #3D93A0 url(../img/nav_top_bg.gif) no-repeat left top;
}

#main {
  background: url(../img/main_bg.gif) repeat-y;
}
#main h1 {
  background: url(../img/h1_bg.gif) no-repeat;
}

.box1 {
  display: block;
  background: #f7f8f8 url(../img/box.gif) repeat-y left;
  border-top: 20px solid #FFFFFF;
  border-bottom: 20px solid #FFFFFF;

}
#naverh {
  background: #F5F6F6 url(../img/naverh.gif) no-repeat left top;
}
#footer {
  background: #A9DFEA url(../img/footer_bg.gif) repeat-x;
}
#footer p {
  background: #FFF;
}
#footer p.copyr {
  background: #f5f6f6;
}


/*** OTHER ***/
.hidden { display:none; }
#lnetwork {
  background: url(../img/02_bg.gif) no-repeat left center;
}
#lpartner{
  background: url(../img/03_bg.gif) no-repeat left center;
}
#lpress{
  background: url(../img/04_bg.gif) no-repeat left center;
}
#lservices{
  background: url(../img/05_bg.gif) no-repeat left top;
}
.lmain {
  margin-top: 25px;
  margin-bottom:90px;
}
a.lmain {
  color: #999999; 
}

