/* MAIN SCREEN STYLESHEET FOR HOVE YMCA : JAN 2007 */

html, body {
margin: 0px;
}
* html body {
  overflow: hidden;
}

body {
	color: #333;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Tahoma, 'Trebuchet MS', 'Gill Sans', Arial, Helvetica, sans-serif;
	margin: auto;
	font-size: 0.84em;
}

#everything {
	border-left:  1px solid #b2c4e0;
	border-right:  1px solid #b2c4e0;
	min-width: 770px;
	max-width: 1000px;
	background-color: #E4EBF5;
	/*background-image: url('../img/everything-bg.gif');
	background-position: left bottom;
	background-repeat: repeat-x;*/
	width: auto;
	width:expression(parseFloat(document.body.clientWidth) < 880? "880px": "auto" );
	width:expression(parseFloat(document.body.clientWidth) > 1000? "1000px": "auto" );
	margin: auto;
}
	

#everything2 {
	height: 60px;
	background-color: #fff;
	margin: auto;
}
#container {
	padding-left: 200px;
	padding-right: 200px;
}

#innerwrapper {
}

#container .column {
	position: relative;
	float: left;
}


a { text-decoration: none; font-weight: bold; }
a:link { color: #006fb1;  }
a:visited { color: #006fb1; } 
a:active { color: #006fb1; } 
a:hover { color: #ef4035; }


img { border: none; }
.clear { 
	clear: both; 
	display: block;
	height: 0; 
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

.right { text-align: right; }

#maincontent {
	width: 100%;
	background-color: #fff;
}

/* Override silliness in Drupal stylesheet */
li.collapsed, li.leaf {
	list-style-image: none;
}
	





#maincontent #content-inside {
	padding: 2px 6px 10px 8px;
	margin: 0px;
	border-left: 1px solid #b2c4e0;
	border-right: 1px solid #b2c4e0;
	border-bottom: 1px solid #b2c4e0;
	background-color: transparent;
}
#maincontent #service-links.links {
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: right;
	
}
#maincontent #service-links.links li {
	padding: 0;
}
#maincontent #service-links.links a {
	padding-right: 0 !important;
}
#maincontent img {
	margin-right: 0px;
	border: 1px solid #bbb !important;
	background-color: #eee;
	padding: 1px;
}

#maincontent img.donate-button {
	border: 1px solid #fff !important;
	padding: 0px;
	margin: 6px 0px 4px 0px;
	background-color: #fff;
}
/* Used for the strapline */
#maincontent #node-1 .none .preview {
	border: 0px none #fff !important;
	padding: 0px;
	background-color: #fff;
}


/*Banner photos */
#block-views-Banner_Photos img, #block-views-Banner_Photos_MidSussex img {
	border: 0px none #fff !important;
	padding: 0px;
	margin:2px 0px 4px 0px;
	background-color: #fff;
	width: 579px;
	/* Note, some are 550! */
}
#block-views-Banner_Photos h2, #block-views-Banner_Photos_MidSussex h2 {
	display: none;
}



#maincontent .caption {
	font-size: 0.75em !important;
	color: #999;
}


#maincontent div.node {
	border-bottom: 1px solid #bbb;
	padding-top: 4px !important;
	padding-bottom: 0px;
}
#maincontent #banner-photo div.node {
	border-bottom: 0px solid #fff;
}
#maincontent .content {
	padding: 0px;
	margin: 0px;
}


/*===*/

#header {
	margin: 0px;
	height: 90px;
	min-height: 90px;
	padding: 0px 0px 0px 0px;
	background-image: url(../img/headerbg.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	background-color: #fff;
	color: #fdbb30;
	border-bottom: 3px solid #b2c4e0;
	position: relative;
}

#banner /* Used for background banner image */ {
	background-image: url('../img/logo_sussex_central.gif');
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	z-index: 0;
	top: 0px;
	left: 0px;
	height: 90px;
	min-height: 90px;
}
#site-logo {
}

#site-logo a /* Not really the logo, but the space for a link */
{
	width: 700px;
	display: block;
	height: 90px;	
}
#site-audiences {
text-align: center;
float:right;
top: 60px;
clear:right;
z-index: 1;
right: 0;
position:absolute;}

#site-audiences ul {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#site-audiences li {
	display: inline;
	background: url(../img/tabmiddle.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 2px;	
	margin-bottom: 0px;
	float: left;
	border-bottom: 2px solid #b2c4e0;
}

#site-audiences li:hover {
	/*background: url(../img/tabmiddle_over.gif) repeat-x center top; Doesn't work in IE*/
}

#site-audiences li.active {
	background: url(../img/tabmiddle_over.gif) repeat-x center top;
	border-bottom: 2px solid #f66;
}

#site-audiences a {
	background: url(../img/tableft.gif) no-repeat left top;
	float: left;
	margin: 0;
	padding-left:7px;
	text-decoration: none;
}
#site-audiences a:hover {
	color: #f00;
}
#site-audiences li.active a {
	background: url(../img/tableft_over.gif) no-repeat left top;
}
#site-audiences a span {
	background: url(../img/tabright.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#site-audiences li.active a span {
	background: url(../img/tabright_over.gif) no-repeat right top;
	color: #fff;
}

#site-audiences a span {
	float: none;
}


/* ACCESSIBILITY BAR */

#accessibility {
z-index: 1;
line-height: 1.1em;
color: #333;
background-color: #eee;
text-align: right;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
float:right;
}

#accessibility ul {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#accessibility ul li {
font-weight: normal;
display: inline;
padding: 2px 3px 2px 8px;
margin: 0px 0px 0px 0px;
border-left: 1px solid #bbb;
}

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

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

#accessibility a:link  { text-decoration: none; color: #555; }
#accessibility a:visited { text-decoration: none; color: #555; }
#accessibility a:active { text-decoration: none; color: #444; }
#accessibility a:hover { text-decoration: none; color: #333; }

/* Hide the graphics version */
.nodisplay {
	display: none !important;
}



/* Admin Menu */

#block-nice_menus-1 {
	position: relative;
	top: 0; left: 0; 
	z-index:3;
}

#block-nice_menus-1 h2 {
	display: none;
}

#block-nice_menus-1 ul ul {
	padding: 0px;
	margin: 0px;
}
#block-nice_menus-1 ul li ul li {
	height: 1% !important;
	padding: 0px;	
	margin: 0px !important;
}


.sub-logo { 
float: right;
}

div.image-attach-teaser {
	float:right;
	margin-top: -70px;
}

/* FEATURE BLOBS */

.feature { text-align: left; }

.box1 { 
float: left; 
margin: 0px 10px 10px 0px; 
height: 200px; 
width: 200px; 
max-width: 200px; 
background-color: #ef4137; }

.box2 { 
float: left; 
margin: 0px 10px 10px 10px; 
height: 200px; 
width: 200px; 
max-width: 200px; 
background-color: #ef4137; 
}



/* LEFT SIDEBAR */

#navigation-column {
	width: 200px;
	margin: 0px;
	margin-left: -100%;
	right: 200px;
	padding: 0px 0px 0px 0px;
}

/* for IE 6 */
* html #navigation-column {
	left: 200px; /* Right Column width!!! */
}

#container > #navigation-column {
left: -200px; /* -LC width for others */
margin-left: expression(document.all.maincontent.offsetWidth * -1); /* Fix for IE7 */
}

#nav2 {
/*background-color: transparent;
background-image: url('../img/nav2-bg.jpg');
background-repeat: repeat-x;
height: 90px;*/
}

#navigation-column ul, #navigation-column li {
	list-style: none;
}

#navigation-column h1 {
color: #222;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0em;
margin: 0px 0px 5px 10px;
padding: 0px 0px 5px 0px;
}
#navigation-column h2 {
color: #222;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0em;
margin: 10px 0px 5px 10px;
padding: 5px;
}
	

#navigation-column #block-menu-2 h2 {
	display: none;
}

/* changed to hide menu headings altogether */
#navigation-column h2 {
	display: none !important;
}

#navigation-column h3 {
color: #222;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0em;
margin: 5px 0px 5px 10px;
padding: 0px 0px 5px 0px;
}

#navigation-column p {
color: #333;
margin: 5px 0px 5px 0px;
padding: 0px 10px 0px 10px;
}

/* RIGHT SIDEBAR */

#features-column {
	width: 200px;
	margin-right: -200px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	/*background-color: transparent;
	background-image: url('../img/nav2-bg.jpg');
	background-repeat: repeat-x;*/
	height: 1%;
	position:relative;
}

#features-column-inside {
	padding: 6px 0px 0px 0px;
	margin: auto;
	width: 99%;
	text-align: center;
	float: none;
	position:relative;
}

#features-column h1 {
color: #222;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0em;
margin: 0px 0px 5px 10px;
padding: 0px 0px 5px 0px;
}

#features-column h2 {
display: none;
color: #222;
font-size: 1em;
font-weight: bold;
letter-spacing: 0em;
margin: 0px;
background-image: url('../img/h2_bg.jpg');
background-position: 0% 0%;
background-repeat: no-repeat;
}

#features-column h3 {
color: #222;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0em;
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

#features-column .image-left {
margin: 5px 0px 5px 10px;
}

#features-column p {
color: #333;
font-size: 0.75em;
padding: 0px 2px 0px 2px;
margin: 0px;
}

#pager {
	display: block;
	/*width: 100%;*/
	background-color: #fff;
	font-size: .80em;
	/*border: 1px solid #ccc;
	background-color: #eee;*/
	text-align: left;
	height: 1.4em;
	line-height: 1.4em;
}
#pager span {
	/*border: 1px solid #eee;*/
}
#pager a {
	display: inline;
	padding: 0px 4px 0px 4px;

}
/* FOOTER */

#footer {
	border-bottom: 1px solid #999;
	color: #333;
	background-color: #fff;
	min-height: 80px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-position: 0 100%;
	background-image: url('../img/nav2-bg.jpg');
	background-repeat: repeat-x;
	clear: both;
}

#footer div.content {
	padding: 36px 16px 16px 16px;
}

#footer div.content p {
	color: #444;
	text-align: left;
	font-weight: bold;
	font-size: 0.85em;
	letter-spacing: 0.0125em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer div.content #backtotop {
	float:right;
}

#footer div.content #backtotop a {
	border: 1px solid #bbb;
	padding: 2px 2px 2px 24px;
	background-image: url('../img/arrow_up.gif');
	background-repeat: no-repeat;
	background-position: left;
	font-family: arial;
	line-height: 1em;
	width: 90px;
	background-color: #fff; /*#e7e7e7;*/
	font-size: 1.1em;
	display:block;
	color: #777;
}


#backtotop a:hover {
	/*background-color: #fff;*/
}


/* THE NAVBAR MENU (which inside the #navigation-column) */

#navcontainer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
color: #0a2444;
font-weight: bold;
border-bottom: 4px solid #69C;
font-family: Arial;
}

#navcontainer ul.menu {
margin: 0px;
padding: 0px;
list-style: none;
border: none;
border-top: 1px solid #cec9bf;
}

#navcontainer #block-menu-310 ul.menu li a {
	background-color: #c66 !important;
}

#navcontainer ul.menu ul {
margin: 0px;
padding: 0px;
list-style: none;
border: none;
}

#navcontainer ul ul ul {
margin: 0px;
padding: 0px;
list-style: none;
border: none;
}


/* IE 6 FIX ??? */
#navcontainer ul.menu li,#navcontainer ul.menu li li, #navcontainer ul.menu li li li {
height: 1%;
}

/* MARKERS */
#navcontainer ul.menu li a {
background-image: url("../img/arrow.gif");
background-position: 6px 8px;
background-repeat: no-repeat;
padding-left: 14px;
padding-right: 4px;
font-size: 0.9em;
font-weight: bold;
border-bottom: 1px solid #666;
border-right: 6px solid #69C;
border-left: 10px solid #69C;
font-family: Arial;
display:block;
height: 1%;
}


/* level 1 */
#navcontainer ul.menu li {
margin: 0px;
list-style: none !important;
padding: 0px;
border-top: 0px solid #fff;
border-bottom: 1px solid #cec9bf;
}

#navcontainer ul.menu li.collapsed {
	list-style: none;
}

#navcontainer li a {
display: block;
color: #dfe8f5;
margin: 0px;
padding: 4px 5px 4px 10px;
background-color: #006fb1;
text-decoration: none;
}

#navcontainer li a:hover {
color: #fff;
background-color: #1487cb;
}

/* level 2 */
#navcontainer ul.menu li li {
margin: 0px;
padding: 0px;
font-weight: normal;
border-top: 1px solid #fff;
border-bottom: 0px solid #cec9bf;
list-style: none !important;
}

#navcontainer ul.menu li li a {
display: block;
color: #006fb1;
margin: 0px;
padding: 2px 4px 2px 20px;
background-color: #b2c4e0;
text-decoration: none;
background-image: url("../img/arrow.gif");
background-position: 12px 6px;
background-repeat: no-repeat;
}

#navcontainer li li a:hover {
color: #69f;
background-color: #dae7fb;
}

/* level 3 */
#navcontainer ul.menu li li li {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#navcontainer ul.menu li li li a {
display: block;
color: #006fb1;
margin: 0px;
padding: 2px 0px 2px 32px;
background-color: #c9d8ef;
text-decoration: none;
background-image: url("../img/arrow.gif");
background-position: 22px 6px;
background-repeat: no-repeat;

}

#navcontainer li li li a:hover {
color: #fff;
background-color: #dbe5f5;
}

/* the ACTIVE colours */
#navcontainer ul li a.active { color: #fff; }
#navcontainer ul li li a.active { color: #ec2e23; }
#navcontainer ul li li li a.active { color: #ec2e23; }


/* This is the item in the menu which links to YMCA Mid Sussex */
#navcontainer li#menu-item-265 a {
	border-left-color: #c66 !important;
}



/* FORMS */

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

.inpt { width: 200px; max-width: 200px; }
.txtarea { width: 300px; max-width: 300px; }
.textbox, #edit-search_block_form_keys { 
	width: 90px; 
	max-width: 90px; }

form input, form textarea {
background-color: #fff;
border: 1px solid #ccc;
border-color: #ccc #eee #eee #ccc;
color: #2E2A2B;
font-size: 0.9em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

form textarea {
	width: 400px;
}

form input.searchme, #search_block_form .form-submit {
color: #fff;
font-weight: bold;
background-color: #006fb1;
border: 1px solid #1484c6;
border-color: #1484c6 #015f97 #015f97 #1484c6;
text-transform: uppercase;
padding: 4px 6px;
font-family: Arial, Helvetica, sans-serif;
}

form input.form-submit {
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background: #006fb1 url('../img/button_bk.gif') repeat-x left top;
border: 1px solid #1484c6;
border-color: #1484c6 #015f97 #015f97 #1484c6;
text-transform: uppercase;
padding: 2px 4px;
-moz-border-radius: 2px;
}

form .select {
color: #2E2A2B;
font-size: 1em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
border: 1px solid #bbb;
}

form input.reset {
color: #fff;
font-size: 1.0em;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #aaa;
border: 1px solid #ccc;
border-color: #ccc #999 #999 #ccc;
}

form input.radio {
border: 0px;
}

forminput .image {
border: 0px;
}

.form-item label {
	font-size: 0.85em;
}

/* GENERAL TYPOGRAPHY */

h1 {
color: #144D9A;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 0em;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
font-family: 'Verdana', 'Gill Sans', Helvetica, sans-serif;
}

h2 {
color: #336;
font-size: 1.3em;
font-weight: bold;
margin: 0px 10px 2px 0px;
padding: 0px 0px 0px 0px;
clear: left;
}

h2 a, h2 a:visited, h2 a:hover, h2 a:link {
	color: #1487CB;
}

h3 {
color: #666;
font-size: 1em;
font-weight: bold;
margin: 0px 15px 4px 0px;
padding: 0px 0px 0px 0px;
clear:left;
/*font-family: 'Gill Sans', Arial, Helvetica, sans-serif;*/
/*letter-spacing: 0.005em;*/
}


h4 {
color: #333;
font-size: 0.9em;
font-weight: bold;
margin: 6px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}

h5 {
color: #222;
font-size: 0.85em;
font-weight: bold;
margin: 0px 15px 15px 0px;
padding: 0px 0px 0px 0px;
}

h6 {
color: #222;
font-size: 0.8em;
font-weight: bold;
margin: 0px 15px 15px 0px;
padding: 0px 0px 0px 0px;
}

p {
color: #333;
margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
}

ul ol {
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 20px;
}

li {
color: #2E2A2B;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

/* IMAGES */

.image {
margin: 0px 0px 0px 0px;
padding: 1px;
border: 1px solid #d6d1d1;
background-color: #fff;
}

.image-left {
float: left;
margin: 0px 10px 10px 0px;
padding: 1px;
border: 1px solid #d6d1d1;
background-color: #fff;
}

.image-right {
float: right;
margin: 0px 0px 10px 10px;
padding: 1px;
border: 1px solid #d6d1d1;
background-color: #fff;
}


/* TABLES */

table {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
}

table h1 { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 0px 5px 0px; }
table p { font-size: 0.9em; margin: 0px; padding: 2px 0px 2px 0px; }

.outline { border: 1px solid #CAC3CE; }
.outline td { background-color: #eff1f2; }

th {
padding: 1px 5px 1px 5px;
background-color: #e6e9ea;
text-align: left;
}

td {
padding: 1px 5px 1px 5px;
background-color: transparent;
text-align: left;
}

/*===*/

#node-1 p { margin: 0; }

#node-1 td {
	font-size: 0.80em;
	padding: 0px;
	margin: 0px;
}
#node-1  span.caption { display:none; }
#node-1 td img { margin: 0px;height: 50px; width: 120px;}

/* For Internet Explorer */
html>body hr { margin: 10px 0px 10px 0px; padding: 0px; width: 100%; height: 1px; background-color: #bfccd9; border: none; } /* For Gecko-based browsers */
html>body hr { margin: 10px 0px 10px 0px; padding: 0px; width: 100%; height: 1px; background-color: #bfccd9; border: 0px dashed #444; } /* For Opera and Gecko-based browsers */


/* === */

/* BREADCRUMB TRAIL AND TAXONOMY LINKS */

.breadcrumb {
color: #777;
font-size: 0.7em;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 6px 0px 2px 0px;
}

.taxonomy {
	display:block;
	height: 20px;
	color: #777;
	font-size: 0.7em;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 2px 0px;
}

.breadcrumb a, .taxonomy a { text-decoration: none; color: #777; }
.breadcrumb a:link, .taxonomy a:link  { text-decoration: none; color: #777; }
.breadcrumb a:visited, .taxonomy a:visited { text-decoration: none; color: #999; }
.breadcrumb a:active, .taxonomy a:active { text-decoration: none; color: #555; }
.breadcrumb a:hover, .taxonomy a:hover { text-decoration: none; color: #777; }

.taxonomy a:before {
	content:' ';
}

/* Right side bar BLOCKS */

#features-column .block { 
	color: #9a9a9a; 
	text-transform: none; 
	/*font-size: 16px; */
	padding: 0;
	border-bottom: 1px solid #bbb; 
	background-color: #f4f4f4; 
	border: 1px solid #bbb; 
	margin: 0px auto 6px auto !important; 
	width: 190px;
	text-align: left;
}
#features-column .block .content { 
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 10px 4px; 
}	
#features-column h2.title { 
	display: block;
	color: #777; 
	text-transform: none; 
	font-size: 0.95em;
	line-height: 0.95em; 
	font-family: arial;
	/*background-color: #eee; */
	background-color: #DAE7FB;
	background-image: url('../img/arrow_down.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 0px 0px; 
	padding: 4px 0px 4px 24px; 
	border-bottom: 1px solid #bbb;
}
/* Turn much of this off again for items within the content*/
#features-column div.content h2.title { 
	display: block;
	color: #777; 
	text-transform: none; 
	font-size: 0.9em;
	line-height: 1.1em; 
	background-color: #f7f7f7;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 6px 0px 0px 2px; 
	padding: 2px 2px 2px 2px; 
	border-bottom: none;
}			



/* BUTTONS */
#features-column .block-button {
	border: 0px;
	min-height: 60px;
	margin-top: 10px !important;
	text-align: center;
	clear:left;

}

#features-column .block-button div.content {
	background-color: transparent !important;
	background-image: none;
	padding: 0px 2px 6px 2px !important;
	background-position: 0% 0%; 
	background-repeat: no-repeat;
	color: #fff;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold; 
	margin: 0px;
}

#features-column .block-button div.content a { 
	text-decoration: none; 
	color: #fff;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 1%;
}
#features-column .block-button div.content p { 
	margin: 0px;
	padding: 0px;
}

/*
#features-column .block-button div.content a:link  { text-decoration: none; color: #fff; }
#features-column .block-button div.content a:visited { text-decoration: none; color: #fff; }
#features-column .block-button div.content a:active { text-decoration: none; color: #fff; }
#features-column .block-button div.content a:hover { text-decoration: none; color: #fff; }
*/

/* VOLUNTEER */
#features-column .block-button-volunteer div.content { 
	background-image: url(../img/volunteer.jpg); 
	text-align: center; 
	text-transform: uppercase;	
}
#features-column .block-button-volunteer div.content a { 
	font-size: 2em;	
	padding: 16px 4px 12px 4px !important;	
}
		
/* DONATE */	
#features-column .block-button-donations div.content { 
	text-align: right;
	text-transform: uppercase; 
	background-image: url(../img/donate.jpg); 
}
#features-column .block-button-donations div.content a {
	padding: 26px 4px 2px 2px !important; 
	font-size: 2.2em; 
}

/* COLLECTIONS */			
#features-column .block-button-collections div.content { 
	background-image: url(../img/collections.jpg); 
	text-align: right; 
	font-family: Arial, sans-serif; 	
}
#features-column .block-button-collections div.content a { 
	padding: 16px 2px 2px 2px !important; 
	font-size: 1.2em; 
}
	
/* JOBS */
#features-column .block-button-jobs div.content { 
	background-image: url(../img/jobs.jpg); 
	text-align: right; 
	text-transform: uppercase; 
	font-family: Arial, sans-serif;
}
#features-column .block-button-jobs div.content a { 
	padding: 94px 8px 0px 2px !important; 
	font-size: 1.8em; 
}
		
.phone { color: #ccc; font-size: 1.6em !important; }


#features-column .block-button img.right-image {
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 80px;
}

#features-column .block-button h2 { 
	display: none;
}

#features-column .block-button p { 
	color: transparent !important; 
}

#features-column .block-button .image-left {
	margin: 0px;
}






#navigation-column img {
	height: 90px !important;
	width: 120px !important;
	clear:left;
}

/* If it's in the main content, give it a different margin */
#maincontent .block-feature {
background-color: #dfe9f8;
margin: 2px 0px 2px 0px;
padding: 2px;
border: 1px solid #bbb;
}
#maincontent .block-feature h2 { color: #f33; }
#maincontent .block-feature p { color: #333; }
#maincontent .block-feature .image-left {
margin: 5px 5px 5px 0px;
}

/* == EVENTS == */
#block-views-latest_event {
	border-bottom: 0px none;
}

div.event-tz {
	display: none;
}
div.event-start, div.event-start label {
	display: none;
}
div.event-end, div.event-end label {
	display: none;
}
#block-views-latest_event div.links, div.event-nodeapi div.links {
	display: none !important;
}
#block-block-19 .event-timeleft {
	font-size: 0.8em;
	float: left;
}

#events-by-month {

}
#events-by-month h3 {
	margin-left: 0px;
	color: #777;
}
#events-by-month ul {
	clear:left;
	padding-left: 0px;
}
#events-by-month li {
	clear:left;
}
#events-by-month .event-timeleft {
	font-size: 0.8em;
	xfloat: left;
}
#events-by-month li a.active {
	color: #555;
}
/*== NODE AND LINKS ==*/

div.xnode  {
	float:left;
}

.more-link {
	display: none;
}



div#scip_taxonomy_term_node_list {
	border-bottom: 1px solid #bbb;
}
div#scip_taxonomy_term_node_list h3 {
	font-size: 0.85em;
	font-weight: normal;
	display: none;
}
div#scip_taxonomy_term_node_list ul  {
	list-style: none;
}
div#scip_taxonomy_term_node_list ul li {
	list-style: none;
	margin-left: 0px;
	padding: 0px 0px 0px 10px;
}
div#scip_taxonomy_term_node_list ul li a {
	background-image: url("../img/arrow2.gif");
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	
}

div#scip_taxonomy_term_node_list ul li a:hover {
	
}


/* LINKS */

div.node div.links {
	float:right;
	color: #fff;
}

div.links a {	
	display:none;
}

div.links a.read-more, div.links a.node_read_more {
	
	border: 1px solid #bbb;
	padding: 2px 2px 2px 24px;
	background-image: url('../img/arrow_right.gif');
	background-repeat: no-repeat;
	background-position: left;
	line-height: 1.1em;
	width: 90px;
	font-family: arial;
	background-color: #f33; /* #e7e7e7; */
	font-size: 0.8em;
	display: block;
	color: #eee;
}

div.links a:hover.read-more, div.links a.node_read_more:hover  {
	/*background-color: #fff;*/
	color: #fff;
}

.submitted {
	font-size: 0.8em;
}



/* VOLUNTEER STORIES */

#block-views-random_volunteer_story ul {
	list-style: none;
	margin: 0px;
}
#block-views-random_volunteer_story ul li {
	list-style: none;
	margin: 0px;
}

div.view-content-volunteer-story {
	font-size: 0.9em;
	margin-bottom: 14px;
	height: 1%;
}

.field-field-role {
	font-size: 1em;
	font-weight: bold;
}
.field-field-role .field-label-inline-first {
	display: none;
}
.field-field-quote {
	font-size: 0.95em;
	font-style: italic;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
	background-image: url(../img/quotes.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.field-field-descripton {
	font-size: 0.9em;
	margin-bottom: 20px;
	display: block;
}


#features-column .field-field-role {
	font-size: 0.9em;
	font-weight: bold;
}
#features-column .field-field-quote {
	font-size: 0.9em;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	color: #444;
	background-image: none;
}

#features-column .view-content-volunteer-story h2.title {
	font-size: 1.2em !important;
}
/*---------*/

body.simplemenu-enabled {
	margin-top: 0px;
}

#header ul#simplemenu {
	xpadding-left: 25px;
	xbackground-image: url('../img/y.gif');
	xbackground-position: 2px 2px;
	xbackground-repeat: no-repeat;
	z-index: 10000 !important;
}

.first-para {
	font-size: 1.1em;
	color: #777;
	font-weight: bold
}
.red-header, .red-header a{
	color: #933;
}
.green-header, .green-header a {
	color: #43a730;
}
.purple-header, .purple-header a {
	color: #950a69;
}

.search-results dt {
	font-size: 1em;
}
.search-results dt a {
	text-decoration: underline;
}
.search-results dd {
	margin-left: 0px;
}
p.search-info {
	display: none;
}

/* Hide the MidSussex taxonomy links */
.view-Banner-Photos-MidSussex div.taxonomy, .taxonomy_term_40 {
	display: none;
}
#block-views-Banner_Photos_MidSussex {
	margin: 0;
}


embed {
	width: 100%;
	background-color: #eee;
}

#block-views-feature_latest_news h2.title {
	font-size:2em;
}
#block-views-feature_latest_news h2.title a {
	color: #144D9A;
}

#simplemenu a {
	padding-bottom: 6px;
}

#service-links a{
	background-image: none !important;
	/*background-color: #f00 !important;*/
	
}