/* CSS Document */

/* Remove all margin and paddings */
* {
 border: 0;
   margin: 0;
   padding: 0;
}


html {
height: 100%;
margin-bottom: 1px;
}


body {
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;	
background: #FFFFFF;
height:100%;  
}


/* Remove all border for images */
a img, img {
    border: none;
}

a{
	color: #2e3192;
	text-decoration: none;
}

a:link{
	color: #2e3192;
	text-decoration: none;
}

a:visited{
	color: #2e3192;
	text-decoration: none;
}

a:hover{
	color: #7692d3;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 190%;
 font-weight:normal;
 color: #2e3192;
 margin: 0px;
 padding: 5px 0px 5px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 170%;
 font-weight: normal;
 color: #2e3192;
 padding: 5px 10px;
 float: left;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 140%;
 color: #2e3192;
 margin: 0px;
 padding-bottom: 8px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 120%;
 font-weight: strong;
 color: #2e3192;
 margin: 0px;
 padding-top: 0px;
 text-align:left;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #2e3192;
 margin: 0px;
 padding: 0px;
 font-weight: normal;
}

ul, li {
list-style: none;

}


#mainwrapper {
margin-left: 0px;
margin-top: 0px;
width: 900px;
float: left;
padding-bottom: 25px;
background: #ffffff;
}

#header {
float: left;
width: 880px;
height: 109px;
margin-bottom:0px;
padding: 0px 20px 0px 20px;
}

#footcontainer {
float: left;
margin-left: 0px;
width: 880px;
}


#footer {
float: right;
margin-left: 0px;
width: 900px;
height: 20px;
padding: 10px 0px 0px 20px;
}

#logo{
width: 99px;
height: 107px;
float:left;
}

#navcontainer {
width: 720px;
float: right;
}

#mainnav {
width: 720px;
height: 20px;
font-size: 70%;
float: right;
text-align: right;
}

#extras {
width: 350px;
height: 20px;
font-size: 70%;
float: left;
margin-left: 32px;
}

.tag {
font-size: 85%;
font-weight:normal;
float: right;
color: #2e3192; 
padding-right: 0px;
}

#copyright {
border-top: 1px solid #2e3192;
width: 870px;
font-size: 70%;
text-align:right;
margin-top: 5px;
margin-left: 50px;
padding-top:5px;
float: right;
}


#geninfo {
	float: right;
	width: 300px;
	padding-top: 10px;
}

.sideinfo {
	width: 300px;
	float: right;
	text-align:right;
	font-size: 70%;
	font-weight: bold;
	color: #2e3192;
	padding-top:20px;
	padding-bottom:30px;
	vertical-align: bottom;
}


#clock {
font-size: 100%;
color: #2e3192;
padding-left:50px;
font-weight: strong;
padding-top:5px;
}

#content {
width: 900px;
float: left;
padding-left: 20px;
border-top: 1px solid #2e3192;
border-bottom: 1px solid #2e3192;
}

#homeimg {
width: 900px;
padding-left: 20px;
}


#homeimgv {
width: 900px;
height: 475px;
padding-left: 20px;
border-top: 1px solid #2e3192;
border-bottom: 1px solid #2e3192;
float: left;
}

#pageimgv {
height: 459px;
width: 520px;
margin-top:4px;
float: left;
background: url(../images/v_img.jpg);
}

#pageimg {
width: 900px;
height: 260px;
margin-top:4px;
float: left;
}

#homecopy{
height: 470px;
width: 365px;
text-align: center;
float: right;
font-size: 75%;
line-height: 22px;
padding: 10px 0px 20px 10px;
}

#title_holder{
width: 880px;
margin-left:20px;
float: left;
border-bottom: 1px solid #2e3192;
}

#subnav {
width: 550px;
height: 20px;
font-size: 70%;
float: right;
text-align: right;
padding-top: 22px;
padding-right: 8px;
}

#copyindex {
width: 550px;
float: left;
margin-left: 20px;
font-size: 75%;
line-height: 20px;
padding: 10px 12px;
}

#copyindex ul{
padding-top: 0px;
padding-left:10px;
}

#copyindex li{
font-size: 95%;
padding-left:10px;
}

#copy {
width: 550px;
float: left;
margin-left: 20px;
font-size: 75%;
line-height: 20px;
padding: 10px 12px;
}

#contactinfobox {
width: 295px;
float: right;
margin-top: 8px;
font-size: 70%;
margin-bottom: 10px;
background-color:#CCCCCC;
}

#contactinfobox ul {
float: left;
display: block;
width: 240px;
}

#tlvlogobox {
width: 157px;
height: 78px;
background: url(../images/tlvlogo.gif) no-repeat;
float: left;
margin-right: 30px;
margin-left: 12px;
}

#tlplogobox {
width: 157px;
height: 78px;
background: url(../images/tlplogo.gif) no-repeat;
float: left;
margin-right: 30px;
margin-left: 12px;
}

#tmmlogobox {
width: 100px;
height: 110px;
background: url(../images/tmmlogo.jpg) no-repeat;
float: left;
margin-right: 30px;
margin-left: 12px;
}

#khlogobox {
width: 100px;
height: 116px;
background: url(../images/khlogo.jpg) no-repeat;
float: left;
margin-right: 30px;
margin-left: 12px;
}

#ltlogobox {
width: 110px;
height: 102px;
background: url(../images/ltlogo.jpg) no-repeat;
float: left;
margin-right: 30px;
}

#paxlogobox {
width: 110px;
height: 112px;
background: url(../images/paxlogo.jpg) no-repeat;
float: left;
margin-right: 30px;
}

.small {
font-size:85%;
} 

#popup {
width: 350px;
height: 475px;
float: left;
}

#popupimg {
width: 350px;
height: 233px;
float: left;
}

#popupcontent {
padding: 20px 20px 20px 15px;
float: left;
height: 125px;
font-size: 70%;
line-height: 14px;
}

#popupextra {
padding: 10px 10px 20px 15px;
border-top: 1px solid #2e3192;
width: 325px;
float: left;
line-height: 16px;
}

#popupextra ul{
float: left;
display: block;
width: 300px;
}

#popupextra li{
font-size: 70%;
}

/* splash page div */
#splash_wrap {
margin: 0 auto;
margin-top:0px;
width: 771px;
height: 566px;
background: url(../images/val_splash.jpg) no-repeat;
}

#lead {
width:500px;
float: right;
font-family: Arial,sans-serif;
font-size: 160%;
font-weight: bold;
color: #000000;
padding: 25px 10px 15px 15px;
}

#legend {
width:480px;
float: right;
font-family: Arial,sans-serif;
font-size: 160%;
font-weight: normal;
color: #FFFFFF;
padding: 10px 30px 10px 15px;
text-align:right;
}

#splash_copy {
width:330px;
float: right;
font-family: Arial,sans-serif;
font-size: 85%;
font-weight: normal;
color: #FFFFFF;
padding: 10px 15px 10px 10px;
}

#enter {
width:150px;
height: 30px;
float: left;
margin-top:20px;
font-family: Arial,sans-serif;
font-size: 125%;
font-weight: normal;
color: #FFFFFF;
background: url(../images/arrow.png) no-repeat;
}