body {
   margin: 0;
   padding: 0;
   background-color: #44404F;
   background-image: url('images/VF_pattern107.jpg');
}

#container {
   margin: 0 auto;
   padding: 0;
   width: 700px; 
   text-align: justify;
   background-color: transparent; 
   font: normal 85% verdana, sans-serif;
   color: #221E2A; 
}


#header {
   width: 700px; 
   margin: 0; 
   padding: 0;
   text-align: center;
}


#content {
   text-align: left;
   width: 480px; 
   margin: 0 auto; 
   padding: 10px;
}


#footer {
   margin: 10px 0 0 0;
   padding: 5px; 
   background-color: transparent;
   font: normal 90% tahoma, geneva, sans-serif;
   background-image: url('images/bottom.jpg');
   background-repeat: no-repeat;
   background-position: center bottom;
}


#navigation {
   background: transparent;
   font: bold italic 120% trebuchet ms, sans-serif;
   margin: 10px;
   padding: 0;
   line-height: 45px;
   text-align: center;
   list-style: none;
}

#navigation ul, #navigation li {
   padding: 0;
   display: inline;
   list-style: none;
}

#navigation a:link, #navigation a:visited
{
   line-height: 25px;
   margin: 0 10px 0px 10px;
   text-decoration: none;
   color: #755262;
}

#navigation a:link#current, #navigation a:visited#current, #navigation a:hover
{
   color: #bf8292;
   text-decoration: overline underline;
}


.main {
   background-color: transparent;
   margin: 0;
   padding: 5px;
}


a:link {
   font-family: georgia, serif;
   font-weight: bold;
   text-decoration: none;
   color: #755262;
}


a:visited {
   font-family: georgia, serif;
   font-weight: bold;
   text-decoration: line-through;
   color: #bf8292;
}

a:hover {
   color:#bf8292;
   text-decoration: overline underline;
   cursor: crosshair;
}

img {
   border:0px;
}

img.left {
   float: left;
   margin: 0 15px 0 0;
}

img.right {
   float: right;
   margin: 0 0 0 15px;
}


.center{
   text-align: center;
}

pre {
   height:auto;
   overflow:auto;
}


h1 {
   font: bold 130% "trebuchet ms", helvetica, sans-serif;
   letter-spacing: 0px;
   background-image: url('images/h.jpg');
   text-align: center;
   text-transform: uppercase;
   color: #59a1a8;
}

h2 {
   font: bold 100% georgia, serif;
   color:#835B87;
   padding: 2px;
}


b,strong {
   color: #59a1a8;
}

em, i {
   color: #755262;
   font-family: georgia, serif;
}

ins, u {
   color: #59a1a8;
   border-bottom: 1px dotted #999999;
   text-decoration:none;
}

ul {
   margin-left:5px;
   line-height: 15px;
}

code {
   font-family: Georgia;
   color: #404040;
}


code.wrap {
   display: block;
   background: #e3e3e3;
   border: 1px dotted #202020;
   color: #202020;
   padding: 8px;
}


.alignleft {
   float: left;
   text-align: left;
   width: auto;
}

.alignright {
   float: right;
   text-align: right;
   width: auto;
}


blockquote{
   display:block;
   background:#ebe3eb;
   color: #444;
   padding: 15px;
   border: 1px dotted  #400b1b;
}


input, textarea {
   font:normal 95% tahoma;
   background-color: #ebe3eb;
   padding:5px;
   border: 1px dotted #400b1b;
}
