/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 14px;  
}
p
{ margin: 0px;
  padding: 0px 0px 20px 0px;
  line-height: 20px;
  background-color: #ffffff;
  color: black;
}
h1
{ font-family: tahoma, verdana, arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0px;
}
h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 14px;
}
hr {
	color: #000000;
	width: 720px;
	height: 1px;
	margin-left: 11px;
	
}
img.floatleft 
{ float: left; 
  padding-right: 14px;
  padding-top: 9px;	  
}
img.floatright 
{ float: right; 
  margin-left: 4px; 
}
p.small
{ text-align: center;
  font-size: 12px;
  background: #ffffff;
  color: black;
  padding-top: 0px;
  padding-bottom: 2px;
}
/* main container */
#main
{ width: 780px;
  margin-left: auto; 
  margin-right: auto;
  border: 1px solid; 
} 
/* logo */
#logo
{ margin-left: auto; 
  margin-right: auto;
  padding: 0px;
  width: 780px;
  height: 182px;
  text-align: left;
}
#logo h1
{ padding: 117px 0px 0px 228px;
  font-family: verdana, arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
}
/* navigation menu */
#menu
{ height: 43px;
  width: 780px;
  margin-left: auto; 
  margin-right: auto;
}
#menu ul
{ margin: 0px auto; 
  padding: 0px; 
  list-style: none; 
  text-align: left; 
  width: 780px;
} 
#menu li
{ margin: 0px; 
  padding: 0px; 
  list-style: none; 
  float: left; 
} 
#menu li a 
{ display: block;
  float: left; 
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  height: 37px;
  font-size: 13px; 
  width: 145px; 
  text-decoration: none; 
  padding: 3px 0px 0px 10px;
  font-weight: bold; 
  text-transform: lowercase;
} 
/* main content */
#content
{ margin-left: auto; 
  margin-right: auto;
  width: 780px;
  height: auto;
  padding: 0px;
  text-align: justify;
  overflow: hidden;
  background: #ffffff; 
} 
/* column 1 - contains sidebar items */
#column1
{ width: 196px;
  float: left;
  padding: 12px 0px 15px 19px;
  margin-top: 0px;
}
#column1 h1
{ padding: 0px 0px 6px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
}
.sidebaritem
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 8px 0px 8px 0px;
  background: #F7F7F7;
}
.spacer
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 20px 0px 0px 0px;
}
.spacer2
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 132px 0px 20px 0px;
}
.spacer8
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 338px 0px 20px 0px;
}
.spacer9
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding:  434px 0px 20px 0px;
}
.spacer10
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 1px 0px 20px 0px;
}
.spacer11
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 420px 0px 20px 0px;
}
.spacer12
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 68px 0px 20px 0px;
}
.spacer13
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 168px 0px 20px 0px;
}
.spacer14
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 754px 0px 20px 0px;
}
.spacer15
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 234px 0px 20px 0px;
}
.spacer16
{ position: relative;
  text-align: left;
  width: 170px;
  float: left;
  margin: 0px 0px 14px 3px;
  padding: 64px 0px 0px 0px;
}
/* column 2 - page content */
#column2
{ text-align: left;
  padding: 8px 20px 15px 0px;
  width: 520px;
  float: right;
}
#column2 h1
{ padding: 12px 0px 6px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
}
#column2 h2
{ background: #ffffff;
  color: #505050;
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 18px;
  border-top: 1px solid;
}
#column2 h4
{ padding: 5px 0px 5px 0px; 
  margin: 0px 0px 0px 0px; 
  background: #ffffff;
  border: 0px solid;
  font-size: 10px;
  text-align: center;
  color: black;
}
#column2 h5
{ padding: 14px 0px 5px 0px; 
  margin: 0px 0px 0px 0px; 
  background: #ffffff;
  border: 0px solid;
  font-size: 17px;
  text-align: center;
  color: #741D16;
}
#column3 
{ text-align: left;
  padding: 12px 20px 15px 0px;
  width: 736px;
  float: right; 
}
#column3 h1
{ padding: 10px 0px 6px 0px; 
  margin: 0px 0px 12px 12px; 
  border-bottom: 1px solid;
}
#column3 p
{ padding: 0px 12px 0px 12px;
}
#column5
{ width: 215px;
  float: left;
  padding: 5px 0px 0px 0px;
  margin: 0px;
  background: #f7f7f7;
}
.spacer1
{ position: relative;
  text-align: left;
  width: 215px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 20px 0px;
  background: #F7F7F7;
}
.spacer3
{ position: relative;
  text-align: left;
  width: 215px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 600px 0px 20px 0px;
  background: #F7F7F7;
}
.spacer4
{ position: relative;
  text-align: left;
  width: 215px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 910px 0px 20px 0px;
  background: #F7F7F7;
}
.spacer5
{ position: relative;
  text-align: left;
  width: 215px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 835px 0px 20px 0px;
  background: #F7F7F7;
}
.spacer6
{ position: relative;
  text-align: left;
  width: 215px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 385px 0px 20px 0px;
  background: #F7F7F7;
}
.spacer7
{ position: relative;
  text-align: left;
  width: 215px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 240px 0px 20px 0px;
  background: #F7F7F7;
}
/* sub navigation */
.sidenav 
{ float: left;
  width: 215px;
  background: #f7f7f7;
}
.sidenav h1 
{ background: #F7F7F7;
  margin-bottom: 0px;
  padding-top: 17px;
  padding-left: 18px;
}
.sidenav ul 
{ margin: 0px;
  padding-left: 0px; /* can adjust to make sidenav links less wide */
}
.sidenav li {
	border-bottom: 1px solid #F7F7F7;
	border-top: 1px solid #F7F7F7;
	padding-left: 0px;
	list-style: none;
}
.sidenav li a {
	background: #F7F7F7;
	color: #505050;
	display: block;
	padding: 7px 4px 5px 25px; /* can make surrounding backgrounds larger */
	text-decoration: none;
	font-size: 14px;
}
.sidenav li a:hover 
{ background: #E3E3E3;
  color: black;
}
/* footer */
#footer
{ padding: 7px 5px 3px 0px;
  width: 776px;
  text-align: center;
  font-size: 14px;
  border-top: 1px solid;
  height: 27px;
  margin-left: auto; 
  margin-right: auto; clear: both;
}
#footer a, #footer a:hover
{text-decoration: none;
}
