body {
text-align:center;
color:#fcc65b;
background-color:navy;
font-size:10pt;
font-variant:normal;
font-weight:normal;
font-size:100%;
font-family:verdana,arial, hevetica, sans-serif;
margin:0;
padding:0;
}

a:link {
color:red;
}

a:visited {
color:#FFF;
}

a:hover {
color:#9FF;
}

a:active {
color:#navy;
}

h1,h2,h3,h4,h5,h6 {
font-family:verdana, Arial, sans-serif;
}

p {
font-size:10pt;
font-weight:normal;
font-family:verdana, Ariel, sans-serif;
color:#fcc65b;
}

H1 {
font-family:verdana, Arial, sans-serif;
color:red;
font-size:22pt;
font-weight:400;
}

H2 {
font-family:verdana, Arial, sans-serif;
font-style:italic;
font-size:14pt;
font-weight:500;
color:#f8b430;
letter-spacing:0.1em;
}

H3 {
font-size:12pt;
font-weight:700;
font-style:italic;
font-family:verdana, Arial, sans-serif;
color:#f8b430;
}

H4 {
font-size:12pt;
font-weight:700;
font-family:verdana, Arial, sans-serif;
color:#f8b430;
}

.T {
font-size:12pt;
color:#f8b430;
font-weight:700;
font-style:italic;
font-family:verdana, Arial, sans-serif;
letter-spacing:0.1em;
}

.H1 {
position:absolute;
left:150px;
top:250px;

}

.W1 {
position:absolute;
left:100px;
top:250px;
}

.kbd {
position:absolute;
left:0;
top:0;
}

.logo {
position:absolute;
left:130px;
top:25px;
z-index:35;
}

.Xbook {
position:absolute;
left:5px;
top:420px;
z-index:40;
}

.XLbook {
position:absolute;
left:585px;
top:80px;
z-index:10;
}

#Box {
position:absolute;
left:0;
top:0;
width:100%;
height:339px;
overflow: visible;     /*hidden; */

}

#Container {
position:relative;
left:0;
top:340px;
width:100%;
z-index:20;
xborder:solid yellow 1px;


}

#Column1 {
position:relative;
left:144px;
width:80%;
}

#Column2 {
position:relative;
left:0px;
float:left;
top:0px;
xborder:solid white 1px;
height:600px;
}


#Vids {
position:absolute;
right:85px;
top:40px;
z-index:10;
}


#New {
position:absolute;
right:190px;
top:10px;
z-index:10;
}


#Vidstext{
position:absolute;
right:82px;
top:200px;
z-index:12;
color:#fcc65b;
}


#Vidsbox{
position:absolute;

top:300px;
left:200px;
color:#fcc65b;
xborder:solid red 1px;
}




p.lid {
color:navy;
}

.lid {
margin-bottom:1px;
margin-top:1px;
}

.lid a {
color:navy;
text-decoration:none;
width:90%;
display:block;
background-color:#ccc;
border-top:2px #cce3ff solid;
border-left:2px #cce3ff solid;
border-bottom:2px #31557f solid;
border-right:2px #31557f solid;
padding:0 0 0 5px;
}

.lid a:hover {
color:red;
background:#ccc;
border-top:2px #31557f solid;
border-left:2px #31557f solid;
border-bottom:2px #cce3ff solid;
border-right:2px #cce3ff solid;
}

div.nav {
width:150px;
height:230px;
position:relative;
background-color:transparent;
color:#000;
margin-left:1px;
margin-right:1px;
line-height:24px;
padding:10px 0;
}