BODY { margin:0; padding:0; background:Gainsboro; 
width:100%; height:auto; margin-left:-2px; 
}



/* POSITIONS & SIZES */

UL { BACKGROUND: Gainsboro; font-style:none; 
BORDER-STYLE:none; cursor:default; 
list-style:none; 
height:2000px; 
border:5px solid SaddleBrown; 
position:relative; width:1024px; 
margin-top:1px; margin-bottom:-25px; 
margin-left:auto; margin-right:auto; 
}


UL LI { position:absolute; top:90px; left:18px; 
width:335px; COLOR:#5C4033; list-style:none; 
MARGIN: 0; HEIGHT:AUTO; background:LAVENDER; cursor:default; 
font-size:20px; TEXT-ALIGN:LEFT; 
z-index:0; 
} 


.COL2 { left:365px }
.COL3 { left:712px }



LI p { font-weight:normal; 
font-size:17px; 
padding: 0px 15px 0px 12px; 
}


H2 { position:absolute; width:100%; 
color:#404040; margin:0; 
text-decoration:none; top:10px; left:0; margin-bottom:0px; font-size:24px; line-height:1.3; text-align:center }


.H3 { text-align:center; font-size:19px; 
margin-bottom:20px; margin:top:-10x; 
text-indent:-10px; line-height:1.3; padding:0; padding-top:-10px; font-weight:800; }

.H4 { text-align:left; font-size:18px; 
margin:0; margin-bottom:-2px; font-weight:700; line-height:1.3; }

.H5 { text-align:left; font-size:17px; 
margin:0; margin-bottom:-2px; font-weight:700; }

.H6 { text-align:left; font-size:17px; 
margin:0; margin-bottom:-2px; font-weight:700; }



a { text-decoration:none; target-new:tab; color:indigo }
a:link { color:indigo }

a:hover { color:blue }
a:active { color:darkblue }

p a { text-decoration:none } 



.bullets { BACKGROUND: LAVENDER; border:none; list-style:default; margin:0; padding:0; display:inline; top:0px; left:0PX; width:300px; 
height:auto; font-style:none; text-align:left; 
} 

.bullets LI { position:relative; 
top:0; left:0; margin:0; padding:0; 
list-style-type:disc; font-weight:300; 
font-size:17px; height:auto; 
list-position:inside; width:260px; 
margin:20px 20px -5px 30px; 
padding-left:5px; 
}


.bullets-smaller { BACKGROUND: LAVENDER; border:none; list-style:default; margin:0; padding:0; display:inline; top:0px; left:0PX; width:300px; 
height:auto; font-style:none; text-align:left; 
} 

.bullets-smaller LI { position:relative; 
top:0; left:0; margin:0; padding:0; 
list-style-type:disc; font-weight:300; 
font-size:16px; height:auto; 
list-position:inside; width:260px; 
margin:10px 20px -5px 30px; 
padding-left:5px; list-style-type:square;
}



a.arguments { display:block; margin:0; margin-bottom:20px; COLOR:#5C4033; cursor:pointer; cursor:hand; BACKGROUND:beige; font-style:none; 
MARGIN-LEFT:20PX; margin-bottom:20px; 
width:260px; height:60px; 
transform: skew(-20deg) }

a.arguments p { LINE-HEIGHT:1.2; margin:0; 
font-size:18px; text-align:center; 
padding:0; transform: skew(20deg); 
font-weight:bold; 
padding:AUTO; padding-top:8px; 
text-indent:0 }

a.arguments:hover { background:yellow }


a.homepage { display:block; position:absolute; top:2px; right:28px; 
margin:0; background:tan; 
height:40px; width:140px; 
cursor:pointer; cursor:hand; BACKGROUND:beige; font-style:none; 
transform: skew(-20deg) }

a.homepage p { LINE-HEIGHT:1.1; margin:0; 
font-size:15px; text-align:center; 
transform: skew(20deg); margin-left:-8px; 
font-weight:bold; color:sienna; 
padding:auto; padding-top:3px; 
}

a.homepage:hover { background:yellow }



/*  HOVER TEXT  */

H9 { text-align:left; font-size:18px; 
font-weight:700; display:block; 
width:315px; margin:0; 
background:thistle; cursor:pointer; 
color:darkblue; margin-left:10px; 
margin-bottom:-2px; padding-top:2px; }

H9 ul { display:none; }
H9 li { display:none; }

H9:hover ul { margin-top:-12px; 
margin-left:10px; }

H9:hover li { display:block; width:290px; 
font-size:17px; 
background:LAVENDER; color:brown; 
text-align:left; z-index:2000; 
margin-left:10px; margin-top:18px; 
line-height:1.3; }


H9:hover p { margin:0; margin-bottom:5px }


/* 

here is example of the needed inline code to make a hover

<H9 style="text-align:center">
Details about the very excessive 
<BR>nuclear-strike force of the U.S.

		
<ul class="bullets" style="z-index:2000">
<li>

<P><B>Air:</B><BR>

then after all the text, add in </li></ul>
</h9>  to end the hover

*/


.italic-center [ text-align:center; line-height:1; }



.link { margin:0; padding:0; padding-top:50px; width:100%; background:lavenderblush; }

.link a { text-align:left; margin:auto; 
transform:skew(-20deg); 
display:block; width:220px; height:68px; 
background:beige; border-style:solid; 
border-color:tan; padding:5px; font-size:17px; 
text-decoration:none; cursor:hand; cursor:pointer; }

.link a p { transform:skew(20deg); margin:0; 
padding-top:1px; padding-right:2px; color:indigo; 
text-indent:0; text-align:center; 
line-height:1.2; } 

.link p a { text-decoration:none }