body{
background-image: url(../img/bkg.gif);
background-repeat: repeat;
}

#content{
width:960px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

/*////////////////////////////////// Top //////////////////////////*/

#top{
background-image: url(../img/logo.png);
background-repeat: no-repeat;
background-position: top center;
height: 366px;
}


.imgreplacement{
text-indent: -9999px;
visibility: hidden;
}

.tagline{
width:450px;
margin-left: 400px;
margin-top: 220px;
}

.smalllink{
font-size: 18px;
}

/*////////////////////////////////// Middle //////////////////////////*/

#middle{
height: auto;

}


#col1{

width:220px;
padding-left: 10px;
padding-right: 10px;

float: left;

}

#col2{
width:220px;
padding-left: 10px;
padding-right: 10px;

float: left;
}

#col3{
width:220px;
padding-left: 10px;
padding-right: 10px;

float: left;
}

#col4{
width:220px;
padding-left: 10px;
padding-right: 10px;

float: right;
}


#middle ul{

padding-top: 20px;
padding-bottom: 40px;

}

#middle li{

line-height: 16px;
border-bottom: 1px dashed #4e2610;
padding-top: 5px;
padding-bottom: 5px;

}


/*////////////////////////////////// Footer //////////////////////////*/

#footer{

clear:both;

}

/*////////////////////////////////// Links //////////////////////////*/


a:link{
color: #222222;
text-decoration: none;
}

a:visited{
color: #222222;
text-decoration: none;
}

a:hover{
color: #9f1610;
text-decoration: none;

}

a:active{
color: #222222;
text-decoration: none;
}


/*////////////////////////////////// Text Styles //////////////////////////*/

p{
font-size: 12px;
font-family: Garamond;
padding-left: 10px;
}

.right{float:right;}

h1{
font-family: Garamond;
size: 30px;
}

h2{
font-family: Garamond;
size: 28px;
}

h3{
font-family: Garamond;
font-style: italic;
font-size:26px;
line-height: 30px;
letter-spacing: 1px;
}

h4{
font-family: Garamond;
font-size:24px;
letter-spacing: 1px;

}

h5{}

h6{}