#wrapper {
	width: 980px;
}

#mainleft {
	margin:0; padding:0;
	background: #fff url("images/left.png") top left repeat-y;
}
#mainright {
	margin:0; padding:0;
	background:url("images/right.png") top right repeat-y;
}
#leftcontent {
	width:180px;
	margin:0; padding:0;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	background: #f6f4f4;
	vertical-align: top;
	border-right: 1px solid #000;
}
#rightcontent {
	width:180px;
	margin:0; padding:0;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	background: #f6f4f4;
	vertical-align: top;
	border-left: 1px solid #000;
}

#centercontent {
	vertical-align: top;
}

.menuwrapper {
	width: 180px;
	margin-left: auto;
	margin-right: auto;
}

.intwrapper {
	overflow: scroll;
}

.columnwrap {
	margin:0; padding:0.5em 0.5em;
}


#header {
	height: 80px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(images/logobg.png);
	border-bottom: 1px solid black;
}

#quote {
	position: absolute;
	left:6px;
	top:60px;
	color: #176f8f;
}

#banner {
	position: absolute;
	right:6px;
	top:10px;
}

#wm {
	voice-family: "\"}\"";
	voice-family: inherit;
	background: #f3eded url(images/wblogo.png) bottom right no-repeat;
	border: 1px solid #ede3e3;
	padding: 10px 150px 10px 10px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

#bqtop {
	width: 252px;
	padding-top: 7px;
	background: url(images/boxtop.png) top left no-repeat;
	margin-bottom: 15px;
}

#lbqtop {
  	width: 450px;
 	padding-top: 7px;
 	background: url(images/lboxtop.png) top left no-repeat;
 	margin-bottom: 15px;
}

#bqbottom {
 	background: url(images/boxbottom.png) bottom left no-repeat;
	padding-bottom: 7px;
 	width: 100%;
}

#lbqbottom {
 	background: url(images/lboxbottom.png) bottom left no-repeat;
 	padding-bottom: 7px;
 	width: 100%;
}

#bglefright {
 	padding: 11px 14px 12px 15px;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

#centre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#bqcontent {
 	margin-left: 4px;
}

#bqtext {
  	font-size: 10px;
  	color: #666;
}

ul{
	list-style: square;
}


#footer {
	border-top: 1px solid #000;
	width: 100%;
}

h1 {
	font-family: arial, sans-serif;
	font-size: 24px;
	margin-top: 0em;
	margin-bottom: 0em;
 	color: #333872;
  	margin-left: 5px;
}

h2 {
	font-family: arial, sans-serif;
	font-size: 18px; 
	color: #333872;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 5px;
}

h3 {
	font-family: arial, sans-serif;
	font-size: 18px;
	color: #333872;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 5px;

}

/* h4 - This is the Title Text */

h4 {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 2px;
	margin-left: 5px;
}


.cpage_body{
	font-family: arial, sans-serif;
	font-size: 16px;
	color:#333872;
	margin-left: 5px;
}

a {
	color: #333872;
	font-family: arial, sans-serif;
	text-decoration: underline;
	
}
a:hover {
	color: #00ff00;
	font-family: arial, sans-serif;
	text-decoration: underline;
	
}

a img {border: none; }

img {
	vertical-align: middle;
}


.linkspage_button{
	vertical-align: middle;
	border:0px;
	margin-left: 5px;
}

.dlmain {
	font: 20px tahoma, verdana, helvetica, arial, sans-serif;
	color: #000;
}

.dlcat {
	font: 14px tahoma, verdana, helvetica, arial, sans-serif;
	color: #000;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 2px;
}

hr {
	border: 1px dotted #bbb;
	height: 1px;
	width: 92%;
	text-align:center;
}

.smalltext {
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
	color:#5d6e75;
	margin-left: 5px;
}

.bodytable {
	padding: 2px;
	font: 0.8em verdana, tahoma, arial, helvetica, sans-serif;
	color: #000;
}

.button {
	border: #000 1px solid;
	color: #000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	background-image : url(images/button.png);
}

.button a {
	color: #000;
}
.button a:hover {
	color: #0085b0;
}

body {
	font-size: 12px;
	color: #000;
	font-family: tahoma, verdana, arial, sans-serif;
	background-color: #fff;
	padding:0px;
	margin-left: 5px;
	text-align:left;

}


.smallblacktext {
    	background: none;
	font: 10px tahoma, verdana, arial, helvetica, sans-serif;
	color:#000;
}
.indent{
	padding: 10px 10px 10px 10px;
	margin: 5px;
	font: 9px verdana, tahoma, arial, sans-serif;
	color: #838387;
	border: 1px solid #d6d6d6;
}
.defaulttext {
   	background: none;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

p {
	font: 18px arial, tahoma, verdana, helvetica, sans-serif;
	color: #333872;;
	padding: 0px;
	text-align:left;
}


td {
	font: 12px arial, helvetica, tahoma, verdana, sans-serif;
	color: #333872;
	padding: 0px;
	text-align:left;
}

blockquote {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color:#7e96ac;
	border: 1px solid #d6d6d6;
}
.mediumtext {
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

.tbox{
	background-color: #F4F7FA;
	border: #5e5d63 1px solid;
	color: #000000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.tbox.chatbox{
	background-color: #F4F7FA;
	border: #5e5d63 1px solid;
	color: #000000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	width: 90%;
}

.nextprev{
	background-color: #eaeef2;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	padding : 2px;
	text-align: right;
}

form {
	margin: 2px 0px 0px 0px;
}
.spacer {
	padding: 2px 0 2px 0;
}

.cspacer {
	padding: 6px 0 6px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.border {
	border: #999 1px solid;
	background-color: #F0F1F1;
	padding: 2px;
}

p {

	color: #333872;
}

.fborder {
	border: #c1c1c1 1px solid;
}
.forumheader{
	background-color: #e1e1e1;
	font: 12px arial, helvetica, verdana, tahoma, sans-serif;
	color: #333872;;
	padding: 4px;
	border: 1px solid #ececf2;
}

.forumheader2{
	background-color: #e1e1e1;
	font: 12px arial, helvetica, verdana, tahoma,  sans-serif;
	color: #333872;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

.forumheader3{
	background-color: #e1e1e1;
	font: 13px arial, helvetica, verdana, tahoma, sans-serif;
	color: #333872;
	padding: 4px;
	border: #ececf2 1px solid;
}

.forumborder{
	border: #000080 1px solid;
}

.fcaption {
	border: #f0f2f4 1px solid;
	padding: 2px 0 2px 0;
	background-color: #fff;
	font: 13px arial, helvetica, verdana, tahoma, sans-serif;
	color: #333872;
}

.finfobar{
	background-color: #CCC8C8;
	color:#000;
	padding: 4px;
	border: 1px solid #C3BDBD;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:12px; 
	font-family:verdana, tahoma, arial, helvetica, sans-serif;
}

.helpbox {
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
	border: 0px none red;
	background-color: transparent;
}

.nforumholder {
	border: 1px solid #345487;
	padding: 0px;
	background-color: #fff;
}

.nforumcaption {
	background-image: url(images/nforumcaption.png);
	padding: 8px 4px 8px 4px;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color: #fff;
}

.nforumcaption2 {
	background-image: url(images/nforumcaption2.png);
	padding: 8px 0px 8px 4px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

.nforumcaption3 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #E4EAF2;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumthread {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #EEF2F7;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumthread2 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #D1DCEB;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumreplycaption {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #E2EDF2;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumreply {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #EDF4F7;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumreply2 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #CFE0EB;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}
.nforumdisclaimer {
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	color:#5d6e75;
}

.nforumview1 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #E4EAF2;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumview2 {
	border: 1px solid #fff;
	padding: 4px;
	background-color: #DFE6EF;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumview3 {
	padding: 4px;
	background-color: #BCD0ED;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #263448;
}

.nforumview4 {
	padding: 4px;
	background-color: #E4EAF2;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	color: #3A4F6C;
}

a.forumlink{
	color: #000;
	text-decoration: none;

}

a.forumlink:hover {
	color: #00ff00;
	text-decoration: underline;

}

.treeclass1 {
	background-color: #F4F7FA;
	border: #5e5d63 1px solid;
	color: #000000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	padding: 2px 0px 2px 2px;
}

.treeclass2 {
	background-color: #F4F7FA;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	padding: 2px 0px 2px 2px;
}

.treeclass3 {
	background-color: #F4F7FA;
	color: #000000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	padding: 1px;
	width: 100%;
}

.centeredImage
{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}


menu {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	background:#ffe01c;

}
#menu ul {
	margin:0;
	padding:0 2px 0 20px;
	list-style:none;
	background:#ffe01c;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
	background:#ffe01c;
}
#menu a {
	float:left;
	background:url("images/MWMenu.JPG") no-repeat left top;
	margin:6px;
	padding:0 0 0 0;
	text-decoration:none;
	color: #fff;
}
#menu a span {
	float:left;
	background:url("images/MWMenu2.JPG") no-repeat right top;
	padding:5px 5px 5px 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}


/* Commented Backslash Hack hides rule from IE5-Mac */
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#ffe01c;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}


/* Arts Fair Special Menu is menu1 */
menu1 {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	background:#333872;

}
#menu1 ul {
	margin:0;
	padding:10px 10px 0 150px;
	list-style:none;
}
#menu1 li {
	display:inline;
	margin:0;
	padding:0;
}
#menu1 a {
	float:left;
	background:url("images/ArtFairMenu.JPG") no-repeat left top;
	margin:0;
	padding:0 0 0 2px;
	text-decoration:none;
}
#menu1 a span {
	float:left;
	display:block;
	background:url("images/ArtFairMenu2.JPG") no-repeat right top;
	padding:5px 5px 5px 5px;
	color: #000000;
	font-weight: bold;
	font-size: 16px;

}

/* Commented Backslash Hack hides rule from IE5-Mac */
#menu1 a span {float:none;}
/* End IE5-Mac hack */
#menu1 a:hover span {color:#000000;}
#menu1 a:hover {background-position:0% -42px;}
#menu1 a:hover span {background-position:100% -42px;}


/* Art Fair Tabs for Artists CSS*/

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 25px 3px 25px;
	margin-right: 5px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(images/shade.jpg) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li a.selected{
	position: relative;
	top: 1px;
}

.shadetabs li a.selected{
	border-bottom-color: white;
}

.shadetabs li a.selected:hover{
	text-decoration: none;
}

.tabcontent{
	display:none;
}

@media print {
.tabcontent {
	display:block !important;
}
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px arial, sans-serif;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

/* Begin CSS Drop Down Menu 
 *
 * This Menu is for the "Caring For Our Future" web area
 *
 * The background is light blue with black text.
 *
 * */


#nav, #nav ul { /* all lists */
	top: 178px;
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-decoration:none;	
	float: left;
	width: 970px;	/* width of all menu boxes */
}

#nav a {
	display: block;
	text-align: center;
	width: 130px;
	margin:0;
	padding: 0.3em;
	color: black;
	font-size: 13px;
	font-weight:bold;
	background-color: #92d6e3;
	text-decoration:none;
	vertical-align: middle;
}

#nav li { /* all list items */
	float: left;
	width: 138px; /* width needed or else Opera goes nuts */
	background-color: #92d6e3;
}

#nav li ul { /* second-level lists */
	position: absolute;
	color: white;
	background-color: #00599b;
	width: 138px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	color: white;
	background-color: #00599b;
	text-decoration:none;
	position: static;
}

#nav a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: #00599b;
	text-decoration:none;
	}

/* End CSS Drop Down Menu */

/* Dropdown CSS Menu
 *
 * This if for the main website
 *
 * The menu has a yellow background and black text.
 *
 *  */

#nav1, #nav1 ul { /* all lists */
	top: 76px;
	left: 150px;
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-decoration:none;	
	float: left;
	width: 850px;	/* width of all menu boxes */
}

#nav1 a {
	display: block;
	text-align: center;
	width: 100px;
	margin:0;
	padding: 0.2em;
	
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	background-color: #ffdf00;
	text-decoration:none;
	vertical-align: middle;
}

#nav1 li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	background-color: #ffdf00;

}

#nav1 li ul { /* second-level lists */
	position: absolute;
	color: #ffffff;
	background-color: #ffdf00;
	width: 100px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	color: #ffffff;
	background-color: #ffdf00;
	width: 200px;
	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav1 li:hover ul, #nav1 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	color: #ffffff;
	background-color: #00599b;
	text-decoration:none;
	position: static;
}

#nav1 a:hover	/* menu at mouse-over  */
	{
	color: #ffffff;
	background-color: #00599b;
	text-decoration:none;
	}

/* End CSS Drop Down Menu */


table#default{
background-color: #ffffff;
width: 980px;
}

.white {
    background-color: #ffffff;
    vertical-align: top;
}

.yellow {
    background-color: #ffdf00;
    width: 2px;
    vertical-align: top;
}

.blue {
    background-color: #92d6e3;
    vertical-align: top;
}

.bluegrey {
    background-color: #eeeeef;
    vertical-align: top;
}

#ContactForm {
    clear: both;
}

#VolunteerForm {
    clear: both;
}

#CapitalAppeal body {cursor: url('http://www.eastcheshirehospice.org.uk/ech/e107_files/images/CapitalAppeal/bee.ani'),auto;}
#CapitalAppeal A:hover {cursor: url('http://www.eastcheshirehospice.org.uk/ech/BeeCursor.gif'), auto;}

.navtext {
width:475px;
font-size:12pt;
border-width:1px;
border-style:outset;
border-color:black;
background-color:#ffffff;
color:black;
}

