html,body {padding: 0; margin: 0;} 


body { 
text-align: center;
font: 8pt/16pt georgia; 
background: #FFFFFF url(images/gradient.jpg) repeat-y center top;
margin: 0px;
}


#container {
width: 800px;
margin: 0 auto;
}


p.contact{
padding-top: 10px;
padding-bottom: -10px;
background: #C98334;
color: #1E1402;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
}

p.bold{
padding-top: -5px;
font-weight: bold;
color: #56381B;
}

a.contact{
color: #431F07;
font-weight: bold;
text-decoration: none;
}

#flash {float: left; margin-top: 15px;}

#leftcol {margin-right: 380px; background: transparent url(file:///F|/mckinneyFalls2/leftGradient.jpg) bottom left repeat-x; } 
#rightcol {margin-left: 380px; background: transparent url(file:///F|/mckinneyFalls2/rightGradient.jpg) bottom left repeat-x; } 

#join {
float: left;
}

#rightBox{
float:right;
width: 300px;
height: 500px;
}

#leftBox{
float: left;
width: 500px;
height: 430px;
background: #DDD9CA url(file:///F|/mckinneyFalls2/images/leftBoxGradient.jpg) repeat-y top right;
overflow: auto;
}

img.floatLeft { 
    float: left; 
    margin: 5px 20px 5px 5px; 
}

img.floatRight { 
    float: right; 
    margin: 5px 5px 5px 20px;  
}

h1.header{
padding-top: 10px;
text-align: center;
color:#000033;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

h1.subHeader{
padding: 0px 25px 0px 25px;
text-align: left;
color: #2D1B02;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}


p{
padding: 0px 25px 0px 25px;
text-align: left;
color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 13px;
}

a{
font-weight: bold;
color: #7B410D;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

li{
padding: 0px 25px 0px 25px;
text-align: left;
color: #201204;
font-family: "Times New Roman", Times, serif;
font-size: 13px;
line-height: 18px;
}

img.ff{
padding-left: 10px;
}