/************************/
/* Standard HTML Styles */
/************************/
body {
	background:#7362A5;
	color:#030303;
	padding: 0px 10px 10px 10px;
	font-size: smaller;
	font-family: arial,helvetica,sans-serif;
	margin: 10px 0px
}
td {
	font-family: arial,helvetica,sans-serif;
}

/* Headers */
h1 {font-family: arial,sans-serif; color: #660099; font-size:medium;}
h2 {background: #ffffff; color: #000000; font-weight:bold; font-size:medium; white-space:nowrap;}
h3 {font-size: small; font-family: arial,sans-serif; color: #660099;}
h3 span{
color: #000000;
font-weight:normal;
}

textarea, input {font-family: arial,helvetica,sans-serif;font-size: 100%;}

legend {font-color:#fff; font-family: arial, helvetica,sans-serif;}

fieldset{
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
border: none;
}


legend{
color: #000;
margin: 0px 0px 0px -8px;
font-weight:bold;
}

a:link {color: #666666; text-decoration: underline; font-weight: bold}
a:visited {color: #666666; text-decoration: underline; font-weight: normal}
a:hover {color: #333333; text-decoration: underline;}

/* Horizontal Rule */
hr {height: 1px; color: #CCCCCC; width:100%;}

/* Form Labels */
label {font-weight: 700;}
label.radio {font-weight: 400;}
label.checkbox {font-weight: 400;}

/* Lists */
ul {
padding: 0px;
margin: 0 0 5px 0;
}
li {
padding: 0 0 5px 0;
margin: 0 0 0 17px;
}


/************************/
/* Common styles */
/************************/
/* The Clearfix Hack: Add a class of .clearfix to any element containing a float needing to be cleared */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.fielddisplay {
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
border:solid #CCCCCC 1px;
}

.required{
color: red;
}

/* Event Listing */
P.eventlisting {margin-left: 25px;}

/* Location Indicator*/
small.location {
	display: block;
	font-size: smaller; 
	font-weight: bold; 
	color: #666666; 
	margin: 3px 0 10px 0px;
}

label.selectall {
	font-weight: normal;
}

/************************/
/* Content layout styles */
/************************/
#page_wrapper {
	position: relative;
	min-width: 900px;
}
#content {
	position: relative;
	text-align: left;
	background: #ffffff url(../images/bg_sidenav.gif) top left repeat-y;
	padding: 10px;
	padding-top: 4px;
	/* border: 10px solid #ffffff; */
	height: 100%;
	color: #000000;
}
#home #content {
	background: #ffffff;
}

/* use .clearfix hack for content */
#content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#leftcolumn {
	padding: 5px 10px 10px 10px;
	width: 150px;
	margin-right: -175px;
	position: relative;
	float: left;
	z-index: 10;
}
#rightcolumn {
	padding: 5px 10px 10px 175px;
	position: relative;
	z-index: 0;
	min-height: 375px;
}
#rightcolumn h1 {
	margin-top: 0px;
}


/************************/
/* Header styles */
/************************/
#page_header_wrapper {
	background: #CCCCFF url(../images/corner_topright_blue.gif) top right no-repeat;
}
#page_header {
	background: transparent url(../images/corner_topleft_blue.gif) top left no-repeat;
	padding: 10px 20px 5px 20px;
}

#page_header #logo {
	margin-left: 15px;
}
#page_header #strapline {
	margin-left: 85px;
}

#page_header #mainmenu {
	position: relative;
	background:#663399;
	color: #B299B2;
	margin: 5px -20px 0px -20px;
	padding: 1px 14px;
	height: 1.35em;
	z-index: 500;
}

#page_logo {
	height: 84px;
}
#page_logo:after {
	/* auto clear */
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
#page_logo img#logoleft {
	border: none;
	float: left;
	margin-right: 20px;
}
#page_logo h1 {
	font-size: 54px;
	color: #7362A5;
	padding: 0px;
	margin-top: 10px;
	font-weight: normal;
}
#page_logo h2 {
	font-size: 30px;
	line-height: 54px;
	color: #7362A5;
	padding: 0px;
	margin-top: 10px;
	font-weight: normal;
}
#page_logo img#logoright {
	border: none;
	float: right;
	margin-left: 20px;
}

/************************/
/* Dropdown Nav styles */
/************************/

.nav, .nav ul {
	list-style: none;
	margin: 0 0 0 -1px;
	padding: 0;
}
.nav a, .nav a:link, .nav a:visited,
.nav a:hover, .nav a:active {
	font-weight: bold;
}

.nav {
	z-index: 100;
	position: relative;
}
.nav li {
	border-right: 1px solid #B299B2;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	line-height: 1.35em;
	background: #663399;
	color: #FFFFFF;
	display: block;
	padding: 0 9px;
	text-decoration: none;
}

.nav li a:hover {
	background: #663398;
	color: #B299B2;
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #663398;
  color: #B299B2;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #FFFFFF;
  color: #663399;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #FFFFFF;
  color: #B299B2;	
}

.nav ul {
	background: #FFFFFF;
	border-bottom: 1px solid #663399;
	list-style: none;
	margin: 0;
	width: 150px;
	position: absolute;
	top: -999em;
	left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
	top: 1.35em;
}
.nav ul li {
	border: 0;
	float: none;
}
.nav ul a {
	border: 1px solid #663399;
	border-bottom: 0;
	/* take account of 9px padding */
	width:130px;
	color: #63009C;
	background: #FFFFFF;
}
.nav ul a:hover {
	background: #FFFFFF;
	color: #B299B2;
}

/************************/
/* Left Nav styles */
/************************/
#leftcolumn h3 {
	color: #FFFFFF;
	background: #663399;
	padding: 0 0 0 2px;
	margin: 0 0 10px -15px;
	font-size: 100%;
	font-weight: bold;

	padding: 2px 0px 1px 15px;
	width: 150px !important;
	width /**/:170px;
}
#leftcolumn h3 a:link, #leftcolumn h3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold
}
#leftcolumn h3 a:hover, #leftcolumn h3 a:active {
	color: #B299B2;
	text-decoration: none;
	font-weight: bold
}

ul#secondarynav {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}
ul#secondarynav li {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
	width: 100%;
}
ul#secondarynav a:link, ul#secondarynav a:visited {
	display: block;
	color: #663399;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
ul#secondarynav a:hover, ul#secondarynav a:active {
	display: block;
	color: #B299B2;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}

/************************/
/* Footer styles */
/************************/
#page_footer_wrapper {
	background: #CCCCFF url(../images/corner_bottomright_blue.gif) bottom right no-repeat;
}
#page_footer {
	background: transparent url(../images/corner_bottomleft_blue.gif) bottom left no-repeat;
	padding: 10px 20px 20px 20px;
}
#page_footer .iciscopyright {
	position: relative;
	float: left;
	font-size: smaller;
	color: #666666;
	text-align: left;	
}

#page_footer .footermenu div.iciscopyright {
	position: relative;
	float: left;
	font-size: smaller;
	color: #666666;
	text-align: left;	
}




#page_footer .lastupdated {
	position: relative;
	font-size: smaller;
	color: #666666;
	text-align: right;
}
#page_footer .footermenu {
	background:#663399;
	color: #B299B2;
	margin: 5px -20px 0px -20px;
	padding: 3px 20px;
}
#page_footer .footermenu a:link, #page_footer .footermenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#page_footer .footermenu a:hover, #page_footer .footermenu a:active {
	color: #B299B2;
	text-decoration: none;
	font-weight: bold;
}

#validation {
	position: absolute;
	top: 12px;
	right: 40px;
	width: 90px;
	text-align: right;
}
#validation img {
	margin-bottom: 8px;
}

/************************/
/* Home page styles */
/************************/
/* new boxes on home page */
.homebox {
	margin: 0 0 17px 0;
	padding: 0;
	border: none;
	width:100%;
	z-index: 5;
	background: #FFFFFF;
}

#homebox_findinformation {
	background: url(../images/homebox_signpost.jpg) top right no-repeat;
}
#homebox_forcarers {
	background: url(../images/homebox_hands.jpg) center right no-repeat;
}
#homebox_fororganisations {
	background: url(../images/homebox_jigsaw.jpg) center right no-repeat;
}
#homebox_help {
	background: url(../images/homebox_magnifyinglass.jpg) top right no-repeat;
}
#homebox_abouticis {
	background: url(../images/homebox_icislogo.jpg) top right no-repeat;
	width: 60%;
	float: left;
}
#homebox_abouticis div div div div {
	height: 10.5em;
}
#homebox_podcast {
	background: url(../images/homebox_podcast.jpg) top right no-repeat;
	width: 37.5%;
	float: right;
}
#homebox_podcast div div div div {
	height: 10.5em;
}

#homebox_icisdirect {
	clear: left;
	background: url(../images/homebox_icisdirect.jpg) top right no-repeat;
}
#homebox_wellspring {
	background: url(../images/homebox_wellspring.jpg) top right no-repeat;
}

.homebox div {
	margin: 0;
	background: transparent url(../images/homebox_topleft.gif) top left no-repeat;
	zoom: 100%; /*peekaboo fix IE6 */
	min-width: 0; /*peekaboo fix IE7 */
	z-index: 10;
}
.homebox div div {
	background: transparent url(../images/homebox_bottomright.gif) bottom right no-repeat;
	z-index: 15;
}
.homebox div div div {
	background: transparent url(../images/homebox_topright.gif) top right no-repeat;
	z-index: 20;
}
.homebox div div div div {
	background: transparent url(../images/homebox_bottomleft.gif) bottom left no-repeat;
	z-index: 25;
	padding: 15px 25px;
}

.homebox h2 {
	/* styles to stop roleover problem with links */
	position: relative;
	margin: 0px -1px 0 0;
	padding: 0px 0 5px 0;
	background: transparent;
	border-left: solid white 1px;
	color: #660099;
}
.homebox a:link, .homebox a:visited {
	color: #660099; font-weight:bold; text-decoration: none;
}
.homebox a:hover, .homebox a:active {
	color: #666666; font-weight:bold; text-decoration: none;
}

.homebox ul {
	list-style-type: square;
	color: #660099;
	margin: 5px 0 5px 0;
	padding: 0;
}
.homebox li {
	margin: 0 0 0 17px;
	padding: 0 0  5px 0;
}

#homebox_hotbox {
	background: url(../images/homebox_news.jpg) top right no-repeat;
}
#homebox_hotbox div {
	background: transparent url(../images/homebox_topleft_hot.gif) top left no-repeat;
}
#homebox_hotbox div div {
	background: transparent url(../images/homebox_bottomright_hot.gif) bottom right no-repeat;
}
#homebox_hotbox div div div {
	background: transparent url(../images/homebox_topright_hot.gif) top right no-repeat;
}
#homebox_hotbox div div div div {
	background: transparent url(../images/homebox_bottomleft_hot.gif) bottom left no-repeat;
}
#homebox_hotbox h2 {
	color: #BA0065;
}
#homebox_hotbox a:link, #homebox_hotbox a:visited {
	color: #BA0065;
}
#homebox_hotbox a:hover, #homebox_hotbox a:active {
	color: #666666;
}
#homebox_hotbox ul {
	color: #BA0065;
}

/* Old boxes on home page */
.boxes { text-align: left;color: #000000; font-weight:bold; font-size:medium; background: #ffffff; padding: 5px; border: 1px solid #663399; margin: 10px; margin-top: 0px; line-height: 110%;}
.boxes a {color: #660099; font-weight:bold; text-decoration: none; font-size:smaller; }
.boxes a.active {color: #660099; font-weight:normal; text-decoration: NONE; }
.boxes a:visited {color: #660099;font-weight:normal;text-decoration: none; }
.boxes a:hover {color: #666666;	font-weight:bold;text-decoration: none; }
.boxes img {float: right;}
.clearer {font-size:0; height:0; clear:both;}

/* Hotspot Box on home page */
.hotspot {text-align: left; background: #ffffff; padding: 5px; border: 2px solid #99cc00; margin: 10px; margin-top: 0px;}
.hotspot a {color: #99cc00; font-weight:bold; text-decoration: none; }
.hotspot a.active {color: #339900; font-weight:normal; text-decoration: NONE; }
.hotspot a:visited {color: #660099; font-weight:bold; text-decoration: NONE; }
.hotspot a:hover {color: #666666;	font-weight:bold;text-decoration: none; }

/* Boxes_alt on home page */
.boxes1 { text-align: left;color: #000000; font-weight:normal; font-size:medium; background: #ffffff; padding: 5px; border: 1px solid #663399; margin: 10px; margin-top: 0px; line-height: 110%;}
.boxes1 a {color: #660099; font-weight:bold; text-decoration: none;  font-size:smaller; }
.boxes1 a.active {color: #660099; font-weight:normal; text-decoration: NONE; }
.boxes1 a:visited {color: #660099;font-weight:bold; font-size:small;text-decoration: none; }
.boxes1 a:hover {color: #666666;	font-weight:bold;text-decoration: none; }
.boxes1 img {float: left;}
.clearer {font-size:0; height:0; clear:both;}

/************************/
/* Extranet styles */
/************************/
h3.extranet {
margin:0px;
padding:0px;
}

p.extranet {
margin:0px;
padding:0px;
}

table.extranet th{
color:#660099;
}



hr.extranet {
margin:0px;
padding:0px;
}

.warning {
color: red;
}
.warning a:link, .warning a:visited {
color: red;
}
.warning a:hover, .warning a:active {
color: #666666;
}


.menuselected{
font-style:bold;
color: black;
}


.box  {
float: right;
border: solid #ccccff 1px;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 10px;
background: #ccccff;
}

/* Links to child pages */
b.child {font-weight: bold;  line-height: 1.5em;}

/* Image Caption */
.caption {font-size: smaller;}

/* Footer */
SMALL {font-family: arial,helvetica,sans-serif; font-size: smaller; font-weight: normal; color: #666666;}

/* Bullet points on home page */
.navlist li { list-style-type: square;  margin-left: 5px; color: #663399; line-height: 120%;}

/* Vertical menu bars*/
.grey {
padding: 2px;
color: #ffffff;
background: #663399;
font-weight:bold;
border-top: 0px solid #cccccc;
border-bottom: 0px solid #ffffff;
text-align: left;
}
.grey a { color: #ffffff; text-decoration: none; font-weight:bold }
.grey a:visited { color: #ffffff; text-decoration: none; font-weight:bold }
.grey a:hover { color: #ccccff;	text-decoration: none; font-weight:bold }


/* Vertical menu bars*/
.greysearch {
padding: 2px;
color: #ffffff;
background: #663399;
font-weight:bold;
border-top: 0px solid #cccccc;
border-bottom: 0px solid #ffffff;
text-align: left;
margin:0px 0px 5px 0px;

}
.greysearch a { color: #ffffff; text-decoration: none; font-weight:bold }
.greysearch a:visited { color: #ffffff; text-decoration: none; font-weight:bold }
.greysearch a:hover { color: #ccccff;	text-decoration: none; font-weight:bold }


/************************/
/* Search page styles */
/************************/
h1 img {
	vertical-align: baseline;
}
#commonlinks {
	float: right;
	position: relative;
	font-size: 80%;
}
#searchpage {
	margin: 7px 0;
	padding: 0 20px;
}
#searchpage fieldset {
	
}

.hint {
	color: #663399;
	font-weight: normal;
}
.hint a {
	color: #663399;
	font-weight: normal;
}

/* Tabs Menu */
.searchnav {
	float: left;
	width: 100%;
	margin: 15px 0 5px 0;
	padding: 0 0 0 0;
}


.searchnav a, .searchnav a:visited {
	margin: 0 10px 0 0;
	padding: 3px 10px;
	display: block;
	float: left;
	background: #B299B2;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.searchnav a:hover, .searchnav a:active {
	background: #663399;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	
}
.searchnav .disabled {
	color: #E6E6E6;
	background: #CCCCCC;
}

.searchnav .current a, .searchnav .current a:visited {
	background: #663399;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.searchnav .separator {
	display: none;
}
.clear {
	clear: left;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background: #C7BEB5;
	color: #C7BEB5;
}

/* Topic lists */
table.topiclist {
	margin-bottom: 10px;
}
.topiclist td {
	vertical-align: top;
	padding: 0px 20px 10px 0px;
}

.topiclist ul {
	padding: 0px;
	margin: 0px;
}
.topiclist li {
	list-style: none;
	padding: 0px 0px 10px 19px;
	background: url(../images/bullet_topic.gif) top left no-repeat;
	margin: 0px;
}
.topiclist li.pdf {
	list-style: none;
	padding: 0px 0px 10px 19px;
	background: url(../images/bullet_pdf.gif) top left no-repeat;
	margin: 0px;
}

table.topiclistnofolder {
	margin-bottom: 10px;
}
.topiclistnofolder td {
	vertical-align: top;
	padding: 0px 20px 10px 0px;
}

.topiclistnofolder ul {
	padding: 0px;
	margin: 0px;
}
.topiclistnofolder li {
	list-style: none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

span.orgcount {
	display: block;
}

/* Advacned Search Form */
input.checkbox {
}
label.checkbox {
	font-weight: normal;
	padding-right: 10px;
	width: 250px;
	display: block;
	float: left;
}

/* Search Results */
h1 .subtitle {
	font-size: smaller;
}

ol.results {
	padding: 0px;
	margin: 10px 0px 10px 30px;
}
ol.results li {
	padding: 0px;
	margin: 0px 0px 10px -5px;
}

.display{
margin:0px 0px 0px -3px;
padding:0px;
}

.highlight {
	background: #CCCCFF;
}

.searchbreadcrumb {
margin:0;
}

#searchpage fieldset h1{
margin: 0px 0px 0px 0px;
}


.searchform{
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

.searchform form{
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#searchpage fieldset table{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.atoznav{
font-weight: bold;
margin: 5px 0px 5px 0px;
}


.demo_msg {
	border: 2px solid #660099;
	color: #660099;
	margin: 10px 0px 0px 0px;
	padding: 10px 5px;
	font-size: larger;
}
.demo_msg a {
	color: #660099;
}

.addressdetails {
	margin-right: 20px;
	width: 300px;
	float: left;
}
.contactdetails {
	margin-right: 20px;
	float: left;
}