/*
Theme Name: Respond
Author: Byju Sukumaran

bg=BDE3BB
link=14658F > 0250A0
in pic=53148F
blue=0097D6
header=black
bodylink=69B2DF
purpleheader=AD47CF
downloadsbg=E9FDDA
------------------------------------------------------------------------- */
img {position: relative;} /* fix for disappearing images in IE 6 and IE 5 when floated*/

html,body {
	margin:				0;
	padding:			0;
	height:				90%;
	text-align:			center;
	background-color:	#b1e0ad;
	background-image: url('../imgs/bg.gif');
	color: #694300;
	font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
	line-height: 1.5em;
}

#splashscreen{display:none;}
#container,#header, #body_left, #body_middle, #body_right, #footer {display: inherit;}


#container {
	/*position:			relative;*/
	width:				770px!important;
	width:				770px;		/* IE Fix for (2) 1px borders being inside container. */
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	height:				100%;
	min-height:			100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*Table 
------------------------------------------------------------------------- */
body .table { border: 0; margin:0; padding: 0; }
body .table  caption {margin: 0; padding: 0; border: none}
body .th { margin: 0; padding: 0; border: none;}
body .td { margin: 0; padding: 0; border: none;}
body .th { background-color:transparent; }
body .td { background-color: transparent; }

/* Opening times table */
		
.openingTimesBg {width: 390px; background-color: #919191; }
table.openingTimes  {
		width: 390px;
		/*position: relative; */ /*28nov*/
		top: -4px; left: -4px; 
		border-top: none; 
		/*border-left: 1px solid #666; */ /*28nov*/
		border-left: none;
		border-right: none; 
		border-bottom: none; 
		
	}
	
table.openingTimes  caption {
		 width: 390px;
		 margin:0; 
		 padding: 5px 5px; 
		 text-align: left; 
		 border: 1px solid #666; 
		 background: #fff;
	}
table.openingTimes th,table.openingTimes td { 
		margin: 0; 
		padding: 5px 5px; 
		text-align:center; 
		border-bottom: 1px solid #666; 
		border-right: 1px solid #666; 
		border-left: none; 
		 
	}
	
table.openingTimes td.tableborder,
table.openingTimes th.tableborder
{ border-left: 1px solid #666;}

table.openingTimes .name { text-align:left; }
table.openingTimes th{ background:#FFCC00; color: #000;}
table.openingTimes td {background:#FFFF66; }

/* Opening times table */

#body_middle table { border:none; margin:0; padding:0;}

#body_middle table td {background: #fff2b0; vertical-align:bottom; border-bottom:1px solid #666; text-align:left; margin:0;  padding:0 5px 0 5px;}

#body_middle table td p { margin:0; padding:0;}	

/* SHOP */
#shop ul{clear: both; }
#shop li{margin: 0 30px;}
#shop table  { margin: 0; padding: 0; clear:both;}
#shop table td { border-bottom: #669999 1px dashed;background: #fff; margin: 0; padding: 0 10px;}
#shop table caption { text-align:left; font-weight:bold; margin:0; padding:0;}


/*Links 
------------------------------------------------------------------------- */

a, a:link {
    text-decoration: none;
    color: #0250A0;
	padding: 0 2px;
    
}
a:visited { color: #0250A0; }
a:hover { text-decoration: none; background-color: #000; color: #fff; padding: 0 2px;}
a:active { color: #c33; }

a.donation:hover { text-decoration: none; background-color:#fff; padding: 0 2px;}

.footerlinks a{
	color: #fff;
    background-color: #694300;
	font-weight: lighter;
}

.footerlinks a:visited {color: #fff;}
.footerlinks a:active {color: #fff;}

/* Font styles
------------------------------------------------------------------------- */

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}

ul {
     margin-left: 1em;
    padding-left: 1em;
}
li {
    padding-left: 0;
	margin-left: 0px;
	margin-right: 0px;
    margin-bottom: 3px;
}


h1 { font-size: 218%; color: #925F8B; }
h2 { font-size: 164%; color: #925F8B;}
h3 { font-size: 145%; color: #AA5D19;}
h4 { font-size: 118%; color: #B37640;}
h5 { font-size: 100%; color: #fff; background-color: #694300;}



.highlight { color: #fff; background-color: #694300; }

h1, h2, h3, h4 {
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
	line-height: 1.2em;
}

h1, h2 {text-transform:uppercase;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	/*color: #333;*/
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #06c;
	border-bottom: 1px dotted #06c;
}
a img, img {
    border: none;
}


blockquote {
	margin:0;
	padding:0;
	color:#555;
}

blockquote p {
	font: italic 1em Georgia, Times, serif;
	font-size: 1em;
	margin: 1.5em 2em 0 1.5em;
	padding:0;
}

blockquote .source {
	text-align: right;
	font-style: normal;
	margin-right: 2em;
}

hr {border: none 0;
	border-top: 1px dashed #b1e0ad;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	clear:both;
}

form {margin: 5px 0;}

/* header style
------------------------------------------------------------------------- */

#header { 
    background: url(../imgs/respondlogo.gif) no-repeat 165px 0px;
    width: 100%;
    height: 100px;
    position: relative;
}

#header h1 {
    margin: 10px 0 10px 0;
    padding: 0;
    color: #fff;
    text-shadow: #81A75B 2px 2px 2px;
  	text-indent: -5000px;
}
#header h1 a {
    text-decoration: none;
    border-bottom: none;
    color: #fff;
}
#header h1 a:hover { 
    color: #eee; 
    text-shadow: #fff 0 0 4px;
}

/* Body Left
------------------------------------------------------------------------- */
#body_left {
	float: left;
	width: 165px;
}



/* Body middle
------------------------------------------------------------------------- */
#body_middle {
	float:	left;
	text-align: left;
	margin: 0;
	width: 430px;
}


#body_middle ul {list-style: circle;}
#body_middle li {margin-left: 1em; padding-left: 1em;}


#body_2column {
	float:	left;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 605px;
}

/* Body Right
------------------------------------------------------------------------- */

#body_right {
	float: left;
	text-align:	left;
	padding: 0 0 0 10px;
	margin: 0;
	width: 175px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 165px;
}
html>#body_right {width: 165px;}		/*...box model hack value added twice, for opera*/




/*footer
------------------------------------------------------------------------- */
#footer_2column {
	float: left;
	text-align:left;
	border-top: solid 1px #fff;
	width: 605px;
}


#footer {
	bottom:				0;
	width: 				100%;
	height:				50px;
	margin-left:		0 !important;
	margin-bottom:		0 !important;
	margin-bottom:		-1px;
}

#footer_left {
	float:left;
	width: 165px;
}
#footer_middle {
	float: left;
	text-align:left;
	border-top: solid 1px #fff;
	width: 430px;
}
#footer_right {
	float: left;
	width: 175px;
}

/* Hide from IE5/Mac \*/
#footer { height: 1%;}
/* End hide from IE5/Mac */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%;}
/* End hide from IE5/Mac */



/* Drop shadow
------------------------------------------------------------------------- */
.Shadowbox {
			margin: 5px 0 5px 5px;
			background-color: #93BDCC;
			}
					
.Shadowcontent {
			position: relative;
			padding: 10px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #fff;
			color: black;
			min-height:400px;
			/*_height: 400px;  /* underscore hack for IE5 */
			}

/* Drop shadow on helpline number
------------------------------------------------------------------------- */

#helplineinfo {
			position: relative;
			padding: 10px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #0097D6;
			color: #fff;
			font-size: 1.1em;
			/*line-height: auto;*/		
			}

#helplineinfo div {
			margin: 10px 0 0 0;
			font-size: 0.9em;
			line-height: 1.2em;	
			}
			
/* Drop shadow on contactInfo number
------------------------------------------------------------------------- */

#contactInfo {
			position: relative;
			padding: 10px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #0097D6;
			color: #fff;
			font-size: 1.1em;
			/*line-height: auto;*/		
			}

#contactInfo div {
			margin: 10px 0 0 0;
			font-size: 0.9em;
			line-height: 1.2em;	
			}

			
/* Right Hand column boxes with drop shadows
------------------------------------------------------------------------- */
/* assets/templates/respond/imgs/download_arrow.gif */

#ShadowboxRightContent {
			position: relative;
			padding: 10px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #E9FDDA;			
			}
			
#body_right h4 {
			color: #F3869B;
			text-transform:uppercase;
			border-bottom: dashed 1px #F3869B;
			padding-bottom: 0.6em; 
			}
#body_right  ul {list-style: none; margin-left: 0; padding:0;}
#body_right  li {list-style: none; margin-left: 0; padding: 0 0 0 15px;margin-bottom: 1.2em;}

			
.downloads h4{padding: 20px 0 3px 36px; background: url('../imgs/download_arrow.gif') no-repeat 0px 3px;}


.downloads ul li{ background: url('../imgs/icon_download.gif')  no-repeat 0 0px; line-height:normal;}
.allArticles ul li  {background: url('../imgs/icon_page.gif') no-repeat 0 0px; line-height:normal;}
.usefulLinks ul li {background: url('../imgs/icon_www.gif')  no-repeat 0 0px; line-height:normal;}



#leftSubColumn{width: 180px; float: left; position:relative; }
#rightSubColumn{width: 180px; float: right; position:relative; }


#body_middle #leftSubColumn  ul,
#body_middle #rightSubColumn  ul 
{list-style-type: none; margin-left: 0; padding:0;}

#body_middle #leftSubColumn  li,
#body_middle #rightSubColumn  li 
{ list-style: none; margin-left: 0; padding: 0 0 0 15px;margin-bottom: 1.2em;}

#body_middle #leftSubColumn .allArticles ul li,
#body_middle #rightSubColumn .allArticles ul li  
{background: url('../imgs/icon_page.gif') no-repeat 0 0px; line-height:normal;}

/* Menu expand and collapse
------------------------------------------------------------------------- */
#menu { 

		font-size: 140%; 
		padding: 0; 
		margin: 20px 0px 0px 0px;
		
}

#menu a { 
	padding: 0 5px 0 5px;
	margin: 0px;
	width: 133px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 123px;
}
html>#menu a {width: 123px;}		/*...box model hack value added twice, for opera*/


#menu ul{margin:0;list-style:none; padding: 0; }

#menu li{
 
   	margin:0;
  	height:auto !important;
   	height:1%;
   	line-height:2.4em;
   	font-size:1em;
   	color:#000;
   	font-weight:bold;
   	text-align:right;
   	padding: 0 32px 0 0;
	width: 165px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 133px;
}
html>#menu li {width: 133px;}		/*...box model hack value added twice, for opera*/


#menu li a:hover{
	color: #000;
	background-color: #fff;
}


#menu ul ul{ 
	display:none;
	padding: 0;
	border-top: 1px solid #000;
}


#menu li li{ 
	padding: 0;
	line-height: 1.5em;
	font-weight:normal;
	text-align:left;
	border-bottom: 1px dashed #000;
}

   

#menu li a, #menu li.here a{
   color:#0250A0;
   display:block;
   text-decoration:none;
  
}


#menu li.here {
   color:#000;     /* current menu color */
   background: url(../imgs/marker.gif) no-repeat 135px 0px;
}

#menu li.here li a{  
	background-color: #D3EFD1;
	padding: 0;
	width:100%;
}
#menu li.here li {  
	background-color: #D3EFD1;
	padding: 0 2px 0 2px;
	width: 133px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 129px;
}
html>#menu li.here li {width: 129px;}		/*...box model hack value added twice, for opera*/

#menu li.here li a:hover {  
	color: #fff;
	background-color: #000;
	width:100%;
}
#menu ul ul ul{
   display:none;
}

#menu li.here ul{
	display:block;
	padding: 0px;
	font-size:0.9em;
}

#menu li.here ul ul {
   display:none;
}

#menu li.here li.here {
   display:block; 
   background-image: none;
 }

/* News snippets Homepage only
------------------------------------------------------------------------- */

#nl_pages {margin-top: 10px;}
#nl_pages #nl_currentpage {border: 1px solid blue;padding: 2px; margin: 2px; background-color: rgb(90, 132, 158); color: white;}
#nl_pages .nl_off {border: 1px solid #CCCCCC; padding: 2px; margin: 2px}
#nl_pages a {border: 1px solid rgb(203, 227, 241);; padding: 2px; margin: 2px; text-decoration: none; color: black;}
#nl_pages a:hover {border: 1px solid #000066; background-color: white; }

.nl_latestlist ul{ line-height:normal; list-style: none; margin: 0; padding: 0}
.nl_latestlist li { margin: 0 0 1.3em 0; padding: 0px 0 0 15px; background: url('../imgs/icon_page.gif') no-repeat 0px 0px;}
/*.nl_latestlist li a {}
.nl_latestlist li a:hover {}
*/

.nl_archivelist ul{list-style-type: none; margin: 0; padding: 0px; }
.nl_archivelist ul ul{list-style-type: none; margin-left: 0px;}          
.nl_archivelist li {list-style-type: none; margin: 0 0 1.3em 0; padding: 0px;}
.nl_archivelist li a {font-weight: bold;}
.nl_archivelist li a:hover {}
.nl_month {font-weight: bold;}
.nl_date {}
.nl_archpost{line-height: 1.2em;} /* the links */
									
.latest { }		/*table cell class for articles*/
.contactdetails {line-height: 1.3em;}		/*table cell class for contact*/
.profile {background: url('../imgs/icon_profile.gif') no-repeat 0 0px; padding:2px 3px 5px 20px;}


/* Placard man
------------------------------------------------------------------------- */
#placard_man {font-family: "Comic Sans MS", Verdana, sans-serif; color: #fff; text-align:center; font-size:1.2em; text-transform:uppercase;}
#placard_man a {padding: 0;}
#placard_man a:hover {background: none;}
#placard_man .whiteLink a {color: #fff;text-decoration: underline;}
#placard_man .whiteLink a:hover {color: #0097D6; background-color: #fff;}
#helplineinfo .whiteLink a { color: #fff; text-decoration: underline;}
#helplineinfo .whiteLink a:hover {color: #0097D6; background-color: #fff;}
#contactInfo .whiteLink a { color: #fff; text-decoration: none;}
#contactInfo .whiteLink a:hover {color: #0097D6; background-color: #fff;}


/* Helpline rotating main pic
------------------------------------------------------------------------- */

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

#photoholder {
	background:#fff;
	height:185px;
	overflow:hidden;
	width:405px;
	position:relative;
	}

/*FCKEditor styles
------------------------------------------------------------------------- */
.left{float: left; margin: 5px 5px 5px 0; clear: left;}
.right{float: right; margin: 5px 0 5px 5px; clear: right;}


/* Easy Read photo story
------------------------------------------------------------------------- */
.ShadowEasyReadcontent {
			position: relative;
			padding: 10px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #fff;
			color: black;

			}
#EasyRead {
			padding: 10px; 
			background: #0097D6;
			color: #fff;
			min-height:400px;
			height:auto !important;
 			height:400px;
			/*_height: 400px;  /* underscore hack for IE5 makes the css not wc3 valid */
			}


.photostory {color: #000;}

#EasyRead .photostory h3 { color: #000;}
#EasyRead .photostory h4 { color: #000;}

table.photostory td{ background-color: #cfc; vertical-align: top; margin: 3px; padding: 5px; border: none;}
#EasyRead address a {font-style: normal; line-height:normal;}
#EasyRead address  {background-color: #cfc; float: left; width: 110px; margin-right: 15px; padding: 5px; height: 170px; min-height: 170px;}
#EasyRead address img {display: block; margin-left:auto; margin-right:auto;}
#EasyRead address a, #EasyRead address a:visited {color: #0250A0;}
#EasyRead address a:hover {color: #fff;}

#EasyRead {font-size: medium; line-height:1.5em;}
#EasyRead h1 { font-size: 150%; color: #fff; }
#EasyRead h2 { font-size: 130%; color: #cf9;}
#EasyRead h3 { font-size: 120%; color: #cfc;}
#EasyRead h4 { font-size: 110%; color: #cfc;}
#EasyRead h1, #EasyRead h2, #EasyRead h3, #EasyRead h4 {clear: both;}

#EasyRead h1 { border-bottom: 1px dashed #fff; padding-bottom: 0.5em;}
#EasyRead h1.warning { font-size: 210%; border-bottom: none; padding: 0.5em; background-color:#FFFF33; color: #000;}


#EasyRead a{color: #fff; text-decoration: underline; font-weight:bold;}
#EasyRead a:visited {color: #fff;}
#EasyRead a:hover {color: #fff; background-color: #000;}
#EasyRead a:active {color: #fff;}

#EasyReadNav { margin: 15px 0;}
#EasyReadNav a{color: #0250A0; text-decoration: none; background-color: #fff;margin: 0px 10px;}
#EasyReadNav a:visited {color: #0250A0;}
#EasyReadNav a:hover {color: #fff; background-color: #000;}
#EasyReadNav a:active {color: #fff;}

/* Shop Form (buttons)
------------------------------------------------------------------------- */

#shop form {display: inline;}


/* Contact Us Form
------------------------------------------------------------------------- */


/* messages*/
.message{background:#b1e0ad; color:#000; width: 70%;margin-right:auto; margin-left: auto; padding: 5px;}
.error{background-color:#FFFF33; color: #000; width: 70%; margin-right:auto; margin-left: auto; padding: 0.5em;}

.emailform{}
#emailform h3{display: none;}
#emailform form fieldset{ border:none; width: auto;}

#emailform #to { /*display:none; */}
#emailform form label { display:block; }
#emailform input { display:block; clear: both; margin-bottom: 20px;font-size: 14pt; width: 350px;}
#emailform select { display:block; clear: both; margin-bottom: 20px;font-size: 14pt;}
#emailform textarea { display:block;font-size: 14pt; width: 350px;}
#emailform input.button {width:auto;}

/* Login Form
------------------------------------------------------------------------- */

#loginfrm
{
  width:125px;
}

#loginfrm legend
{
  font-weight:bold;
  margin-bottom:5px;
}

#loginfrm label
{
  width:50px;
}

#loginfrm label.wide
{
  width:50px;
  cursor:pointer;
}

#loginfrm .text
{
  width:60px;
  background:#c8c8c8;
}

#loginfrm .hidden
{
  width:0px;
}

#loginfrm .checkbox
{
  width:10px;
  margin-top:3px;
}

#loginfrm .submit
{
  width:50%;
  margin: 5px 25%;
}

#loginfrm p
{
  clear:left;
  margin-left:0px;
}

#loginfrm a
{
  text-decoration:none;
}