html, body{
height: 100%;
}
body
{
	background-color:#cccccc;
	text-align:center;
	margin:0px;

}
div.content
{
	background-color:#ffffff;
	width:790px;
	/*height: 100%;/*having this in causes the white bg to shrink when page resized*/
	text-align: left;
	border: none 1px green;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	
	
	
	position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

div.topbar
{
	float:left;
	width: 100%;
	text-align: left;
	border-color:#000;
	border: 2 2;
	border-style: none;
	background-color:#4066AE;
}

div.logo
{
	float:left;
	border-style: none;
	width: 105px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

a.camlogo img
{
	border-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.camlogo:link a.camlogo:visited a.camlogo:hover a.camlogo:active
{
	border-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.welcome
{
	float:left;
	width:100%
	text-align: left;
		border-color:#000;
	border: 2 2;
	border-style: none;
	padding-left:100px;
	padding-top:20px;
}


div.bar
{
	background-image: url('../images2/barwithpint3.gif');
	background-repeat: no-repeat;
	margin-top:16px;
	padding-top:0px;
	float:right;
	border-color:#000;
	border: 2 2;
	border-style: none;
	height:111px;
	width:667px;
}

div.bar2
{
	background-image: url('../images2/barwithpumps3.gif');
	background-repeat: no-repeat;
	margin-top:16px;
	padding-top:0px;
	float:right;
	border-color:#000;
	border: 2 2;
	border-style: none;
	height:111px;
	width:667px;
}


ul.menu 
{
	text-align:left;
	margin-top:86px;
	margin-left:10px;
	margin-right:15px;
	margin-bottom:0px;
	border: none 1px red;

}

ul.menu li
{
	display: inline;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	border: none 1px green;
}

.menu a:active 
{
 	color:#ffc000;
 	padding-left:15px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
 	 	margin-left:0px;

}

.menu a:link
{
 	color:#ffc000;
 	padding-left:15px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
 	 	margin-left:0px;

}
.menu a:visited
{
  	color:#ffc000;
 	padding-left:15px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
 	margin-left:0px;

}

.menu li a:hover
{
 	color:#ffc000;
 	padding-left:15px;
 	font-family:verdana;
 	font-size:9pt;
 	margin-left:0px;

 	text-decoration: underline;
}


#mainbody
{
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px; /*margin bottom can also be used to set the footer distance - set to same height as footer*/
	padding: 10px 3px 10px 3px;/* the bottom of this could also be used to set footer distance*/
	width: 100%;
	clear: both;
	border: none 1px pink;
}




#mainart
{
	margin-left: 150px;
	padding: 1px 10px 20px 0px; /* the bottom padding sets the footer distance*/
	border: 1px 1px 1px 1px;
	border-color: #000;
	border-style: none;
	width: 610px;
	height: 100%;
}
#mainartcontainer
{
	margin: 0px 0px 0px 10px;
}
.titlebar1
{
	background-image:url(../images2/docboxtop2.png);
	background-repeat: no-repeat;
	width:599px;
	height:50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.titlebar1 h3
{
	font-family: arial;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 0px 13px;
	padding: 10px 0px 0px 0px;
	color: #fff897;
}

.mainbody1
{
	background-image:url(../images2/docboxmiddle1.png);
  background-repeat: repeat-y;
  width:599px;
}
.mainbody1 p 
{
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 20px 0px 13px;
	color: #000033;
	border: none 1px red;
	line-height:130%;
}

.mainbody1 a
{
 	color:#3333dd;
/* 	padding-left:4px;*/
  margin-left:2px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
}

.mainbody1 a:link
{
 	color:#3333dd;
/* 	padding-left:4px;*/
  margin-left:1px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
}

.mainbody1 a:visited
{
 	color:#3333dd;
/* 	padding-left:4px;*/
  margin-left:1px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
}

.mainbody1 a:hover, a:active
{
 	color:#3333dd;
/* 	padding-left:4px;*/
  margin-left:1px;
 	font-family:verdana;
 	font-size:9pt;

 	text-decoration: underline;
}
.mainbody1 li
{
  font-family:Arial;
  font-size: 14px;
}
.footer1
{
	background-image:url(../images2/docboxbottom1.png);
	background-repeat: no-repeat;
	width:599px;
	height:23px;
}

.menutop1
{
	background-image:url(../images2/menuboxtop2.png);
	background-repeat: no-repeat;
	width:137px;
	height:47px;
}

.menutop1 h3
{
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 13px;
	padding: 10px 0px 0px 0px;
	color: #fff897;
	border: none 1px red;
}
					
.menubody1
{
	background-image:url(../images2/menuboxmiddle1.png);
	background-repeat: repeat-y;
	width:137px;
	margin: 0px 0px 0px 0px;
}

.menubody1 ul
{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}

.menubody1 li
{
color:#555500;
}
.menubody1 li  a:link, a:visited

{
 	color:#555500;
 	padding-left:5px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px -5px;

}

.menubody1 li a:hover, a:active
{
 	color:#555500;
 	padding-left:5px;
 	font-family:verdana;
 	font-size:9pt;
 	padding: 0px 0px 0px 0px;

 	text-decoration: underline;
}
.menubottom1
{
	background-image:url(../images2/menuboxbottom1.png);
	background-repeat: no-repeat;
	width:137px;
	height:21px;
}

.lmenu
{
	padding: 1px 0px 0px 0px;
	border: none 1px red;
}

.l-ads
{
  margin: 20px 0px 5px 0px;
	padding: 1px 0px 0px 0px;
	border: none 1px red;
	width: 135px;
	text-align:center;
}
.l-ads img
{
  border: none;
}

.l-ads a
{
  border: none;
} 


.l-ads  a:link, a:visited

{
 	color:#555500;
 	padding-left:0px;
 	font-family:verdana;
 	font-size:9pt;
 	text-decoration: none;
}

.l-ads a:hover, a:active
{
 	color:#555500;
 	padding-left:0px;
 	font-family:verdana;
 	font-size:9pt;

 	text-decoration: underline;
} 					
  					
#leftart
{	
	position: absolute;
	top: 10px;
	left: 10px;
	width: 140px;
}

#leftart .menu1
{	
	padding-top:10px;
	margin-top:10px;
	width: 140px;
	border: 2px;
	border-color: #F00;
	border-style: none;

}

.separator
{
	clear: both;
	height: 10px;

}

.mainfooter
{
      width: 100%;
      padding: 0px 0px 0px 0px;
/*      height: 30px;*/
/*      margin-top: -30px; /* this sets the dist from bottom of wrapper (ie height of div)*/
/*      margin-bottom: auto;*/
      border: none 1px blue;
      background-color: none;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 30px;
}
#copyright
{
	text-align: center;
	color:#365ba6;
}
.wrapper{
      position: relative;
      min-height: 100%;
      height: 100%;
      border: none 1px red;
      padding-bottom: 0px;
      margin-bottom: 40px;
}