/*If the border and padding are zero then ie and w3c are the same the "dimension" embraces the content. The margin lies outside the "dimension"*/
body {line-height: 135%; font-size: 95%; background: #D3CAAA url(../images/vbar.png) repeat-x; text-align: center;}

#page-container {color: black; margin: 0px auto; text-align: left; font-family: Verdana ,Tahoma, arial, FreeSans ,sans-serif; max-width: 983px; min-width: 790px; background-color: white; border: solid 1px #796546}
#page-container a:link, a:visited, a:active {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #AA3800; background-color: #FFFFFF}
#page-container a:hover {text-decoration: none; color: #FFFFFF; background-color: #AA3800}

#columns-container {margin:0px 9px 0px 9px; padding-bottom: 5px; background-color: white}

#banner {position: relative; height: 70px; margin-bottom: 20px; background: #DBBA75 url(../images/vbarbanner.png) repeat-x}
#rhsend {position:absolute; right:0px; top: 0px; height: 70px; width: 20px; background-image: url(../images/rhsend.png); background-repeat: no-repeat;}
#lhsend {position:absolute; left:0px; top: 0px; height: 70px; width: 450px; background-image: url(../images/header.png); background-repeat: no-repeat;}


#navbartop ul {position: relative; line-height: 0px; text-align: right; top: 13px; list-style: none; margin: 0px; padding-right: 18px;}
#navbartop ul li {display: inline; background-color: white}

#navbarbottom ul {position: relative; line-height: 0px; text-align: right; top: -20px; list-style: none; margin: 40px 0 20px 0; padding-right: 7px}
#navbarbottom ul li {display: inline; border-top: solid 1px #DBBA75; border-bottom: solid 1px #DBBA75}

#headpic {float: left; margin-right: 10px; padding: 0px; border: solid 1px #FF5600; background-image: url(../images/tux70.gif); width: 72px; height: 72px; max-width: 70px; max-height: 70px; background-color: transparent; background-repeat: no-repeat; margin-bottom: 10px}

#summary {clear: both;}

#footer {margin-top: 0px; padding: 2px; border-top: solid 1px #DBBA75; border-bottom: solid 1px #DBBA75; margin-bottom: 5px; background-image: url(../images/email.jpg); background-repeat: no-repeat; background-position: center right; font-size: 75%}

.clearfloat {height: 0; clear: both;}
.mono{font-family: monospace; font-size: 100%; font-weight: 600; background-color: #F5EFE2/*E5E2DC*/;}

.leftbox {font-size: 105%; margin: 5px; padding: 5px 5px 5px 8px; background-color: #FFFBF2; border: dashed 1px #DBBA75; font-family: monospace; font-weight: 550}
.rightbox {margin-top: 10px; margin-bottom: 10px; padding: 5px; border: solid 1px #DBBA75; font-size: 90%;}

/*pretty much just a 3 px high line with a repeat-y bkg img in it. ]*/
.border-x {background-image: url(../images/border-x.jpg); height: 3px; line-height: 0px; background-repeat: repeat-y; font-size: 1%/*ie;*/ ; background-color: #DBBA75; color: #DBBA75}

#col-left {float: left; width: 80%; padding: 0px 0px 5px 0px; background-color: white}
#col-right {float: right; width: 18.5%; padding: 0px; margin: 0px; background-color: white}

.brown {color: #5A3220; font-weight: bolder; font-size: 100%}
p.indent {margin-left: 20px; margin-right: 20px;}
p.navcol {border: solid 1px #DBBA75; border-width: 0 0 1px 0; margin: 0 0 0 0}