<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>

</head>

  <title>columnar style css file</title>
<meta http-equiv="content-style-type" content="text/css".  
<style type="text/css">
 
  
body 
.center
{text-align=center}
.left
{text-align=left}

#container
{
font-family:"Comic Sans MS", cursive, sans-serif;
width: 100%;
margin: 0px auto;
border-left:5% ;
border-right:5% ;

line-height: 150%;


}

#header
{
background-color:#FFFFFF;
padding:0;
border-top:5px;
border-top-style: solid;
border-top-color:#FFFFFF ;

margin-left: 0;
margin-right: 0px;
}

H1
{
padding: 0;
margin: 0;

font-weight:bold;

color="#9933FF";
font-family:"Comic Sans MS", cursive, sans-serif;
text-align:center;
}



H2
{
 color="#FF66CC";
text-align:center;
font-weight:bold;
font-family:"Comic Sans MS", cursive, sans-serif;
font-size:1.em;
}
#headerhorizmenu
ul
{
margin-left: 50px;
margin-right: 0px;
font-family:"Comic Sans MS", cursive, sans-serif;
float:left;
width:100%;
padding:0;

list-style-type:none;
}
a:link.headermenu
{
float:left;
width:8em;
height:2.5em;
text-decoration:none;
color:FFFFFF;
background-color:#CC99FF;
padding:0;
border:2px solid pink;
}


a:visited.headermenu

{
color:#FFFFFF;
background-color:#CC99FF;
width:8em;
text-align:left;
padding:0;
text-decoration:none;
border:2px solid pink;
}

a:hover.headermenu 
{
background-color:#CC99FF;
color:#9933FF;
}


a:active.headermenu

{
color:#FFFFFF;
background-color:#CC99FF;
width:8em;
text-align:left;
padding:0;
text-decoration:none;
border:2px solid pink;
}


li {display:inline}

#leftmenu
ul
{
font-family:"Comic Sans MS", cursive, sans-serif;
float: left;
width:10em;
height:3.5em;
list-style-type:none;

margin:0;
padding:3px;
color:#FFFFFF;
background-color:#9933FF;

}
a:link.leftmenu
{
display:block;

color:#FF66FF;
background-color:#FFFFFF;
width:10em;
text-align:left;
padding:3px;
text-decoration:none;
border:1px solid pink;
}
a:visited.leftmenu

{
display:block;

color:#FF66FF;
background-color:#FFFFFF;
width:10em;
text-align:left;
padding:3px;
text-decoration:none;
border:1px solid pink;
}

a:hover.leftmenu
{
background-color:#CCCCCC;
color:FF66FF;

}
a:active.leftmenu
{
background-color:#FFFFFF;
color:FF66FF;

}






#rightmenu
ul
{
font-family:"Comic Sans MS", cursive, sans-serif;
float: right;
width:10em;
height:3.5em;
list-style-type:none;

margin:0;
padding:4px;
color:#FFFFFF;
background-color:#9933FF;

}
a:link.rightmenu
{
display:block;

color:#FF66FF;
background-color:#FFFFFF;
width:10em;
text-align:left;
padding:4px;
text-decoration:none;
border:1px solid gray;
}
a:visited.rightmenu

{
display:block;

color:#FF66FF;
background-color:#FFFFFF;
width:10em;
text-align:left;
padding:4px;
text-decoration:none;
border:1px solid gray;
}

a:hover.rightmenu
{
background-color:#CCCCCC;
color:FF66FF;

}
a:active.rightmenu
{
background-color:#FFFFFF;
color:FF66FF;

}





#content
{
font-family:"Comic Sans MS", cursive, sans-serif;
margin-left: 0;
margin-right: 0;
color:#000000;
padding: .75em;
width:100%;
 font-weight: 100;  
 font-size: 90%; 
}

img.floatleft { 
    float: left; 
    margin: 4px; 
}
img.floatright { 
    float: right; 
    margin: 4px; 
}
   
a.link
{
font-color:#9933FF;
background-color:#FFFFFF;
text-decoration:none;
}
a.visited
{
font-color:#9933FF;
background-color:#FFFFFF;
text-decoration:none;
}
a.hover
{
font-color:#9933FF;
background-color:#CCCCCC;
text-decoration:none;
}
a.active
{
font-color:#9933FF;
background-color:#FFFFFF;
text-decoration:none;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;

float: bottom;
font-family:"Comic Sans MS", cursive, sans-serif;
 
font-size:0.95em;
text-align:center;
}

#footerhorizmenu

ul
{
font-size:0.95em;
float:center;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a:link.footermenu
{
float:center;
width:6em;
height:1em;
text-decoration:none;
color:FFFFFF;
background-color:#CC99FF;
padding:0.2em 0.6em;
border:2px solid pink;
}

a:visited.footermenu

{
color:FFFFFF;
background-color:#CC99FF;
border:2px solid pink;
}


a:hover.footermenu 
{background-color:#CC99FF;
color:#9933FF;
border:2px solid pink;
}

a:active.footermenu
{
color:FFFFFF;
background-color:#CC99FF;
border:2px solid pink;
}

li {display:inline}



#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


