@charset "UTF-8";
/* CSS Document */

/* container div everything is inside here apart from the footer */
#wrapper { margin-left:auto; margin-right:auto; width:1014px; height:auto; }
/* practically for the whole document */
body { background-color: #fff; background-image: url(images/bg.gif); background-repeat: repeat-x; margin-top: 0px; font-family:Helvetica, Arial, "Trebuchet MS", Times; font-size: 62.5%; font-weight: normal; font-variant: normal; text-transform: none; color: #494646; }
/* head section */
#banner { width:1014px; height:232px; }
#banner-pic { width:834px; height:232px; float:right; margin: 0px 11px 0px 0px; background-image: url(images/header.jpg) }
#logo { width:132px; height:181px; float:right; margin: 29px 0px 0px 0px; }
/* northampton etc. */
#tel { width:104px; float:right; display:inline; margin-top:38px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:3em; }
#tel-no { width:230px; float:right; display:inline; margin-top: 42px; font-weight:bold; font-size:3em; color:#a14494; }
/* menu navigation */
#nav-menu { width:1004px; height:54px; font-size: 1.6em; background-image: url(images/nav-bar.gif); background-repeat:repeat-x; }
#nav-menu ul { list-style:none; padding: 1.2em; margin: 0; }
#nav-menu li { float: left; }
#nav-menu li a { height: 2.1em; line-height: 1em; width:auto; padding: 20px 30px 20px 30px; display:inline }
#nav-menu li a:hover { color:#333; }
.body-container { width:1008px; margin-left:auto; margin-right:auto; border-left:3px solid #a14494; border-right:3px solid #a14494; border-bottom:3px solid #a14494; overflow:hidden; background-color:#FFF; }
.body-inner { width:1004px; margin:0px 0px 1px 1px; border-left:1px solid #6b0d7c; border-right:1px solid #6b0d7c; overflow:auto; background-color:#FFF; }
#statement { width:354px; height:300px; background-image: url(images/statement.gif); float:left }
#flash { width:650px; height:300px; background-image: url(images/flash-pic.jpg); float:right }
#body-text { width:648px; padding:25px 45px 0; border-top:2px solid #a14494; float:left; display:inline; font-size:1.3em; color:#242424; line-height:180% }
#body-text a { color:#909 }
#body-text a:hover { color:#666; }
#h-aids { width:230px; height:210px; float:left; clear:right; margin-left:40px }
#h-aids a { color:#909 }
#h-aids a:hover { color:#666; }
#contact { width:251px; height:190px; padding: 140px 0px 0px 15px; border-top:2px solid #a14494; float:left; display:inline; background:url('images/contact.gif') no-repeat 0 40px; }
#border { width:236px; margin-top:1px; border-top:2px solid #a14494; float:right; }
#border { width:251px; height:auto; margin-top:1px; border-top:2px solid #a14494; float:right; overflow:hidden; }
.cic { width:625px; height:auto; margin:0px 0px 30px 0px; float:left; }
.cic-text { width:487px; height:auto; float:right }
/* news */
#rss { width:206px; height:207px; padding: 40px 10px 0px 35px; margin:15px 15px 0 0; background-image: url(images/rss.jpg); background-repeat:no-repeat; float:right; display:inline; }
#rss a { color:#000 }
#rss a:hover { color:#333; }
/* audiologists title on the index page */
#nh { font-size:1.8em; font-weight:bold; color:#3f1b3a }
#rss-body { width:221px; height:auto; padding: 0px 15px 0px 15px; background-image: url(images/rss-gap.gif); background-repeat:no-repeat; float:right; overflow:hidden }
#rss-bot { width:251px; height:47px; background-image: url(images/rss-bot.jpg); background-repeat:no-repeat; float:right }
/* asociation */
#bshaa { width:215px; height:106px; background-image: url(images/bshaa.jpg); margin:0px 15px 0px 0px; float:right }
#bshaa2 { width:215px; height:106px; background-image: url(images/bshaa.jpg); margin:120px 15px 0px 0px; float:right }
.address { width:215px; height:92px; font-size:1.7em; color:#370b2e; margin:50px 15px 0px 0px; float:right }
#body-extra { width:700px; height:auto; margin-top:1px; padding: 0px 0px 0px 64px; float:left; font-size:1.3em; color:#242424; line-height:180%; overflow:hidden }
/* 3 pics on the index page */
.photo-box { width:210px; height:116px; margin-bottom:50px; float:left }
.text-box { width:80px; height:76px; padding: 15px 10px 20px 3px; float:right }
.names { font-size:0.9em; font-weight:bolder; }
.letters { font-size:0.7em; color:#666 }
#logos { width:561px; height:75px; float:left; margin:60px 40px 70px 15px; border:1px solid #999; }
/* for lists in columns */
#list { width:206px; height:auto; padding: 40px 20px 0px 25px; margin-top:1px; float:right; font-size:1.3em; color:#242424; }
#list a { color:#909 }
#list a:hover { color:#666; }
h1 { font-size: 1.8em; font-weight:400; color: #000; line-height:1.2em; }
h2 { font-size: 1.3em; line-height:0.9em; color:#333; font-weight: 100; font-style: italic; font-weight:100; }
.fh1 { font-size: 2em; font-weight:400; color: #000; line-height:1.2em; }
.fakeh1 { font-size: 1.5em; font-weight:100; color: #666; }
.strong { font-weight:bold }
a.greylinks:visited { color: #CCC; text-decoration: underline; }
a.greylinks:active { color: #333; text-decoration: underline; }
a.greylinks:hover { color: #666; text-decoration: underline; }
a.nav { text-decoration: none; color: #FFF; }
a.nav:visited { text-decoration: none; color: #fff; }
#footer a:hover, visited { text-decoration:none; color:#c94094 }
a { text-decoration:none; color:#fff; }
#fcentre { width:300px; height:50px; font-size: 2em; font-weight:bold; color: #000; position:relative; left:400px; bottom:-1px; z-index:10; }
.fbox { width:175px; height:200px; padding: 80px 0px 0px 120px; float:left }
.form1 { width:190px; margin: 6px 0px 0px 15px }
.form2 { width:193px; margin: 7px 0px 0px 15px }
#footer { width:1004px; height:450px; background-image: url(images/footer.jpg); background-repeat:no-repeat; float:left; clear:both; font-size:1.2em; color:#ffcccc; margin-left:auto; margin-right:auto; background-color: #000; line-height:180% }
.copyright { width:800px; height:auto; padding: 30px 0px 0px 120px; float:left }
.copyright2 { width:800px; height:auto; padding: 30px 0px 0px 120px; margin-left:auto; margin-right:auto; }
.copyright2 a { color:#909 }
.copyright2 a:hover { color:#666; }
#footer ul { list-style:none; padding: 0px; margin-left:auto; margin-right:auto; }
#footer li { display:list-item; padding-left:5px; padding-right:5px; list-style:none; margin-left:auto; margin-right:auto; }
.linkbox { width: auto; border: 1px #BCCFDE solid; background-color:#ffccff; padding: 10px 10px 10px 10px; }
/* Wordpress */
.feeddate { color:#fff; margin-bottom:4px; font-size:1.1em; }
