@charset "UTF-8";
/* CSS Document */

body
{
margin: 0px;
padding: 0px;
background: #000 url(media/camperkitbg.jpg) repeat-x left top;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper
{
width: 980px;
margin: 0px auto;
}

#header
{
margin: 0px;
padding: 0px;
background: url(media/campkitsheader.jpg) no-repeat left top;
height: 140px;
}

#container
{
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(media/mainbg.gif) repeat left top;
width: 980px;
}

#leftcontent
{
float: left;
width: 239px;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
position: relative;
}

#leftnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
background: url(media/leftnavcenter.png) repeat-y middle top;
text-align: left;
}

#leftnav ul
{
list-style: none;
margin: 0px;
position: relative;
left: 17px;
padding: 0px;
width: 205px;
background: url(media/leftnavcenter.png) repeat-y -17px top;
font-size: 12px;
}

#leftnav ul li
{
float: left;
display: block;
width: 205px;
margin: 4px 0px;
}

#leftnav ul li a
{
display: block;
width: 193px;
padding: 6px;
color: #FFF;
text-decoration: none;
}

#leftnav ul li a:hover
{
display: block;
width: 193px;
padding: 6px;
background: #024364;
color: #FFF;
}

#rightcontainer
{
float: right;
width: 730px;
margin: 0px;
padding: 0px;
}

#breadcrumb
{
margin: 10px;
padding: 4px;
text-align: left;
border-bottom: 1px solid #0475af;
font-size: 12px;
}

a.bcrumb
{
text-decoration: none;
color: #0476b2;
}

a.bcrumb:hover
{
text-decoration: underline;
color: #000;
}

#slide
{
margin: 18px 0px 0px 0px;
padding: 0px;
}

#rightcontent
{
margin: 20px 10px 0px 10px;
padding: 10px;
background: #FFF;
text-align: left;
}

.lefttopimg {
	width: 239px;
	height: 9px;
	background: url(media/topleftnav.png) no-repeat;
}

.leftbottomimg {
	width: 239px;
	height: 9px;
	background: url(media/leftnavfooter.png) no-repeat;
}

div#topnav
{
float: right;
margin: 0px;
padding: 0px;
}

div#topnav ul
{
margin: 67px 42px 0px 0px;
padding: 0px;
list-style: none;
}

div#topnav ul li
{
float: left;
display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
}

div#topnav ul li.homeactive
{
	width: 69px;
	height: 33px;
	background: url(media/home1.png) no-repeat left top;
}

div#topnav ul li a.homebut 
{
	width: 69px;
	height: 33px;
	display: block;
	background: url(media/home2.png) no-repeat left top;
}

div#topnav ul li a.homebut:hover 
{
	width: 69px;
	height: 33px;
	display: block;
	background: url(media/home1.png) no-repeat left top;
}

div#topnav ul li.aboutusactive
{
	width: 108px;
	height: 33px;
	background: url(media/aboutus1.png) no-repeat left top;
}

div#topnav ul li a.aboutusbut 
{
	width: 108px;
	height: 33px;
	display: block;
	background: url(media/aboutus2.png) no-repeat left top;
}

div#topnav ul li a.aboutusbut:hover 
{
	width: 108px;
	height: 33px;
	display: block;
	background: url(media/aboutus1.png) no-repeat left top;
}

div#topnav ul li.contactactive
{
	width: 130px;
	height: 33px;
	background: url(media/contactus1.png) no-repeat left top;
}

div#topnav ul li a.contactusbut 
{
	width: 130px;
	height: 33px;
	display: block;
	background: url(media/contactus2.png) no-repeat left top;
}

div#topnav ul li a.contactusbut:hover
{
	width: 130px;
	height: 33px;
	display: block;
	background: url(media/contactus1.png) no-repeat left top;
}

.formfield
{
margin: 0px 0px 10px 0px;
background: #e8e8ee;
font-size: 12px;
border: 1px solid #333;
width: 298px;
color: #03557a;
}
.formTXTfield
{
margin: 0px 0px 10px 0px;
background: #e8e8ee;
font-size: 12px;
border: 1px solid #333;
width: 298px;
color: #03557a;
height: 200px;
}
input.formButton
{
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #999;
margin: 5px 0px;
color: #FFFFFF;
border: solid 1px #999;
font-weight: bold;
}
input.formButton:hover
{
color: #CCC;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #666;
margin: 5px 0px;
border: solid 1px #666;
font-weight: bold;
}

.contactform
{
margin: 0px auto;
width: 340px;
text-align: left;
}

.formfield2
{
margin: 4px 0px 4px 0px;
background: #e8e8ee;
font-size: 12px;
border: 1px solid #333;
width: 190px;
color: #03557a;
}
input.formButton
{
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #999;
margin: 5px 0px;
color: #FFFFFF;
border: solid 1px #999;
font-weight: bold;
}
input.formButton:hover
{
color: #CCC;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #666;
margin: 5px 0px;
border: solid 1px #666;
font-weight: bold;
}

.errorttxt
{
color:#C00;
}

#footer
{
margin: 0px;
padding: 0px;
background: #03557a;
color: #FFF;
height: 40px;
line-height: 40px;
font-size: 12px;
}

#footer a
{
color: #FFF;
text-decoration: none;
}

#footer a:hover
{
color: #c6e0ef;
text-decoration: underline;
}