@import url(admin/admin-style.css); /*-- DO NOT REMOVE --*/
@import url(menu.css);

* {
	font-family: Arial, Verdana, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	color: #4b4b4b;
	background:#C0C0C0;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input, textarea, select {
	font-size: 100%;
}

a, a * {
	color: #373737;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-top: 0px
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 115%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 105%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	font-weight:normal;
}

hr {
	height: 1px;
	border: 0px;
	color: #b7b7b7;
	background: #b2bcbd;
}

/* Simple classes - dereferencing single style parameters to avoid inline styles */
.bold {
 font-weight: bold !important;
}

.whitetext{
	color: #FFFFFF;
}

.clearboth {
 clear: both;
}

.floatleft {
 float: left;
}

.floatright {
 float: right;
}

.invisible {
	display: none;
}

.hidden {
	position: absolute;
	left: -1000px;
}

.htagnostyle {
	font-size: 100%;
	display: inline;
	font-weight: normal;
}

.showlinks a, .showlinks * a, , .showlinks * a * {
	text-decoration: underline !important;
}
/* end */


/* Site wide classes */
.ieitalicfix {
	/* Stop italics making the page wrap in IE */
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
	/* end if hack */
}

#sitecontainer {
 margin-left: auto;
 margin-right: auto;
 width: 775px;
 /*float: left;*/
 background: #FFFFFF;
 border-right: 1px #FFFFFF solid;
 border-left: 1px #FFFFFF solid;
}

.standardcontentpadding {
	padding: 12px 20px;
}

#narrowcontent {
	width: 408px;
	float: left;
}

#bengallicontainer{
	padding: 6px 30px 4px 0px;
	width:60px;
}

#breadcrumb{
	width:738px;
	background:#FFFFFF;
	padding-top:21px;
	padding-left:13px;
	padding-bottom:3px;
}

#columnend{
	background-color: #000000;
}

#columnendinner{
	width: 166px;
	height:3px;
	border-right: 2px solid white;
}

.completesitewidth{
	width:775px;
}


#content{
	float:left;
 	padding:17px;
	width: 547px;
	/*border-left: 2px solid white;*/
}

#contentcontainer {
	width: 583px
}

.contentwidth{
	width:580px;
}

#donatebutton{
	/*Location: header.asp*/
	text-align:center;
	padding-left:20px;
	width:56px;
}

.flatlisting{
	list-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.fullwidth{ /*minus the side padding*/
	width:751px !important;
}

.greydot{
	border:0px;
	font-size:1px;
	background-image:url(images/grey-hdiv-dot.gif);
	width:100%;
	background-color: #FFFFFF;
	margin: 11px 0px;
}

#header{
	/*Location: header.asp*/
	background-color:#FFFFFF;
	padding-top:30px;
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url(images/toynbee-logo-watermark.gif);
}

#homepagecontent{
	margin-top:10px;
}

#homepageleft{
	width:368px;
	background:#FFFFFF;
}

#homepagelinkpanel{
	margin-top:2px;
	width:360px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/homepage-linkpanel.gif);
	background-repeat:no-repeat;
}

#homepagemainimage{
	width:367px;
}

#homepagemontage{
	width:355px;
	margin-bottom: 6px;
}

#homepageright{
	width:360px;
	border-left:8px solid #FFFFFF;
}

#homepagetext{
	width:322px;
	padding: 0px 20px 10px 25px;
	background-color:#0047BD;
	color:#FFFFFF;
	background-image:url(images/homepage-text-lhs.gif);
	background-repeat:repeat-y;
	font-size:110%;
}

#homepagetextcontainer{
	margin-top:10px;
}

#homeregister{
	width:144px;
	padding:1px 0px 3px 25px;
}

#homeviewall{
	width:166px;
	padding:1px 0px 3px 20px;
}

.icon{
	border: 0px;
	vertical-align:middle;
}

.leftwhiteborder{
	border-left: 2px solid #FFFFFF;
	float: left;
	width: 583px;
}

#mainmargin{
	width:751px;
	border-left:24px solid #FFFFFF;
	background:#F8F8F8;
}

#maintopleftborder{
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

/* Who's who stuff */
#peoplecontent{
	float:left;
	color: #000000;
 	padding:0px;
	width: 583px;
	background-image: url(images/people-back.gif);
	background-repeat: repeat-y;
	background-color: #EFEFEF;
	padding-bottom: 50px;
	border-bottom: 1px solid white;
}

.peoplefloatingline{
	float:right;
	border-top: 1px solid #FFFFFF;
	margin-top: -7px;
	margin-bottom: 5px;
	margin-right:10px;
}

.peopleimage{
	border: 1px solid #FFFFFF;
}

#peopleLeftCol{
	width:294px;
}

#peopleLHTitle{
	margin-top: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background: #607DB2;
	padding: 11px 10px 15px 21px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.peoplelisting{
	width: 262px;
	padding: 6px 0px;
	margin-left:8px;
	float: left;
}

.people_listing_text {
	float: left;
	width: 165px;
	padding: 0px 6px 4px 6px;
	float: left;
}

.people_listing_text_wide {
	float: left;
	width: 260px;
	padding: 0px 6px 4px 6px;
	float: left;
}

.people_listing_thumbnail_container {
	float: left;
	width: 80px;
	margin-right:5px;
}

.peoplemainimage {
	margin-top:22px;
	margin-left:21px;
}

#peopleRightCol{
	margin-left: 2px;
	display: inline;
	width: 286px;
}

#peopleRHContent{
	color: #000000;
	padding: 14px 15px 14px 18px;
}

#peopleRHTitle{
	color: #053FA3;
	font-weight:bold;
	background: #CFDBF1;
	padding: 11px 10px 15px 18px;
	border-bottom: 1px solid #FFFFFF;
}

#peopleRHTitle a{
	color: #053FA3;
}

#peopleTypeListing {
	float: left;
	padding: 0px 16px 8px 16px;
}
/* end */

#rhside {
	float: left;
	width: 169px;
	background:	#EFEFEF;
	border-bottom: 2px solid #FFFFFF;
	margin-left: 2px;
	display: inline /* for IE */
}

.rhsdocul li{
	padding: 5px 22px 5px 22px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 6px 8px;
}

.rhsfeature{
	padding-bottom:10px;
	border-bottom: 2px solid #FFFFFF;
}

.rhslinkul li{
	padding: 5px 22px 5px 22px;
	background-image: url(images/link-arrow.gif);
	background-repeat: no-repeat;
	background-position: 9px 8px;
}

.rhstext{
	padding: 5px 10px;
}

.rhstitle{
	background-color:#0F4DBC;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px
}

.rhstitle a{
	color: #FFFFFF;
}

/* Search stuff */
#searchcontainer{
	width:224px;
	padding: 6px 0px 3px 9px;
}

.searchtextbox{
	font-weight: bold;
	padding-left: 5px;
	width:134px;
	font-size:11px;
	/*font colour  set inline for section colour*/
}
/* end */

#sectiontop {
  background-color: #0F4DBC;
	background-repeat: repeat-y;
	border-bottom: 2px solid #FFFFFF;
}

#sectiontopbase{
	width:583px;
	border-bottom: 2px solid white;
	height:3px;
	background-repeat:no-repeat;
	background-position:bottom right;
	margin:0px;
	/*  background colour and background image set inline for section colour*/*/
}

#sectiontopimage {
	float: left;
	width: 213px;
}

#sectiontoptext {
	padding: 12px 20px;
	color:#FFFFFF;
	font-size: 110%;
	font-weight: bold;
}

.sectiontopwithimg {
	background-image: url(images/section_top_bg.gif);
	background-position: 0px 0px;
}

.smallertext{
	font-size: 90%;
}

.thinwidth{
	width:408px;
}

#topcurvehome{
	width:369px;
	background-color:#FFFFFF;
	padding-left:382px;
	background-repeat:no-repeat;
	background-position:370px bottom;
	/*background image set inline for section colour*/
}

#topcurveinner{
	float:left;
	width:352px;
	background-color:#FFFFFF;
	padding-left:232px;
	background-repeat:no-repeat;
	background-position:210px bottom;
}

#volunteerbutton{
	/*Location: header.asp*/
	text-align:center;
	padding-left:144px;
	width:56px;
}


#titlebar {
	background: #0F4DBC;
	font-weight: bold;
	color: white;
	padding: 16px 20px 17px 20px;
	border-bottom: 1px solid white;
}

.pagenums {
	background: #0F4DBC;
	border: 1px solid #0F4DBC;
	color: white;
	font-weight: bold;
	padding: 0px 4px;
	font-size: 90%;
	margin-right: 1px;
}

.pagenums a {
	color: white;
}

.currentpagenum {
	background: #CFDBF1;
	border: 1px solid #0F4DBC;
	font-weight: bold;
	padding: 0px 4px;
	font-size: 90%;
	margin-right: 1px;
}


/*===================UnSorted===================*/



/* SITEMAP */
#sitemaplists{
	margin-top:				10px;
	padding-top:			10px;
	clear:					both;

}
.sitemapelementlevel1{
	background:				#019BD9;
	padding:					5px 0px 7px 13px;
	font-weight:			bold;
	margin-bottom:			7px;
	color:					#FFFFFF;
}

.sitemapelementlevel1 a{
	color:					#FFFFFF;
}

.sitemapelementlevel2{
	padding-left:			13px;
	font-weight:			bold;
	margin-bottom:			5px;
}

.sitemapelement{
	width:					300px;
	margin:					0px;
	padding:					0px;
	padding-left:			0px;
	background-image: 	url(images/arrowblue.gif);
	background-position:	0px 4px;
	background-repeat: 	no-repeat;
	margin-bottom:			4px;
}

.sitemapelement a{
	color: #00354C;
}

#sitemapcontainer{
	margin-left: 0px;
}

#sitemapcontainer a{
	text-decoration: none;
}

.a2z{
	background: #0F4DBC;
	color: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 2px;
	padding-left: 9px;
}

.a2z a{
	color: #FFFFFF;
}

#AlphaNav{
	margin-top: 22px;
	padding: 0px 0px 20px 0px;
	color: #00354C;
	}

#AlphaNav a{
	color: #FFFFFF;
	padding: 3px 5px;
	background: #0F4DBC;
	font-weight: bold;
	text-decoration: none;
	font-size: 86%;
}
/* END */

.buttonlikespan{
	background-color: #14315D;
	padding: 4px 25px;
	background-image: url(images/arrowwhite.gif);
	background-position: 12px 8px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: middle;
	font-weight: bold;
}


a:hover .buttonlikespan{
	color: #FFFFFF;
	background-color: #385786;
	text-decoration: none;
}

/* NEWS */
.newscalendar {
	float: left;
	width: 92px;
	background: #E2E2E2;
	border-left: 2px solid #FFFFFF;
}

.newscontainer {
	float: left;
	width: 486px;
}

#newslistpagetitle{
	padding:16px 18px 17px 18px;
	background: #E2E2E2;
	border-bottom: 2px solid #FFFFFF;

}

.newsblock{
	padding: 5px 16px;
	border-bottom: 2px solid #FFFFFF;
}

.newsmainimagecontainer{
	margin-right:12px;
	margin-bottom: 8px;
}

.newsimage{
	border: 1px solid #231F20;
}

.homepagenewsitem{
	width:335px;
	padding:10px;
	margin-bottom:6px;
	background-image:url(images/newsitem-corner.gif);
	background-repeat:no-repeat;
	background-color:#EAE9E9;
}

.newsimagehome{
	border: 1px solid #FFFFFF;
}

.homepagenewsthumb{
	float: left;
	width:84px;
	padding-right:10px;
}

.newstitle {
	font-weight: bold;
}

/*container for each individual listing*/
.listing {
	float: left;
	width: 448px;
	padding: 6px 0px;
	margin-bottom: 5px;

}

/*container for a listing thumbnail*/
.listing_thumbnail_container {
	float: left;
	width: 80px;
	margin-right:5px;
}

/*container for the listing summary text
total width: 390px*/
.listing_text {
	float: left;
	width: 336px;
	margin: 0 6px;

}

/*alternate container for the listing text when there is no thumbnail image
total width: 450px*/
.listing_text_wide {
	float: left;
	width: 438px;
	padding: 0px 6px;
}

/*--------------Calendar List Styles------------*/

.CalendarTitle{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background: #0F4DBA;
	padding: 1px;
	border-bottom: 2px solid #FFFFFF;
	padding-bottom: 3px;
}

.YearList, .MonthList {
	list-style-type:	none;
	margin:	0px;
	padding: 0px;
}

.ActiveDate{
	font-weight: bold;
}

.newscalendardate {
	padding: 2px 5px 2px 10px;
	border-bottom: 2px solid white;

}

/*SEARCH*/
.searchResultsSectionHeaderOdd{
	float: left;
	width: 480px;
	padding: 8px 8px 8px 16px;
	background-color:#CFDBF1;
	color:#043FA4;
	border: 1px solid #5380CF;
	margin-bottom:5px;
}

.searchResultsSectionHeaderOdd a{
	color: #043FA4;
}

.searchResultsSectionHeaderEven{
	float: left;
	width: 480px;
	padding: 8px 8px 8px 16px;
	background-color:#CFDBF1;
	color:#043FA4;
	border: 1px solid #5380CF;
	margin-bottom:5px;
}

.searchResultsSectionHeaderEven a{
	color:#043FA4;
}

.searchResult {
	float: left;
	width: 465px;
	clear: both;
	padding: 8px 0px 4px 15px;
	border-bottom: 1px solid #E0E9F7;
}

.searchResult p {
	margin: 0.2em 0px 0px 0px;
	padding: 0px;
}

/* Tour page */
#tourrooms {
	background: #CFDBF1;
	padding: 20px 5px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

#roomcontainer {
	background-image: url(images/tour_bg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 582px;
	border-bottom: 1px solid white;
}

#tourimages {
	float: left;
	width: 251px;
}

.tournoimage{
	border: 1px solid gray;
	padding:15px;
	font-size: 120%;
	background: white;
	text-align: center;
}

#roomfeaturetitle {
	color: white;
	background: #607DB2;
	padding: 8px 10px;
	clear: both;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 90%;
}

#roomfeaturetext {
	color: #063EA3;
	padding: 10px;
	clear: both;
	font-size: 90%;
}

#tourrhcontainer {
	float: left;
	margin-left: 2px;
	width: 329px;
}

#tourtitle {
	background: #231F20;
	color: white;
	font-weight: bold;
	padding: 12px 15px 9px 15px;
}

#tourtext {
	color: black;
	padding: 10px 15px;
}

#tourfooter {
	border-top: 1px solid white;
	background: #E2E2E2;
	margin-left: 2px;
	padding: 35px 20px 10px 20px;
	color: black;
}
/* end */

/* Buttons */
.tourroombutton {
	padding-left: 15px;
}

.tourroombuttoncontent {
	border-left: 1px solid #0F4DBC;
	text-align: center;
	color: #0F4DBC;
	font-weight: bold;
	padding-bottom:2px;
}

.tourroombuttoncontent a {
	color: #0F4DBC;
}

.peoplesectionbuttoncontent {
	border-left: 1px solid #0F4DBC;
	color: #053F83;
	font-weight: bold;
	padding-bottom:2px;
	background: #CFDBF1;
	padding-left: 10px;
}

.peoplesectionbuttoncontent a {
	color: #053F83;
}

.peoplesectionbutton {
	clear: both;
	margin-top: 8px;
}

.tourbookbutton {
	border-left: 1px solid #656565;
	color: black;
	font-weight: bold;
	padding-bottom:2px;
	background: #F3F3F3;
	padding-left: 15px;
}
/* end */

/* Booking Calendar & Form */
#calendarsubtitle {
	background: #CFDBF1;
	color: #053FA3;
	padding: 15px 20px 12px 20px;
	font-weight: bold;
	border-top: 1px solid white;
	border-bottom: 2px solid white;
}

#bookingcalcontainer {
	background-image: url(images/bookingcal_bg.gif);
	background-repeat: repeat-y;
	margin-left: 50px;
	display:inline; /* You need this cos IE does margins really bad */
	float: left;
	width: 432px;
}

#bookingcaltop {
	background-image: url(images/bookingcal_top_bg.gif);
	background-repeat: repeat-x;
	width: 369px;
	margin-left: 63px;
	float: left;
	display:inline; /* You need this cos IE does margins really bad */
}

.bookingcaltopbox {
	background: #B8C7E2;
	border: 1px solid #EEF2F8;
	border-bottom: none;
	margin-left: 2px;
	display: inline; /* You need this cos IE does margins really bad */
	float: left;
	clear: both;
	color: #002565;
	width: 357px;
	padding: 3px;
}

#bookingcaltitle {
	width: 247px;
	float: left;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
}

.bookingcalpagebutton {
	border-left: 1px solid #0F4DBC;
	color: white;
	font-weight: bold;
	background: #0F4DBC;
	text-align:center
}

.bookingcalpagebutton a {
	color: white;
}

.bookingcaldayname {
	text-align:center;
	padding: 3px 0px;
	margin-right: 8px;
	float:left;
	width: 44px;
}

.nocalmargin {
	margin-right: 0px !important;
}

.bookingcalblueline {
	margin-right: 2px;
	border-top: 1px solid #6284BF;
	clear: both;
}

#bookcaltopofdayparts {
	float: left;
	width: 57px;
	border-top: 2px solid #6284BF;
	margin-bottom: 2px;
}

.bookcaldayparts {
	float: left;
	width: 53px;
	border-bottom: 1px solid #6284BF;
	padding: 4px 0px 4px 0px;
	text-align: right;
	display:inline;
	margin-right: 11px;
}

.bookcalweek {
	border-bottom: 2px solid #6284BF;
	margin-right: 2px;
	clear: both;
	padding-top:3px;
}

.bookingcalcleardaybutton {
	float:left;
	margin-right: 7px;
}

.bookingcalclearday {
	text-align:center;
	background: #A6D1F5;
	font-weight: bold;
	font-size: 90%;
}

.bookingcalclearday a {
	color:#001D4E;
}

.bookingcalbookeddaybutton {
	margin-right: 9px;
	float:left;
}

.bookingcalbookedday {
	text-align: center;
	background: #DDDEE0;
	font-weight: bold;
	font-size: 90%;
	padding-right: 0px !important; /* over write the default padding */
}

.bookcaldaylist {
	float:right;
	margin-right: 3px;
	display: inline; /* You need this cos IE does margins really bad */
}

#roomdropdown {
	margin-left: 113px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.bookingforminfocol {
	padding-top: 3px;
	margin-top: 3px;
	float: left;
}
/* End */

.formcol {
	padding-top: 3px;
	margin-top: 3px;
	clear: left;
	float: left;
	width: 70px;
}

.largeformcol {
	width: 150px;
}

.forminput {
	margin-top: 3px;
	float: left;
}

.note {
	line-height: 1.2em; /* Stupid peek-a-boo bug*/
	background: white;
	padding: 8px;
	border: 1px solid gray;
}

.worldpaythanksfieldset {
	padding: 10px;
	margin-bottom: 15px;
}

.donationslisttitle {
	color: white;
	font-weight: bold;
	background: #0F4DBC;
}

/* - - - */
.homepagelowerfeatures{
	width:360px;
	background-image:url(images/homepage-lowerfeatures.gif);
	background-repeat:repeat-y;
	padding: 2px 10px 0px;
}
.lowerfeatureleft
{
    width:170px;
    padding:0 20px 10px 0;
}
.lowerfeatureright
{
    width:148px;
    padding:0 8px 10px 0;
}
.lowerfeaturetop
{
   	margin-top:2px;
	width:360px;
	color:#FFFFFF;
	background-image:url(images/homepage-lowerfeatures-top.gif);
	background-repeat:no-repeat;
	margin-bottom:0px;
	padding:0;
	height:9px;
}
.lowerfeaturebottom
{
   	margin-top:0px;
	width:360px;
	color:#FFFFFF;
	background-image:url(images/homepage-lowerfeatures-bottom.gif);
	background-repeat:no-repeat;
	margin-bottom:6px;
	padding:0;
	height:9px;	
}

.thumbnail
{
    float:left;
    clear:none;
    padding:0 5px 3px 0px;
    text-decoration:none;
}