#container {
padding-top: 10px ;
margin-left: auto ;
margin-right: auto ;
width:900px;
}
body {
background-color:#ffffff;
line-height:1.2;
}
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
line-height:1.2;
margin-top: .5em;
margin-bottom: .1em;
}
p{
font-weight:bold;
line-height:1.2;
margin-top: .1em;
margin-bottom: .1em;
}
#pan{
margin-left:auto;
margin-right:auto;
background-image:url(https://www.prgilkes.com/css/petergilkes.png);
height:550px;
width:900px;
background-position:top center;
background-repeat:no-repeat;
border-collapse:collapse;
padding-top:75px;
padding-left:15px;
padding-right:15px;
}
#col1 {
float:left;
width:36%;
height:480px;

overflow:auto;
}
#marcol1 {
margin-top:8px;
margin-bottom:2px;
margin-left:7px;
margin-right:5px;
}
#col2 {
float:left;
width:64%;
height:480px;

overflow:auto;
}
#marcol2 {
margin-top:5px;
margin-bottom:2px;
margin-left:10px;
margin-right:15px;
}
#whiteback {
float:left;
width:550px;
height:400px;
background-image:url(https://www.prgilkes.com/css/whiteback.png);
background-position:top center;
background-repeat:no-repeat;
overflow:auto;
}
#marwb {
margin-top:8px;
margin-bottom:2px;
margin-left:10px;
margin-right:5px;
}
#blueback {
float:left;
width:300px;
height:450px;
background-image:url(https://www.prgilkes.com/css/darkbluerc.png);
background-position:top center;
background-repeat:no-repeat;
overflow:auto;
}
#marbb {
margin-top:8px;
margin-bottom:2px;
margin-left:10px;
margin-right:5px;
}
.wf{
font-family:verdana;
font-size:12px;
font-weight:normal;
color:white;
text-align:left;
}
.wfl{
font-family:verdana;
font-size:15px;
font-weight:normal;
color:white;
text-align:left;
}
.nf{
font-family:verdana;
font-size:14px;
font-weight:bold;
color:navy;
text-align:left;
}
.bf{
font-family:verdana;
font-size:13px;
font-weight:normal;
color:black;
text-align:left;
}
.bfs{
font-family:verdana;
font-size:11px;
font-weight:normal;
color:black;
text-align:left;
}
.brf{
font-family:arial;
font-size:12px;
font-weight:normal;
color:brown;
text-align:left;
}
.sb{
font-family:arial;
font-size:10px;
font-weight:normal;
color:brown;
text-align:left;
margin-left:5px;
margin-top:5px;
}
.brownl{
font-family:arial;
font-size:16px;
font-weight:normal;
color:brown;
text-align:left;
}
.browns{
font-family:arial;
font-size:13px;
font-weight:normal;
color:brown;
text-align:left;
}
a.nav:link {color: #000; text-decoration: underline;font-size:12;font-family:verdana; }
a.nav:visited {color: #000; text-decoration: underline; }
a.nav:hover {color: green; text-decoration: none;font-size:12;font-family:verdana;font-weight:normal; }
a.nav:active {color: #000; text-decoration: underline;}
a.lo:link {color: white; text-decoration: underline;font-size:`16;font-family:verdana; }
a.lo:visited {color: white; text-decoration: underline; }
a.lo:hover {color: #00ff00; text-decoration: none;font-size:`16;font-family:verdana; }
a.lo:active {color: white; text-decoration: underline;}
#
.cpsubmit {
font-family:Arial,Verdana,Tahoma;
padding:4px 8px 4px 8px;
font-size:13px;
font-weight:bold;
cursor:pointer;
background:#585232;
color:#fff;
border:1px solid #908E5B;
}
.cpsubmit:hover {
background:#908E5B;
border:1px solid #585232;
}
.cpsubmit:active {
background:#908E5B;
border:1px solid #585232;
}
#input {
    text-align:left;
    font-family:arial;
    background-color:#f5f5dc;
    color:#000000;
    font-weight:normal;
    font-size:12px;
    line-height:1em;
}
#input:focus
{
    background-color:#dae2e4;
    color:green;
}
#inputtext {
    color:#52391A;
    font-weight:bold;
    line-height:1;
}
#textarea {
    font-family:verdana;
    background-color:#f1d19d;
    color:#000000;
    font-weight:normal;
    font-size:12px;
}
#textarea:focus {
    background-color:#f1d19d;
    color:#000000;
    font-weight:bold;
}
.urbangreymenu{
width: 280px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: navy url(bluedown.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px verdana;
color: black;
background: #ffffff;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}