/* style.css - Omnifica */
 
 	
.body { 
background: #000000;
background-image: none ;
font-family:comic sans ms, cursive, Arial,verdana,sans-serif; 
font-size: 18px; font-style:normal; line-height: normal; font-weight: normal; 
font-variant: normal; color:#33cc99;
margin:10px; 
padding:10px; 
}
.whitebackground { 
background: #ffffff;
background-image: none ;
font-family:comic sans ms, cursive, Arial,verdana,sans-serif; 
font-size: 18px; font-style:normal; line-height: normal; font-weight: normal; 
font-variant: normal; color:#33cc99;
margin:10px; 
padding:10px; 
}
/*  DIV STUFF   */
#container {height: 100%;
background: #000000; 
color:#33cc99;
margin: 0;
padding: 0;
}

div.header {
  position : absolute;
  left : 0;
  background:#000000;  
  color : #33cc99;
  padding : 3px;
  width: 100%;
  height: 100px;
}


#leftnavigation {
  left : 0;
  width : 20%;  
  margin-left : 0px;
  margin-top :  0;
  margin-bottom : 0;
  background: #330033;  
 
  height: 100%;
  padding-top :  0px;
  padding-left : 0px;
  padding-bottom: 0; 
  float: left ;
}

#backimage {background-image: 
url("C:\Users\Adrienne\Documents\OMNIFICA\images\leftgradient.jpg");
 
   height: 100%; width:200px; 
  padding-top :   0px;
  padding-left :  0px;
  padding-bottom: 20; 
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
background-repeat: repeat-y; 

}
<!-- this is the text on the left nav bar on top of the gradient image -->
#leftnavtext { 
 color : #000000;
padding-top :   0px;
  padding-left :  0px;
  padding-bottom: 20; 
  margin-left: 30px;
margin-right: 30px;
  margin-top: 50px;
  margin-bottom: 20px;
}

#content {
  background:#000000;
  color:#33cc99;
 margin-left : 350px;
  padding-left:  0px;
  padding-top:  22px; 
  top : 5px; 
  width: 80%  
  float: right; 
  padding-bottom: 0; 

} 

#footer
{
font-family: comic sans ms, cursive,"arial black","verdana, sans-serif"; 
font-size: 8px;  
line-height: normal;  
font-variant: normal; 
   background:#000000;
   color:#33cc99;
   position:absolute;
   bottom:0;
   left:0;
   height: 200px;
   z-index: 100;
   width: 100%; 
   clear: both;
}
 
.floatcenter {margin-left : 175px; }

#navbar {font-family: comic sans ms, cursive,"arial black","verdana, sans-serif"; font-size: 16px;  line-height: normal;  
font-variant: normal; color:#ffffff;}

.header1 {font-family: comic sans ms, cursive, sans-serif; font-size: 24px;  line-height: normal; 
font-variant: normal; color:#ff6699;}

.header2 {font-family: comic sans ms, cursive, sans-serif; font-size: 30px; line-height: normal; 
font-variant: normal; color:#ff6699;}
 
.header2red {font-family: impact, sans-serif; font-size: 30px; line-height: normal; 
font-variant: normal; color:#cc0000;} 

.greentext {font-family: comic sans ms, cursive, sans-serif; font-size: 26px; line-height: normal; 
font-variant: normal; color:#66cc00;} 

.turqtext {font-family: comic sans ms, cursive, sans-serif; font-size: 28px; line-height: normal; 
font-variant: normal; color:#33cc99;} 


.header3 {font-family: comic sans ms, cursive, sans-serif; font-size: 20px; line-height: normal; 
font-variant: normal; color:#ff6699;} 

a:link {text-decoration: underline; color:#000099;}
a:visited {text-decoration: underline; color:#cc0066;}
a:active {text-decoration: underline; color:#cc3333;}
a:hover {text-decoration: underline; color:#ff3399;}

hr {
    height:5px;
    width:100%;
    background:#009966;
    color:  009966;
    margin: 0px  0px 0px  0px;  
   }
 
img-border
{  border-style: solid; border-color: #f66666;
	border-width:10px;
}
ul  {list-style-type: square;
      color: 9933ff;
   }