/* CSS Document */

body
{
  margin: 0;
  padding: 0;
  background-color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%; /* fixes bug in IE. can be any number. */
}

h1, h2, h3, h4, h5, h6
{
  margin-top: 1em;
  margin-bottom: 0;
}

p
{
  margin-top: 0;
  margin-bottom: 1em;
}

form
{
  margin: 0;
}

img
{
  border: none;
}

.clearall
{
  clear: both;
  overflow: hidden;
  height: 1px;
}

/*
  Use row styles like this:
  <div class="row">
    <span class="lcol">Or use label here</span>
    <span class="rcol">right column</span>
  </div>
*/
h2 
{
	color:#990033;
	font-size:medium;
}

.row
{
  clear: both;
  padding-top: .1em;
}

.row .lcol,
.row label
{
  display: block;
  float: left;
  text-align: right;
}

.row .rcol
{
  display: block;
  text-align: left;
  float: right;
}

.row .rcol label
{
  display: inline;
  float: none;
  text-align: inherit;
}

.smaller
{
  font-size: 90%;
}

/* end basecss */

div#container
{
	width:720px;
	margin:auto;
	padding-top:5px;
	padding-bottom:5px;
}

div#header
{
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:185px;
	width:720px;
	font-size:100%;
}

div#header div#header-text
{
	color:#FFFFFF;
	padding-top:1px;
	margin-left:220px;
	margin-right:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:larger;
}

div#header-pic
{
	position:relative;
	left:500px;
	top:100px;
	width:146px;
	height:146px;
	margin-bottom:-160px;
	background-color:#FFFFFF;
	border:1px solid black;
}

div#header-pic img
{
	margin-left:5px;
	margin-top:5px;
}

div#main
{
	background-image:url(images/background.png);
	background-repeat:no-repeat;
	background-position:top;
}

/*div#main-content div#left
{
	background-image:url(images/left-side.png);
	background-repeat:no-repeat;
	width:248px;
	height:685px;
	float:left;
	min-height:685px;
}

div#main-content > div#left
{
	height:auto;
}*/

div#main div#nav
{
	position:relative;
	float:left;
	top:50px;
	left:50px;
	height:0;
	margin-bottom:-1000px;
}

div#main div#nav ul
{
	margin:0;
	padding:0;
}

div#main div#nav ul li
{
	list-style-type:none;
	width:165px;
	height:40px;
	text-align:center;
	background-image:url(images/button.png);
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:13px;
	font-size-adjust:none;
	padding-top:7px;
}

div#main div#nav ul li a
{
	text-decoration:none;
	color:#000000;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

div#main div#nav ul li a:hover
{
	text-decoration:none;
	color:#666666;

}

div#main-content
{
	background-image:url(images/background-main.png);
	background-repeat:repeat-y;
	background-position:right;
	width:720px;
}

div#main-content h1.title
{
	margin-top:0;
	font-size:large;
}

div#main-content div#right
{
/*	width:472px;
	float:right;*/
	padding:50px;
	padding-top:0;
	margin-top:0;
}




div#right h1, div#right h2,div#right h3,div#right h4,div#right h5,div#right h6
{
	margin-top:0;
	
}

div#main div#top
{
	height:41px;
	width:720px;
	background-image:url(images/top-main.png);
	background-repeat:no-repeat;
	background-position:top;
}

div#footer
{
	background-image:url(images/footer.png);
	height:71px;
	width:720px;
	background-repeat:no-repeat;
	background-position:top;
}

div#footer p
{
	font-size:xx-small;
	text-align:center;
}

.uline_head
{
	text-decoration:underline;
}

div#copyright
{
	font-size:x-small;
	text-align:center;
}

.sandbag-image span {
	display: none;
}

.sandbag-right {
	border: 0; 
	padding: 0;
	font-size: 0;
	margin: 0 0 0 35px;
	float: right; 
	clear: right;
}

.sandbag-left {
	border: 0; 
	padding: 0;
	font-size: 0;
	margin: 0 35px 0 -25px;
	float: left; 
	clear: left;
}

.sandbag-image > .sandbag-left
{
	margin-left:-50px;
}

.first-sandbag {
	margin-top:0px;
}

.last-sandbag {
	margin-bottom: 5px;
}