/* CSS Document */


#page {
        margin:0 auto;
        position:relative;
       /* overflow:hidden;*/
        min-width:950px;
        width:70em;
        *width:71.3em;
        text-align:left;
        left:20px;
        top:10px;
        /*border: 2px dotted #f00;*/
}

div#centerdisp{
        position: relative;
        margin-top:25px;
        left:0px;
        height: auto;
        width: 90%;
        min-height: 325px;
        /*border: 10px dotted #000;*/
}

div#vertNav{
        position: absolute;
        top: 0px;
        left:0px;
        width:28%;
        height: 325px;
        min-height: 325px;
        /* border: 2px dotted #f0c;*/
        background: url(image/black_white.gif)
}


.loginhead {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #000;
}

div#dispcontent{
        position: relative;   /*originally relative*/
        top: 0px;
        left:30%;
        width:70%;
        height: 325px;/*height: auto; *//*for the sack of ie*/
        /*height: auto;*/
        min-height: 325px;
       /* border: 2px dotted #0ff;*/
}

div.inside{
        position: relative;   /*originally relative*/
        top: 10px;
        left:2%;
        width:95%;
        height: 95%;/*height: 325px;height: auto; *//*for the sack of ie*/
        /*height: auto;*/
        min-height: 325px;
       /* border: 2px dotted #0ff;*/
}


div#inner_con{
        position: relative;
        top: 20px;
        left:10px;
        width:90%;
}
div#foot_message{
        position: relative;
        top:auto;
        left:20px;
        width:95%;
}


#dis_form {
        position: relative;
        top: 0px;
        left:10px;
        width:100%;
        height:auto;
}
div#dispcontent_ie{
        position: relative;   /*originally relative*/
        top: 0px;
        left:30%;
        width:70%;
        height: 325px;
        min-height: 325px;
}

div.box
{
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: 70px;
        min-height: 70px;
        margin-bottom: 14px;
}

div.box div.box-tl {
        background: url(image/box-tl.gif)
        left top no-repeat;
        position: absolute;
        left: 0px;
        top: 0px;
        margin-left: -8px;
        margin-top: -8px;
        width: 22px;
        height: 22px; z-index: 20;
}

div.box div.box-t {
        background: url(image/box-t.gif)
        left top repeat-x;
        position: absolute;
        left: 0px;
        top: 0px;
        margin-left: 0px;
        margin-top: -8px;
        width: 100%;
        height: 22px; z-index: 10;
}

div.box div.box-tr{ background: url(image/box-tr.gif) left top no-repeat; position: absolute; left: 100%; top: 0px;  margin-left: -14px; margin-top: -8px; width: 24px; height: 22px; z-index: 20; }
div.box div.box-l { background: url(image/box-l.gif)  left top repeat-y;  position: absolute; left: 0px;  top: 0px;  margin-left: -8px; margin-top: 0px; width: 22px; height: 100%; z-index: 10; }
div.box div.box-r { background: url(image/box-r.gif)  left top repeat-y;  position: absolute; left: 100%; top: 0px;  margin-left: -14px; margin-top: 0px; width: 22px; height: 100%; z-index: 10; }
div.box div.box-bl{ background: url(image/box-bl.gif) left top no-repeat; position: absolute; left: 0px;  top: 100%; margin-left: -8px; margin-top: -14px; width: 22px; height: 22px; z-index: 20; }
div.box div.box-b { background: url(image/box-b.gif)  left top repeat-x;  position: absolute; left: 0px;  top: 100%; margin-left: 0px; margin-top: -14px; width: 100%; height: 22px; z-index: 10; }
div.box div.box-br{ background: url(image/box-br.gif) left top no-repeat; position: absolute; left: 100%; top: 100%; margin-left: -14px; margin-top: -14px; width: 22px; height: 22px; z-index: 20; }

body{
        font:13px arial,helvetica,clean,sans-serif;
        *font-size:small;
        *font:x-small;
}
table{
        font-size:inherit;
        font:100%;
}
select,input,textarea{
        font:99% arial,helvetica,clean,sans-serif;
}
pre,code{
        font:115% monospace;
        *font-size:100%;
}
body *{
        line-height:1.22em;
}

body {
 text-align:center;
 color:#333;
 direction:ltr;
}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {
 margin:0;
 padding:0;
}

img,fieldset {
 border:0;
}

ul,ol {
 list-style:none;
}

div#lNav
{
        position: absolute;
        left: 89%;
        /*top: 20px; position before flash*/
        top: 20px;
        width:auto;
}

div#lNav a{
	border-left: 1px;
}

#header
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        /*border: 10px dotted #f00;*/

}
/*
#header
{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 655px;
        height: 100%;

}*/

 #headerbox{
        position: relative;
        left: 0px;
        top: 0px;
        width: 90%;
        height: 200px;
        /*border: 10px dotted #ff0;

        background-image: url(image/lkw_top.jpg);
        background-repeat: no-repeat;
        background-position: 70% 0%;*/
}

#logo{

		position:relative;
		left: 0px;
        top: 10px;
        margin:0px 0px 0px 20px;
        width:186px;
        height:40px;
        /*border: 2px dotted #f00;*/

}

/*
original
#logo{
        margin:28px 0px 0px 20px;
        width:186px;
        height:79px;

}
*/


#fmov
{
		position:relative;
        margin: 0px 0px 0px 20px;
        padding: 0;
        left: 0px;
        top:5px;
        width:auto;
        height: 100px;

}

#navcontainer
{
        margin: 5px 0px 0px 20px;
        padding: 0;
        width:80% auto;
        height: 30px;

}

#navcontainer ul
{
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li
{
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a
{
        background: #fff;
        width: 88px;
        height: 20px;
        border-top: 1px solid #697FBE;
        border-left: 1px solid #697FBE;
        border-bottom: 1px solid #697FBE;
        border-right: 1px solid #697FBE;
        padding: 0;
        margin: 0 0 10px 0;
        color: #697FBE;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 15px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
        color: #ccc;
        background: #697FBE;
}

#navcontainer a:active
{
        background: #4F6CBE;
        color: #fff;
}

#navcontainer li#active a
{
        background: #4F6CBE;
        border: 1px solid #4F6CBE;
        color: #fff;
}

.container{

	margin-left:30px;
	top: 30px;
	/*border: 2px dotted #f00;*/
}
.container h1, .container h2, .container h3, .container p, .container li
                                        { /*font: 12px Verdana, sans-serif;*/ color: #5e5e5e; /*7e7e7e*/  }
.container h1, .container h2, .container h3
                                        { font-weight: bold; }
.container h1                           { font-size: 22px; font-weight: normal; /*color: #ee0000;*/ margin-bottom: 15px; margin-top:15px;}
.container h2                           { font-size: 12px; margin-bottom: 5px; }
.container h3                           { margin-bottom: 5px; }



.container                              { clear: both; margin-bottom: 15px; height: auto; }
div#content.slogan .container.html      { margin: 0px; }

.container.html                         {  }

.container.img                          {  }
div#banner .container.img               { margin: 0px; }

.container.page-headline                {  }

.container.text                         {  }

.container.text.backgrnd                { padding: 5px 10px; background: #cccccc; }

.container.text.border                  { padding: 5px 10px; border: 2px solid #cccccc; }

.container.text.img.left img            { padding: 0px 10px 5px 0px; }

.container.text.img.left.float img      { float: left; }

.container.text.img.right img           { padding: 0px 0px 5px 10px; }

.container.text.img.right.float img     { float: right; }

.container.text.ol ol                   { margin-left: 18px; }
.container.text.ol ol li                { list-style: decimal outside; }

.container.text.ul ul                   { margin-left: 7px; padding-left: 3px;}
.container.text.ul ul li                { list-style: url(image/dot-list.gif) outside; }

.container.text li                      { margin: 3px 0px; }


div#vertdisp
{
	position: relative;
    top: 10px;
    left:4px;
	text-align:center;
	/*border: 2px solid #0ff;*/
}
div#vertdisp ul
{
	position: relative;
    margin-top: 10px;
    left:10px;
	text-align:left;
	list-style-type: none;
}

/*
#vertdisp ul                   {
margin-left: 20px;
padding-left: 0px;
}*/
#vertdisp  ul li                {
list-style:  url(image/w.gif) outside;
list-style-image:url(image/w.gif);
}



/*
#vertdisp ul
{
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}*/

#vertdisp ul li
{
        display: block;
        /*float: left;*/
        text-align: center;
        padding: 0;
        margin: 0;
}

#vertdisp ul li a
{
        background: #fff;
        width: 188px;
        height: 20px;
        padding: 0;
        margin: 0 0 10px 0;
        color: #697FBE;
        text-decoration: none;
        display: block;
        text-align: left;
        font: normal 15px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#vertdisp ul li a:hover
{
        color: #ccc;
        background: #697FBE;
}

#vertdisp a:active
{
        background: #4F6CBE;
        color: #fff;
}

#vertdisp li#active a
{
        background: #4F6CBE;
        border: 1px solid #4F6CBE;
        color: #fff;
}

/*BOOking*/
#tlg
{
	position: relative;
	top:50px;
	/*
	left: 100px;
	border: 1px solid #4F6CBE;*/

}

#cartab
{
	position: relative;
	top:0px;
	left:4px;

	/*border: 1px solid #4F6CBE;*/

}

#desp
{
	width:140px;
}

#des
{
	width:120px;
}
#cdes
{
	width:92px;
}


#btns
{
	width:80px;
}

/*
FOOTER
*/
div#footerbox{
        position: relative;
        margin-top:15px;
        /*left: 80px;*/
        width: 90%;
        height: 40px;
        min-height: 40px;
        /*border: 10px dotted #000;*/
}

.footer {
        margin-left: auto;
        margin-right: auto;
        left:0px;
        width: 760px;
        height: 40px;
        text-align: center;
        font-size: 10px;

}

.footerbg {
        width: auto;
        height: 40px;
        text-align: center;
}

.para {
	margin-right: 1em;
	width: 95%;
	height: 4em;}

.paracon {
	margin-right: 1em;
	width: 35%;
	height: 4em;}
	
.paracon2 {
	margin-right: 1em;
	width: 95%;
	height:2em;
	}
.paracon1 {
	margin-right: 1em;
	width: 95%;
	height:2em;
	}