<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Liquid Layout #3.1- (Fixed-Fluid-Fixed)</title>
<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.0em;
font-family: Verdana; font-size: 10pt;
}

em{color: red;}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 160px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 170px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

p {
font-family: Trebuchet MS;
font-size: 10pt;
margin-top: 0;
margin-bottom: 0;
}

.cell_pad {
padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 7px; 
text-align: left;
}

.cell_pad1 {
padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 7px; 
background-color: #006699;
}

.cell_pad2 {
padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-top: 5px; padding-bottom: 5px; 
background-color: #EAEAEA;
}

.cell_pad3 {
padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-top: 5px; padding-bottom: 5px; 
}

h1{
font-family: Tahoma Small Cap,Tahoma; 
color: #0000FF;
font-weight: normal,bold; 
font-size: 16pt;
}

h2 {
font-family: Trebuchet MS; font-weight: bold; color: #003366; font-size: 13pt; text-align: center;
margin-top: 0; margin-bottom: 0;
}

h3 {
font-family: Century Gothic,Trebuchet MS; font-weight: bold; font-size: 10pt; margin-top: 0; margin-bottom: 0;
text-align: center;
}

h3 a{ color: #0000FF; text-decoration: none;
}

h3 a:hover{
text-decoration: underline;
}

h4 {
font-family: Century Gothic,Trebuchet MS; font-weight: bold; color: #663300; font-size: 10pt; text-align: center;
margin-top: 0; margin-bottom: 0; }

h5 {
font-family: Century Gothic,Trebuchet MS; font-weight: bold; color: #800000;
font-size: 11pt; text-align: center; margin-top: 0; margin-bottom: 0; 
}

h6 {
font-family: Trebuchet MS; font-weight: bold; font-size: 12pt; text-align: center;
margin-top: 0; margin-bottom: 0; }

.linkedheader {
font-family: Century Gothic,Trebuchet MS; font-weight: bold; background-image: url(images/hoverblock.gif); 
font-size: 12pt; text-align: center; margin-top: 0; margin-bottom: 0;
}

.linkedheader a{
	color: #0033CC;
	text-decoration: none;
}

.linkedheader a:hover{
	display: block;
	background-color: #CCCCFF;
}

.linkedbar {
font-family: Century Gothic,Trebuchet MS; font-weight: bold; color: #FFFF99; background-image: url(images/bluebkg.gif); 
font-size: 12pt; text-align: center; margin-top: 0; margin-bottom: 0;
}

.linkedbar a{color: #FFFFFF;
	text-decoration: none;
}

.linkedbar a:hover{
	display: block;
	background-color: #6699FF;
}

.linkedcell {
	border: 1px solid #006699; font-family: Arial; font-size: 9pt; font-weight: bold; text-align: center; background-image: url(images/hoverblock.gif);
}

.linkedcell a{
	color: #0033CC;
	text-decoration: none;
}

.linkedcell a:hover{
	color: #685D16;
}

.linkedtext {
font-family: Century Gothic; font-weight: bold; text-align: center; color: #000000; font-size: 10pt; }

.linkedtext a{
	color: #0033CC;
	text-decoration: none;
}

.linkedtext a:hover{
	display: block;
	color: #FFFFFF;
	background-color: #0066CC;
}

.kitmenu{
font: bold 10pt "Arial", Verdana;
}

.kitmenu a{
text-decoration: none;
padding-right: 3px;
color: #1E3298;
}

.kitmenu a:hover{
text-decoration: underline;
color: green;
}

.marquee1 {font-family: Sylfaen,Lucida Calligraphy,Times New Roman; font-size: 9pt;
font-style: italic;
color: #800000;
}

.plaintext {font-family: Trebuchet MS; font-size: 10pt; }

.plaintext a{color: #0000FF; text-decoration: none; }

.plaintext a:hover{text-decoration: underline; }

.kit_header {font-family: Trebuchet MS; font-weight: bold; color: #003366; font-size: 11pt; }

.kit_header a{
	color: #312BAC;
	text-decoration: none;
}

.kit_header a:hover{
	text-decoration: underline;
	color: green;
}

.smalltext {font-family: Tahoma; font-size: 9pt; }

.smalltext a{color: #0000FF; text-decoration: none; }

.smalltext a:hover{text-decoration: underline; }

.sm_quote {font-family: Tahoma; font-size: 9pt; font-style: italic; }

.sm_quote a{text-decoration: none; }

.sm_quote a:hover{text-decoration: underline; }

.sm_quote a:visited{color: #0000FF; }

</style>

<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>



</head>
<body>
</body>
</html>