﻿@import url("layout.css");
body { font-family: Arial, Helvetica, sans-serif; font-size: small; background: #FFFFFF url('../images/webbkgd2.jpg') no-repeat fixed center top; padding-top: 10px;}

#container { background-color: #E3E8E1; border: 1px #000000 solid }

#masthead { text-align: left; background-color: #FFFFFF; background-repeat: no-repeat; }

#navigation { background-image: url('../images/vphdr001gbb.jpg'); 
height: 29px; background-repeat: no-repeat; }
html>body #navigation { overflow: hidden; }

#navigation1 { background-image: url('../images/vphdr001gbb.jpg'); 
height: 29px; background-repeat: no-repeat; }
html>body #navigation1 { overflow: hidden; }

#column_l { width: 255px; padding-top:270px; padding-left: 15px; background-image: url('../images/vphdr001gc.jpg'); 
background-repeat: no-repeat; }
html>body #column_l { width: 255px; padding-top: 270px; background-color: #E3E8E1; }

#column_r {	width: 350px; padding: 10px 10px; background-color: #E3E8E1; }
html>body #column_r { width: 350px; padding: 10px 10px; background-color: #E3E8E1; }

#column_rr { width: 180px; padding: 10px 10px; background-color: #E3E8E1; }
html>body #column_rr { width: 180px; padding: 10px 10px; background-color: #E3E8E1; }

#content { background-color: #E3E8E1; }

#footer { text-align: center; padding-bottom: 15px; }
html>body #footer {	text-align: center; padding-bottom: 15px; }

/* Masthead */
#masthead h1 { font-weight: bold; font-style: italic; color: #fff; margin-bottom: 0; margin-left: 0.5em; }
#masthead h3 { font-weight: bold; font-style: italic; color: #fff; margin-top: 0; margin-left: 1em; }

/* Navigation */
#navigation ul { list-style-type: none; margin: 0; padding-top: 5px; }
#navigation li { float: right; height: 21px; }
#navigation a { font-weight: bold; text-decoration: none; color: #FFFFFF; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; }
#navigation a:hover { font-weight: bold; text-decoration: none; color: #B3BFD9; }

#navigation1 ul { list-style-type: none; margin: 0; padding-top: 5px; }
#navigation1 li { float: right; height: 21px; }
#navigation1 a { font-weight: bold; text-decoration: none; color: #FFFFFF; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; }
#navigation1 a:hover { font-weight: bold; text-decoration: none; color: #B3BFD9; }

/*#navigation1 ul { list-style-type: none; margin: 0; padding: 0; }
#navigation1 li { float: left; height: 21px; }
#navigation1 a { font-weight: bold; text-decoration: none; color: #FF0000; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; }
#navigation1 a:hover { font-weight: bold; text-decoration: none; color: #006600 }*/

/* Site typography */
h1 { font-size: xx-large; color: #000; }
h2 { font-size: x-large; font-family: Arial, Helvetica, sans-serif; color: #009999; border-bottom: 2px #FF0000 solid; }
h3 { font-size: x-large; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin-bottom: 0px; padding: 10px; }
h4 { font-size: large; font-family: Arial, Helvetica, sans-serif; color: #414669; margin-bottom: 0px; padding: 10px; }
h5 { font-size: large; color: #5470A9 }

#column_r .text { overflow: auto; height: 350px; padding: 10px 0px 0px 0px; width:350px; margin-top: 10px; }

/* Footer */
#footer p {font-size: x-small; font-family: Arial, Helvetica, sans-serif; padding: 20px; color: #FF0000; }

/* Links */
*/
a { color: #0000CC; text-decoration: none; }
a:hover { color: #006600; text-decoration: none; }
