@charset "";
/* CSS Document */

body{
background-image:url(backimage2.jpg);
font-family:Comic Sans MS,arial, Helvetica, sans-serif;
color:#ffffff;
margin:0px;
padding:0px;
font-size:100%;
text-align:centre;
}

#wrapper{
background-color:#000000;
background-image:url(left.gif);
background-position:left;
background-repeat:repeat-y;
width:770px;
margin:0px auto ;
padding:0px;
text-align:left;
}

#wrapper2{
background-position:left;
background-repeat:repeat-y;
width:770px;
margin:0px auto 0px;
padding:0px;
text-align:left;
}

#banner{
background-image:url(whole-hog-logo4.gif);
height:140px;
background-repeat:no-repeat;
margin-bottom:0px;
}

#nav{
background-image:url(line.gif);
background-position:bottom;
background-repeat:no-repeat;
height:50px;
margin:0px 40px;
padding: 15px;
text-align:left;
}

#nav ul{
margin:0;
}

#nav ul li{
display:inline;
padding:;
margin:0;
}

#nav ul li a{
font-size:130%;
color:#ffffff;
text-decoration:none;
padding:2px 10px;
text-align:center;
width:9em;
}

#nav ul li a:hover, #nav ul li a:focus{
padding:2px 10px;
color:#F5D9E8;
}

#content {
margin:0px 30px 0px 30px;
}

#content p{
font-size: 80%;
margin:0px 0px 0px 10px;
padding:10px
font-family:Comic Sans MS,arial, Helvetica, sans-serif;
color:#ffffff;
}

#content h1{
font-size:130%;
color: #ffffff;
padding:10px 10px 5px 10px;
margin:0px;
}

#content h2{
font-size:110%;
color:#ffffff;
padding:0;
margin:10px;
}

#content h3{
font-size:110%;
color:#ffffff;
padding:0;
margin:10px;
}

.sausage{
width:460px;
font-size: 90%;
font-family:Comic Sans MS,arial, Helvetica, sans-serif;
color:#ffffff;
}

.leftimage{
float:left;
margin-right:10px;
border: 1px solid #336699;
}

.rightimage{
float:right;
margin-right:10px;S
margin-bottom:15px;
margin-left: 15px;
margin-top: 40px;
}

#footer{
height:80px;
background-position:right;
background-image:url(bottom.gif);
background-repeat:no-repeat;
margin:0px 0px;
padding:2px 0 0 30px;
clear:both;
}

#footer p{
font-family:Comic Sans MS,arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:70%;
margin:5px 0px 0px 0px;
padding:0px 10px;
}

#leftcol{
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
padding:10px 5px 5px 5px;
width:170px;
}

#rightcol{
background-image:url(linevert.gif);
background-position:left;
background-repeat:repeat-y;
width:220px;
padding:0px;
float:right;
font-size:12px;
margin-top:10px;
margin-right:30px;
margin-left:5px;
margin-bottom:15px;
}

#rightcol2{
background-image:url(linevert.gif);
background-position:left;
background-repeat:repeat-y;
width:220px;
padding:0px;
float:right;
font-size:12px;
margin-top:10px;
margin-right:10px;
margin-left:5px;
}

#rightcol p {
color:#FFFFFF;
margin: 0px 5px 0px 30px;
font:Comic Sans MS,Arial, Helvetica, sans-serif;	
}

#rightcol H2 {
font-size:150%;
color:#ffffff;
padding:5px;
margin: 0px 5px 0px 25px;
font:,Arial, Helvetica, sans-serif;	
}

#rightcol H4 {
margin: 0px 5px;
font:,Arial, Helvetica, sans-serif;
}

.container{
width: 99%;
float:rights;
margin:10px;
background-color:#FFFFFf;
margin:0;
}

.container2{
width: 99%;
float:rights;
background-color:#FFFFFf;
margin:0;
padding-left:5px;
}

.header {
font-family: Arial, Helvetica, sans-serif;
color: #336699;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 20px;
}

.roundcont {
background-image:url(right.gif);
background-position:right;
background-repeat:repeat-y;
width: 770px;
margin:0px auto ;
padding:0px;
text-align:left;
}
.roundcont2 {
width: 200px;
background-color:#003366;
color: #000;
}

.roundcont p {
margin: 0px 10px;
font:Arial, Helvetica, sans-serif;
color:#000000;	
}

.roundtop { 
background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
background:url(br.gif) no-repeat top right; 
}

.roundtop2 { 
background: url(tr2.gif) no-repeat top right; 
}

.roundbottom2 {
background:url(br2.gif) no-repeat top right; 
}

img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}

fieldset{
background-color:#FFFFFF;
}