body { 
background-color: #ffffff;
background-image:url(../images/join/bar.jpg);
background-repeat:repeat-x;
text-align:left;
}

/* NAVIGATION */
#nav_content{
width: 250px;
height:365px;
text-align: left;
margin-right:20px;
background-image:url(../images/join/nav_curve.gif);
background-repeat:no-repeat;
float:left; 
}

/* SUB-NAVIGATION */
#sub_nav{
width:100%;
height:30px;
margin-bottom:7px;
border-left:1px solid #EF6970;
float:left;
}

.sub_rollover a {
display:block;
height:30px;
border-right:1px solid #EF6970;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/nav.gif") 0 0 repeat-x;
line-height:1.9;
padding:0 16px;
text-decoration:none;
width:auto;
float:left;
}
.sub_rollover a:hover { 
background-position: 0 -30px;
color: #ffffff;
}
.sub_rollover a:active {
background-position: 0 -30px;
color:#ffffff;
}
.sub_rollover a:visited {
color:#ffffff;
}

.sub_rollover_active a { 
background-position: 0 -30px;
color: #ffffff;
}

.sub_rollover_active a:hover { 
background-position: 0 -30px;
color: #ffffff;
}
.sub_rollover_active a:active {
background-position: 0 -30px;
color:#ffffff;
}
.sub_rollover_active a:visited {
color:#ffffff;
}

/* CONTENT */
#content{
width: 595px;
float:left;
margin-top:8px;
}

.content1{
text-align: left;
font:  0.8em Arial, Helvetica, sans-serif;
color:#000000;
}

.content1 a {
color:#5E4B93;
}

h1{
text-align: left;
font: bold 2.0em Helvetica-Condensed, Arial Narrow, Arial, Helvetica, sans-serif;
color:#E20614;
}

h2{
text-align: left;
font: bold 1.5em Helvetica-Condensed, Arial Narrow, Arial, Helvetica, sans-serif;
color:#5E4B93;
}

h3{
font: bold 1.2em Helvetica-Condensed, Arial Narrow, Arial, Helvetica, sans-serif;
color:#5E4B93;
}

#content ul{
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: left;
}

#content li{
background-image:url(../images/main/square.gif);
background-repeat: no-repeat;
background-position: 0% .2em;
padding-left: 20px;
}

#header1{
display:block;
width: 500px;
height:45px;
margin-top:5px;
float:left;
}
#header1_icon{
width:35px;
height:45px;
margin-right:8px;
float:left;
}

#header1_text{
width:auto;
height:auto;
margin-top:5px;
margin-bottom:5px;
float:left;
}

#text{
width: 500px;
float:left;
margin-top:15px;
margin-bottom:15px;
}

#pic{
width:180px;
height:124px;
margin-left:15px;
float:right;
}

/* MAP */
#map_nav{
width:500px;
height:auto;
}
.brookfield a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/brookfield.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.brookfield a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.brookfield a:active {
background-position: 0 -32px;
color:#ffffff;
}

.north_ribbleton a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/north_ribbleton.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.north_ribbleton a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.north_ribbleton a:active {
background-position: 0 -32px;
color:#ffffff;
}

.moor_nook a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/moor_nook.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.moor_nook a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.moor_nook a:active {
background-position: 0 -32px;
color:#ffffff;
}

.fishwick a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#000000;
background: url("../images/join/fishwick.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.fishwick a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.fishwick a:active {
background-position: 0 -32px;
color:#ffffff;
}

.south_ribbleton a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/south_ribbleton.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.south_ribbleton a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.south_ribbleton a:active {
background-position: 0 -32px;
color:#ffffff;
}

.st_matthews a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/st_matthews.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.st_matthews a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.st_matthews a:active {
background-position: 0 -32px;
color:#ffffff;
}

.deepdale a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/deepdale.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.deepdale a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.deepdale a:active {
background-position: 0 -32px;
color:#ffffff;
}

.city a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/city.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.city a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.city a:active {
background-position: 0 -32px;
color:#ffffff;
}

.ashton a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/ashton.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.ashton a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.ashton a:active {
background-position: 0 -32px;
color:#ffffff;
}

.ingol a{
display:block;
height:32px;
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#ffffff;
background: url("../images/join/ingol.gif") 0 0 repeat-x;
line-height:2.6;
padding:0 0 0 16px;
text-decoration:none;
width:125px;
margin-bottom:5px;
margin-right:5px;
float:left;
}
.ingol a:hover { 
background-position: 0 -32px;
color: #ffffff;
}
.ingol a:active {
background-position: 0 -32px;
color:#ffffff;
}