body { background-color:#ECE1CF; font-family: Arial, Helvetica, sans-serif; margin:auto; }

#left { position:absolute; top:0; left:0; width:17%; height:200%; border:0 solid black; background-image:url(images/SidePanelBgL.jpg); background-repeat:repeat-y; }

#middle { margin:auto; width:64%; padding:4% 0 0 0; border:0 solid black; background-color:#ECE1CF; }

#menuwrap { margin:auto; margin-top:0; padding:4px 0 4px 0; font-size:.8em; font-weight:bold; border:0 solid black; }
.menuoff { margin-right:4px; color:black; }
.menuon a:link { margin-right:4px; color:blue; text-decoration:none; }
.menuon a:visited { margin-right:4px; color:blue; text-decoration:none; }
.menuon a:hover { margin-right:4px; color:red; text-decoration:none; }

.hrule { background-color:#000000; width:100%; height:1px; }

#navwrap { font-size:.8em; font-weight:bold; border:0 solid red; }

.idle { color:black; border:0 solid red; }
#navleft {padding-left:0; }
#navright { float:right; position:relative; top:-1.1em; }
a.nav { color:black; text-decoration: none; padding-left:4px; }
a.nav:link  { color:blue; }
a.nav:visited { color:blue; }
a.nav:hover { color:red; }

#PortfolioGrphc { clear:right; width:100%; height:150px; background-color:black; margin-top:16px; border:0 solid red; }
.linkhead {font-size:.8em; font-weight:bold; color:#000000; }
.sites { font-size:.8em; }

/* Footer */
#footerwrap { border-top:1px solid #000000; border-bottom:1px solid #000000; margin:20px 0 3px 0; }
.footer { text-align:center; font-size:60%; color:#000000; margin-top:3px; margin-bottom:3px; }

#right { position:absolute; top:0px; right:0px; width:17%; height:200%; border:0px solid black; }

#instruct { clear:right; font-size:0.5em; color:black; font-weight:bold; text-align:center; width:100%; border:0px solid red; }
#content { margin-top:10px; }