/*   vertical-align:middle;  

Link, Visited, Hover, Active

body { background: #bdbfbe; color: black; margin: 0; padding: 0; }  


<div id="bug">
#bug { position:absolute; left:100px; top:55px; }  

*/

body {  background-image:url('pat04.jpg');  behavior:url("csshover3.htc");
  color: black; margin: 0; padding: 0; } 

#container 	{ width: 900px; margin: 0px auto; background: #d8d3cc;  border-left: 10px solid silver; border-right: 10px solid silver;  height: auto; padding: 0px;}

#content {  float:right;  width:68%; margin: 0px auto;  padding-top: 15px; padding-right: 10px; border: 0px solid #FFFF33;   }

p { font: 90% arial, helvetica, sans-serif;  color: #000080; margin: 0 auto 1em; padding: 0;  background-color: transparent; }

#bug { position:absolute; left:30px; top:85px; }  

ul { padding: 6px 6px 6px 0px;  margin-left: 0;  font: 90% arial, helvetica, sans-serif; color: #000080;  background-color: transparent; border: 0px solid green;} 

li { margin-left: 14px;  padding: 6px;  font: 94% arial, helvetica, sans-serif; color: #000080; background-color: transparent; border: 0px solid red; } 

h1 {  font: 100% arial, helvetica, sans-serif; font-weight: bold; color:#000080;  padding-top: 4px; padding-bottom: 6px;	margin-bottom: 6px;	 background-color: transparent;   }
h2 {  font: 95% rockwell, georgia, "times new roman", serif; color:#CC3300;  font-style: italic; padding-top: 0px; padding-bottom: 6px;	margin-top: 0px; margin-bottom: 6px;	 background-color: transparent;   }
h3 {  font: 1em  "times new roman", serif; font-weight: bold;  margin: 0px; padding: 0px 10px 10px 0px;  color:#000080;    background-color: transparent;   }
h4 	{ font: 125%  rockwell, georgia, "times new roman", serif; font-weight: bold; margin: 0px; padding: 0px 10px 20px 0px; color:#000080; letter-spacing: 1px;  background-color: transparent;  border: 0px solid red;}
 h5 {  font: 130% arial, helvetica, sans-serif; font-weight: bold; color:#000080;  padding-top: 4px; padding-bottom: 6px;	margin-bottom: 6px;	 background-color: transparent;   }

img { border-color: #464646; }

div#header { padding: 10px 10px 0px 20px;  margin-bottom: auto;  border: 0px solid #00CC33; }

#header h1 { font: 40px  rockwell, georgia, "times new roman", serif; font-weight: bold; color:#112a69; position: relative; top: -38px; left: 20px;  padding-bottom: 0px; margin: -10px; border: 0px solid #00CC33; }
#header h2  {  font: 110%  "times new roman", serif; color:#6B676C;  font-weight: bold; background-color: transparent;  top: -50px;  padding-top: 10px;  margin-left: 50px; border: 0px solid #00CC33; }
#header h3 {  font: 95%   "times new roman", serif; font-style: italic;  color: #6B676C;   position: relative; top: -30px; left: 337px;  background-color: transparent;   }

	
#footer { clear: both; color:#BDBFBE;  margin: 0 0 0 10px;  border: 0px solid #9900CC; padding: 10px 10px  15px; }
#footer p { font: .8em  arial, helvetica, sans-serif; color:#6B676C;   margin-left: auto; margin-right: auto; margin-bottom: 4px; text-align: center; background-color:transparent; border: 0px solid red; }


#sidebar {  float:left;   clear: left;  width: 25%;  margin: 15px 5px 0px  10px;  font: 90% arial, helvetica, sans-serif;  color:#000080; 	 padding: 15px 10px 0px 10px;  background-color: #cbc6c2;    }

#sidebar h1 { font: 1.1em  arial, helvetica, sans-serif;  font-weight: bold;  margin-top: -0.5em; margin-bottom: 1em; padding: 0px; border: 0px solid #757575;  }
#sidebar p { margin-top: 1em; margin-bottom: 1em; padding: 5px; border: 1px solid #757575;  }
#sidebar a { color: #9a0501; }
#sidebar a:hover { 	color:#db0100; text-decoration: none; }

p a:link, a:active 	{ font-weight:bold; color:#c80201; text-decoration: none;}
p a:visited { font-weight:bold; color:#b9121b; text-decoration: none;}
p a:hover 	{ font-weight:bold; color:#db0100; text-decoration: none;}
p a:active 	{ font-weight:bold; color:#c80201; text-decoration: none;}


ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal .9em verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:1em; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:1em; color:#ffffff; }



a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}

/* 
Create the bottom navigation - to include the navigation in the <div id="footer"> section of the page, I use div#footer and code each link accordingly. To make the list go horizontally I use: display: inline; 
http://www.isitebuild.com/css/css-layout.html
*/

div#footer ul li{
color : #000000;
background-color : transparent;
display: inline;
}

div#footer ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
}

div#footer ul li a:hover{
text-decoration : underline;
}