/*
PURPLE 			#8080B9
GREEN 			#96CD5F
LIGHT PURPLE	#CCCCE3
*/

@import url(./client.css);

* {
	font-family: 'Tahoma','Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}


#header {
	margin: 0px 100px 0px 100px;
	padding: 0px;
}
#footer{
	margin:0 100px;
}

#header h2 {
}


#site-name h2 {
font-size: 1.2em;
color: white;
text-align: right;
background-color: #8080b9;
border-top: 12px solid #96cd5f;
padding: 4px;
margin:0;
width: 100%;
}

#header img {
border: 0;
}
 
 
#site-logo {
	height: 104px;
}
#site-logo a img {
	vertical-align: bottom;
	padding-top: 12px
}
 
#footer p {
margin: 0;
font-size:0.75em;
padding: 6px;
}

#footer {
border-bottom: 12px solid #96cd5f;
background-color: #8080b9;
padding: 10px 10px 10px 210px ;
color: #fff;
text-align: left;
}

#container{
	background-color:#fff;
	overflow:hidden;
	margin:0 100px;
	padding-left:210px; /* The width of the sidebar */
}

* html #container{
	height:1%; /* So IE plays nice */
}

#content{
	background-color:#fff;
	width:100%;
	border-left:210px solid #fff; /* The width and color of the rail */
	margin-left:-210px; /* Hat tip to Ryan Brill */
	float:right;	
	background-color: #fff;
	padding-bottom: 2em;
}

#sidebar{
	background-color: #fff;
	border-color:#fff;
	width: 210px;
	float:left;
	margin-left:-210px;
	display:inline; /* So IE plays nice */
}

#navigation {
	width: 190px;
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #fff;
	color: #333;
	}

#navigation h2 {
display: none;
}

#navigation ul {
		list-style: none;
		margin: 0px 0px 10px 0px;
		padding: 0;
		border: none;
		background-color: #fff;
		list-style-image: none;
}

#navigation li {
		border-top: 6px solid white;
		margin: 0;
		list-style-image: none;
}

#navigation li a {
		display: block;
		padding: 5px 5px 5px 6px;
		background-color: #96cd5f;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

html>body #sidebar #navigation li a {
		width: auto;
		}

#navigation li a:hover, #navigation li a.highlight:hover  {
		background-color: #CCCCE3;
		color: #000;
}
#navigation li a.highlight {
		background-color: #8080B9;
		color: #EEE;
		
}

/* Sub Nav */

#navigation ul ul {
		list-style: none;
		list-style-image: none;
		padding: 0 0 0 0;
		border: none;
		border-bottom: 2px solid #8080B9;
		margin: 0px 0px 0px 0px;
}

#navigation ul ul li {
		border-top: 1px solid white;
		border-bottom: 0px solid white;
		list-style: none;
		list-style-image: none;
		margin: 0;
		
}

#navigation ul ul li a, #navigation ul ul li a.no-highlight {
		font-size: 0.9em;
		/*text-align: right;*/
		display: block;
		background-color: #DDDDFF;
		color: #333;
		text-decoration: none;
		padding: 5px 5px 5px 12px;
		margin: 0;
		width: 100%;
}

html>body #sidebar #navigation ul ul li a {
		width: auto;
}

#navigation ul ul li a:hover {
		background-color: #EFEFFF;
		color: #333;
}
#navigation ul ul li a.sub-highlight {
		background-color: #EFEFFF;
		color: #000;
}



#sidebar img {
	border: 0px none;
}

#accessibility {
color:#333333;
float:right;
line-height:1.1em;
margin:0;
padding:2px;
text-align:right;
z-index:2;
}

#accessibility ul {
margin: 0;
padding: 0;
}

#accessibility ul li.first {
border-left: 0;
}

#accessibility ul li {
border-left:1px solid #666;
display:inline;
font-size:0.75em;
font-weight:bolder;
margin:0;
padding:2px 3px 2px 8px;
}

#accessibility a:hover {
color:#333;
text-decoration:underline;
}

#accessibility a:link {
color:#333;
text-decoration:none;
}

#accessibility a {
color:#555555;
font-size:0.75em;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;
text-transform:uppercase;
}

#accessibility li.nodisplay {
display: none;
}

/* general styles */

#content {
color: #222;
}
ul {
list-style-position: outside;
}

li  {
list-style-type: square;
list-style-image: url(../images/bullet.gif);
}

h1, h2, h3, h4, h5 {
color: #8080b9;
}

h1 {
margin-top: 5px;
font-size: 1.7em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1.1em;
}

h5 {
font-size: 1em;
}

#breadcrumbs {
	font-size: 0.8em;
	margin-top: 6px;
	float: right;
}
#breadcrumbs a {
	/*text-decoration: none;*/
}


/* MEMBERS DIRECTORY ETC */


label {
	font-weight:bold;
	font-size: 0.75em;
	margin-top:4px;
}

fieldset {
	margin-bottom: 10px;
}
fieldset legend {
	font-weight: bold;
	
}

.group {
	font-size:0.75em;
	width: 100%;
}


.group-categories h4 {
	font-size: 1em;
	font-weight:bold;
	color: #4774B0;
}

.group-right {
	width: 39.9%;
	float:right;
	padding: 0;
	margin: 0;
}
.group-contact {
	padding: 4px 4px 8px 4px;
	background-color: #D2EFB4;
}

.contact-name {
	font-weight: bold;
}

.membersresults fieldset legend {
	color: #8080b9;
	font-weight: bold;
	font-size: 1.0em;
}
.membersresults fieldset {
	padding-top: 4px;
}
.group-details {
	width: 58%;
	padding: 0;
	margin: 0;
}
.group-aims, .group-services {
	padding: 0px 8px 8px 0px;
	display: block;
}
.group-accessibility {
	margin-top: 6px;
	background-color: #CCCCE3;
	padding: 4px 4px 8px 4px;
}

.group-categories {
	clear:both;
	padding: 4px;
	background-color: #EEE;
	border-top: 6px solid #fff;
	display: block;
}
.group-categories h4 {
	display: inline;
	padding: 0;
	padding-right: 4px;
}
.group-categories ul {
	display:inline;
	margin: 0px;
	padding: 0px;
}
.group-categories ul li {
	display:inline;
}

div.membersform {
	background-color: #D2EFB4;
	padding: 4px;
	border: 1px solid #ccc;
	width: 50%;
	margin: 10px 0px 10px 0px;
}
ul.members-subnav {
	margin: 0;
	padding: 0px 0px 4px 8px;
	border-bottom: 2px solid #999;
}
ul.members-subnav li {
	display: inline;
}
ul.members-subnav li a {
	padding: 4px;
	background-color: #999;
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
}
ul.members-subnav li.active a {
	background-color: #fff;
	text-decoration: none;
	color: #000;
	border: 1px solid #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid #fff;
}