/*
Theme Name: Hearing Aid Council V2
Theme URI: http://thehearingaidcouncil.org.uk
Description: An update to the HAC website commissioned in October 2005
Author: Ech Design
Author URI: http://echdesign.co.uk/
*/


/* Begin Typography & Colors */

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
text-align:left;
font-family: arial, helvetica, verdana;
font-size:73%;
color:black;
}
p {
margin:10px;
margin-left:25px;
margin-right:25px;
line-height:1.9em;
}
p small {
line-height:1.7em;
margin-left:-5px;
}
a {

}
a:visited {
}
a:hover {
color:#8BC1DB;
}
a img {
border:none;
}
h1 {
float:left;
width:443px;
height:116px;
}

h1 a {
  display: block;
 text-indent: -900%;
/*   position: absolute; may be able to remove this */
  outline: none;
  background: url(images/logo.jpg) no-repeat;
 width:443px;
height:116px; 
}
/* 
h1 a:hover {
  background-position: left bottom;
  border:none;
	 prevents a border from appearing when the home icon is mousedover 
}*/
h2 {
color:#fff;
font-size:1.2em;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background:#4575B5;
border-bottom: 1px solid #D4D4CC;
border-top: 1px solid #D4D4CC;
}
h2 a {
position:relative;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:-5px;
margin-top:-5px;
margin-left:-10px;
color:#fff;
text-decoration:none;
display:block;
}
h2 a:hover {
background:#D1E6EF;
color:#4575B5;
}
#news h2 {
background:#5FA1BF;
}
h3 {
margin:10px;
color:#4575B5;
float:left;
clear:left;
font-size:1.2em;
}
h3#county {
margin-left:25px;
line-height:1.5em;
font-size:150%;
color:#2c5ea0;
font-weight:bold;
}
.whole h3, .column h3 {
float:none;
margin-top:15px;
}
h3 span {
font-size:73%;
color:#000;
font-weight:normal;
}
h3 span#cd, h3 span#sec {
font-size:100%;
color:#2c5ea0;
font-weight:bold;

}

/*  a {
outline:none;   firefox property that prevents the dotted line from appearing when you click on links */
}

.clearleft {
clear:left;
}
#contentwrapper {
}
#header {
width:100%;
background: url('images/rightpichomepage2.jpg') top right  no-repeat #4575B5;
height:116px;
}
#header ul {
position:absolute;
right:250px;
top:10px;
}
#header ul li {
float:left;
list-style-type:none;
margin-left:10px;
}
#header ul li a {
color:#fff;
}
#header ul li a:hover {
color:#8BC1DB;
}
.decrease { /* only needed when text is increased in size */
display:none;
font-size:1.5em;
}
.increase {
display:block;
font-size:1.5em;
}

#content {
clear:left;
margin-left:1%;
margin-right:1%;
min-width:800px;
}
#content li {
margin:10px;
margin-left:40px;
/*margin-bottom:0px;*/

border:0;
list-style:circle;
background:none;
line-height:1.5em;
}
p#intro {
padding-top:5px;
margin-bottom:15px;
color:#fff;
background:#4575B5;
border:1px solid #d4d4cc;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
font-size:1.4em;
}
p#intro a {
color:#8BC1DB;
font-weight:bold;
}
p#intro a:hover {
color:#B3DCEF;
}
.column {
/* background:
	url(/images/topleft.jpg)
top left no-repeat;*/
background:#FAFAFA;
width:60%;
/* float:left; */
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
border: 1px solid #D4D4CC;
border-top: 0px;
font-size:1.2em;
}
.third {
background:#FAFAFA;
width:46%;
float:right;

margin-left:2.5%;
margin-right:2%;
margin-top:5px;
margin-bottom:180px; /* prevents the float from breaking */
border: 1px solid #D4D4CC;
border-top: 0px;
}
#announcements {
float:left;
margin-top:5px;
margin-left:20px;
width:55%;
background:#FAFAFA;
border: 1px solid #D4D4CC;
border-top: 0px;
}
#news {
float:right;
margin-top:5px;
margin-left:auto;
margin-bottom:20px;
width:47%;
background:#FAFAFA;
border: 1px solid #D4D4CC;
border-top: 0px;
}
#user_search {
margin-left:20px;
}
#user_search2 {
margin-left:20px;
margin-top:20px;
}
/* accordion elements */
h3.toggler {
cursor:pointer;
}
.element {
clear:left;
}
.element p {
margin-top:0px;
}
.whole {
clear:left;
/* background:
	url(/images/topleft.jpg)
top left no-repeat;*/
background:#FAFAFA;
width:93%;
/* float:left; */
margin-top:10px;
margin-left:3%;
margin-right:3%;
margin-bottom:20px;
border: 1px solid #D4D4CC;
border-top: 0px;
}
.whole p img {
float:right;
margin:10px;

}

.column img.alignleft {
float:left;
margin:0;
margin-right:15px;
margin-left:10px;
margin-bottom:15px;
margin-top:15px;
border:1px solid #D4D4CC;
}


#footer {
clear:both;
text-align:center;

}

/* table styling */
table {
border:1px solid #eee;
margin-bottom:15px;
margin-left:20px;
border-collapse:collapse;
} 
tr:hover {
background:#8BC1DB;
}
td {
width: 185px;
padding:3px;
vertical-align:top;
border:1px solid #eee;
}
th {
padding:3px;
}
.stripe tbody tr td {
background-color: #eee;
}
.stripe tbody tr.odd td {
background-color: #fff;
}

/* searchform styling */
form#searchform {
				position:absolute;
				width:220px;
				right:15px;
				top:10px;
				/* margin-bottom:-25px;*/
				z-index:2;
				}
				input#s {
				width:143px;
				position:relative;
				z-index:3;
				}
				input#searchsubmit {
				position:relative;
				top:-1px;
				}
				#content form#searchform {
						position:relative;
						width:220px;
						left:57px;
						top:10px;
						height:50px;
		}
/* members page styling */
.members {
clear:left;
margin-bottom:10px;
}
.whole .members img {
float:left;

margin-top:0px;
margin-right:20px;
margin-left:10px;
margin-bottom:5px;
/*width:280px;
height:280px;*/
width:75px;

}
/* Roll end credits */