/*****************************************/
/* navBar.css                            */
/* Use with swindonasc.co.uk\navBar.inc  */
/*****************************************/
#navBar{
float: left;
width: 221px;
margin-top: -30px;
color: #336699;
background: #f0f5fe;
}


#links h2{
padding: 0 0 10px 0;
/*border: 1px solid #ccc;*/
}


.hLine{
margin: 10px 0 10px 0;
border-top: 1px solid #91919e;
}




/**************************************************************
                        link styles
**************************************************************/

#links{
padding-top: 5px;
width: 190px;
font-size: 1.1em;
margin-left: 15px;
/*border: 1px solid #000000;*/
}


/*prevents list styles from displaying in mozilla browsers*/
#links ul{
list-style: none;
margin: 0;
padding: 0;
}

li{
padding: 4px 0 4px 5px;
font-size: 1.1em;
}

#links a{
background: transparent url(images/menuBullet.gif) no-repeat left center;
padding: 0 0 0 15px;
color: #6363a3;
text-decoration: none;
}

#links a:visited{
background: transparent url(images/menuBullet.gif) no-repeat left center;
color: #6363a3;
}

#links  a:hover{
color: #000066;
background: transparent url(images/menuBulletRollover.gif) no-repeat left center;
padding: 0 0 0 15px;
/*background: #aabef5;*/
}

/*************************************************************/


#info{
width: 184px;
margin: 25px 0 25px 0;
text-align: center;
padding: 3px;
background: #000066;
/*border: 1px solid #ccc;*/
}


#join{
padding: 10px 8px 10px 8px;
background: #e0edf9;
/*background: #c6dcfe url('images/infoBG.gif') no-repeat;*/
color: navy;
}



/*************************************************************
                       BuyAt link styles
*************************************************************/
#buyAt a{
display: block;   /*applies height and/or width settings so image displays*/
height: 86px;
width: 170px;
margin-top: 10px;
margin-left: 28px;
}


#buyAt a:link,
#buyAt a:visited{
background: url('images/buyAt3.png') no-repeat;
}


#buyAt a:hover,
#buyAt a:focus{
background: url('images/buyAtRollover3.png') no-repeat;
}
/*************************************************************/






/*************************************************************
                      Adobe link styles 
*************************************************************/
#links #adobe a{
display: block;
height: 33px;  
width: 140px;
margin-top: 0;  /* Note: margins below are 1px less to stop image jumping on hover */
margin: 0 0 25px 25px;
background: url('images/adobeReader.png') no-repeat;
}

#links #adobe a:hover,
#links #adobe a:focus,
#links #adobe a:active{
width: 125px;
margin: -1px 0 24px 24px;
border: 1px solid blue;
}
/*************************************************************/