/* JOIN THE COMMUNITY GATEWAY */
#join {
display:block;
width: 250px;
height:45px;
margin-top:5px;
float:left;
}
#join_icon{
width:60px;
height:45px;
margin-right:8px;
text-align:right;
float:left;
}

#join_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}
.join a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.join a:hover { 
color: #E20614;
}

.join a:active {
color:#E20614;
}

#join_active_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}

.join_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#E20614;
text-decoration:none;
}

.join_active a:hover { 
color: #E20614;
}
.join_active a:active {
color: #E20614;
}

/* LOOK FOR A NEW HOME */
#look {
display:block;
width: 250px;
height:45px;
float:left;
}
#look_icon{
width:60px;
height:45px;
margin-right:8px;
text-align:right;
float:left;
}

#look_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}
.look a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.look a:hover { 
color: #FC7215;
}
.look a:active {
color:#FC7215;
}

#look_active_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}

.look_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#FC7215;
text-decoration:none;
}

.look_active a:hover { 
color: #FC7215;
}
.look_active a:active {
color: #FC7215;
}

/* PAY YOUR RENT */
#pay {
display:block;
width: 250px;
height:45px;
float:left;
}
#pay_icon{
width:60px;
height:45px;
margin-right:8px;
text-align:right;
float:left;
}

#pay_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}
.pay a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.pay a:hover { 
color: #FFB63D;
}
.pay a:active {
color:#FFB63D;
}

#pay_active_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}

.pay_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#FFB63D;
text-decoration:none;
}

.pay_active a:hover { 
color: #FFB63D;
}
.pay_active a:active {
color: #FFB63D;
}

/* REPORT A REPAIR */
#repair {
display:block;
width: 250px;
height:45px;
float:left;
}
#repair_icon{
width:60px;
height:45px;
margin-right:8px;
text-align:right;
float:left;
}

#repair_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}
.repair a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.repair a:hover { 
color: #138F2C;
}
.repair a:active {
color:#138F2C;
}

#repair_active_text{
width:auto;
height:auto;
margin-top:15px;
margin-bottom:15px;
float:left;
}

.repair_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#138F2C;
text-decoration:none;
}

.repair_active a:hover { 
color: #138F2C;
}
.repair_active a:active {
color: #138F2C;
}

/* GET HELP WITH YOUR TENANCY */
#help {
display:block;
width: 250px;
height:40px;
float:left;
}
#help_icon{
width:60px;
height:40px;
margin-right:8px;
text-align:right;
float:left;
}

#help_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}
.help a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.help a:hover { 
color: #DF066B;
}
.help a:active {
color:#DF066B;
}

#help_active_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}

.help_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#DF066B;
text-decoration:none;
}

.help_active a:hover { 
color: #DF066B;
}
.help_active a:active {
color: #DF066B;
}

/* CHECK HOME IMPROVEMENTS */
#improvements {
display:block;
width: 250px;
height:40px;
float:left;
}
#improvements_icon{
width:60px;
height:40px;
margin-right:8px;
text-align:right;
float:left;
}

#improvements_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}
.improvements a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.improvements a:hover { 
color: #369DDF;
}
.improvements a:active {
color:#369DDF;
}

#improvements_active_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}

.improvements_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#369DDF;
text-decoration:none;
}

.improvements_active a:hover { 
color: #369DDF;
}
.improvements_active a:active {
color: #369DDF;
}

/* COMPLAIN OR COMMENT */
#complain {
display:block;
width: 250px;
height:40px;
float:left;
}
#complain_icon{
width:60px;
height:40px;
margin-right:8px;
text-align:right;
float:left;
}

#complain_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}
.complain a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.complain a:hover { 
color:#00498E;
}
.complain a:active {
color:#00498E;
}

#complain_active_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}

.complain_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#00498E;
text-decoration:none;
}

.complain_active a:hover { 
color: #00498E;
}
.complain_active a:active {
color: #00498E;
}

/* SUPPORTLINE */
#support {
display:block;
width: 250px;
height:40px;
float:left;
}
#support_icon{
width:60px;
height:40px;
margin-right:8px;
text-align:right;
float:left;
}

#support_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}
.support a {
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#5E4B93;
text-decoration:none;
}
.support a:hover { 
color:#66276F;
}
.support a:active {
color:#66276F;
}

#support_active_text{
width:auto;
height:auto;
margin-top:13px;
margin-bottom:12px;
float:left;
}

.support_active a { 
font: bold 0.8em Helvetica-Condensed-Bold, Arial Narrow Bold, Arial, Helvetica, sans-serif;
color:#66276F;
text-decoration:none;
}

.support_active a:hover { 
color: #66276F;
}
.support_active a:active {
color: #66276F;
}