
/**Zero out margins, padding and borders for all browsers**/
html, body {
  margin: 0; 
  padding: 0;
  border: 0;
  font-size: 98%;
  height: 100%;
  margin-bottom: 1px; /** this forces scrollbar to appear in Mozilla **/
}

* body {font-size: 83%; Zoom: 1.0 /**normalizes zoom in IE7 to 100%**/} /**check on IE8**/

body {
  text-align: center;
  margin: 0 auto; /**centers page**/
  padding: 0;
  width: 770px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  background: #ffb900;
  /*background: #7d95ff;*/
  /*background: #ffb900 url('/pic/back.png') no-repeat center;*/
  /*background-position: center bottom;*/
}

#faux {
  background: #E5E6D4 url(/pic/hoc-bg.gif) repeat-y;
  text-align: left;
  height: auto;
  width: auto;
  overflow: auto;
  border-color: #757575;
  border-style: solid;
  border-width: 1px;
}
#header {
  background: white;
  padding: 10px;
  border-color: #757575;
  border-style: solid;
  border-width: 1px;
}

#header h1 {
  fontsize: 100%;
}

/**Bread Bar**/
#bread {
  text-align: left;
  background: white;
  padding: 7px;
}
#bread a {
  font-size: 0.7em;
  text-transform: uppercase;
  text-decoration: none;
}
#bread a:hover {
  color: #505050;
  text-decoration: none;
}

/**floated left column**/
#leftColumn{
  float: left;
  width: 200px;/*adjust width of column in pixels, ems or percentages*/
  margin: 0;
  padding: 5px;
  height: auto;
  left: 0px;
  top: auto;
}
/**floated right column**/
#rightColumn{
  float: right;
  width: 150px;/*adjust width of column in pixels, ems or percentages*/
  margin: 0;
  padding: 5px;
  background: white;
}

/**Left Side Vertical Navigation**/
#navcontainer {
  width: 180px;
  font-size: 85%;
}

#navcontainer ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

#navcontainer ul ul {
  text-indent: 25px;
  padding-left: 0;
  list-style-type: none;
}

#navcontainer a {
  display: block;
  padding: 4px;
  width: 190px; /**change this width if you change width of rightColumn**/
  border-bottom: 1px solid #eeeeee;
}

#navcontainer a:link, #navlist a:visited {
  color: #7575ff;
  text-decoration: none;
}
#navcontainer a:hover {
  background-color: #ffdd75;
  color: #757575;
}

#navcontainer img {
  float: left;
}

/** Middle Column Area **/
#Middle {
  padding: 10px;
  height: 1%;
  width: auto;
  margin: 0px 0px 0px 212px;
}

#footer {
  clear: both;
  color: black;
  margin: 0;
  /*padding: 10px;*/
  height: auto;
  background: white;
  border-color: #757575;
  border-style: solid;
  border-width: 1px;
}
 
#footer p {
  font-size: .90em;
  line-height: 1;
  padding: 0;
  text-indent: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

/**text styles**/
h1,h2,h3,h4 {font-size: 1.2em; line-height: 1;}
h3 {color: #666666}
p {font-size: .90em; line-height: 1.5; padding: 0 20px 0 20px;}
ul {line-height: 2;}
em { font-style: italic; font-weight: bold; }


/**Regular Links**/
a{color: #4488c3;font-weight: 700;text-decoration: none}
a:visited {color: #4488c3; text-decoration: none}
a:hover,a:active,a:focus{text-decoration: underline}

/**linked images**/
a img{border: none;}
img a:hover {border: none}

/**Misc classes**/
.left {text-align: left}
.center {text-align: center}
.right {text-align: right}

/**Floats**/
.floatRight {float: right; width: 30%}
.floatLeft {float: left; width: 30%}
.clearing {clear: both; height: 1px; width: 100%; visibility: hidden;}


table.one {
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: solid solid solid solid;
  border-color: black black black black;
  border-collapse: collapse;
  background-color: white;
  font-size: .9em;
}
table.one th {
  text-align: center;
  border-width: 1px 1px 1px 1px;
  padding: 5px 5px 5px 5px;
  border-style: inset inset inset inset;
  border-color: black black black black;
  background-color: white;
  font-size: .9em;
}
table.one td {
  border-width: 1px 1px 1px 1px;
  padding: 5px 5px 5px 5px;
  border-style: inset inset inset inset;
  border-color: black black black black;
  background-color: white;
  font-size: .9em;
  vertical-align: top; 
}

.zip { 
float: right;
text-align: right;
font-size: .7em;
line-height: 1px;
}

.zip img { 
align: top;
border: 0;
}


/**
--------------------------------------------------------------------------
This CSS template modified from Alt-Web Design and Publishing, www.alt-web.com, 2009. 
---------------------------------------------------------------------------
**/

