@charset "utf-8";

html, body { 
  height: 100%;
}

body {  
  margin: 0px;
  padding: 0px;
  background: #572A29;
  font: normal 11px arial, sans-serif;
  color: #F5F3B8;
  text-align:justify;
}

div#pseudo-body {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%; /* IE V6 */    
  width: 100%;
}


/* Default Styles */

b, strong {
	color: #c7564c;
}
div, ul, li, h1, h2, form, input {
  margin: 0px;
  padding: 0px;
}

h1 {
  font: normal 28px georgia, serif;
  color: #EB8945;
  text-align:left;
}

.h1small {
  font: normal 22px georgia, serif;
  color: #EB8945;
  display:block;
  margin:15px 0;
  text-align:left;
}

h2 {
  font-size: 16px;
  font-weight: normal;
  color: #FFA66A;
  text-align:left;
}

p {
  font-size: 12px;
  color: #F5F3B8;
}

ul {
  list-style: none;
  text-align:left;
}

a {
  color: #EFB756;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #d9661a;
}

input, textarea {
  border: 0px;
  background: transparent;
  font: normal 11px arial, sans-serif;
  color: #999;
}


hr {
	border: 0;
	color: #EB8945;
	background-color: #EB8945;
	height: 1px;
	width: 100%;
}

hr.dark {
	color: #7a342e;
	background-color: #7a342e;
	margin: 30px 0px 30px 0px;
}

#fclc-left-col table {
	border-width: thin thin thin thin;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #512526 #512526 #512526 #512526;
	border-collapse: collapse;
	background-color: rgb(122, 52, 46);
	text-align:left;
}
#fclc-left-col th {
	border-width: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-style: solid solid solid solid;
	border-color: #512526 #512526 #512526 #512526;
	background-color: rgb(122, 52, 46);
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
}
#fclc-left-col td {
	border-width: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-style: solid solid solid solid;
	border-color: #512526 #512526 #512526 #512526;
	background-color: rgb(122, 52, 46);
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
}


/* Global Styles */

div.fclc-major {
  position: relative;
  width: 999px;
  margin: auto;
  background: transparent;
  z-index: 100;
}

div.fclc-clear {
  clear: both;
}

div.clear-gap {
	clear:both;
	height:30px;
}

.fclc-opacity-80 {
  opacity: 0.8;
  MozOpacity: 0.8;
  KhtmlOpacity: 0.8;
  filter: alpha(opacity=80);
}

.bordered {
	background:#462221 none repeat scroll 0 0;
	border:1px solid #723E33;
	padding:4px;
}

.noborder {
	border:0px;
}
#quicklinks {
	font-size: 13px;
	line-height:1.5;
	padding-top:22px;
}
#quicklinks-prog {
	font-size: 13px;
	line-height:1.5;
	padding-top:22px;
}
#quicklinks-prog li {
	padding-left:25px !important;
}
#quicklinks-prog a.headlink {
  font: normal 16px georgia, serif;
  color: #EB8945;
}
#quicklinks-prog a.headlink:hover {
  color: #d9661a;
}

/* Horizontal Expansion Containers */


div#fclc-header-stretch {
  position: relative;  
  z-index:1000;
  top: 0px; 
  left: 0px;
  background: #7A342E url(../pics/bg__header_bottom.gif) repeat-x 0px 263px;  
  width: 100%;
  min-width: 999px;
}

div#fclc-footer-stretch {
  position: absolute;
  bottom: 0px;
  left: 0px;  
  background: #7A342E url(../pics/bg__footer_top.gif) repeat-x 0px 0px;  
  width: 100%;
  min-width: 999px;
  z-index: 10; 
}




/* Header */

div#fclc-header {
  height: 280px;
}

div#fclc-header img {
  position: absolute;
}

div#fclc-header img.teddy-reading {
  top: 21px;
  left: 16px;
}

div#fclc-header img.title {
  top: 155px;
  left: 8px;
}

div#fclc-header img.book {
  top: 237px;
  left: 915px;
}

div#fclc-header a {
  color: #F5F3B8;
  font-size: 12px;
}

div#fclc-header ul {
  position: absolute;
}

div#fclc-header ul li {
  display: block;
  float: left;
  width: auto;
}

div#fclc-header ul li.divider {
  height: 22px;
  width: 1px;
  margin: 0px 8px 0px 8px;
  font-size: 0px;
  background: #F5F3B8;
}

div#fclc-header ul li.link {
  padding: 3px 0px 0px 0px;
}

div#fclc-header ul.upper-links {
  top: 46px;
  left: 853px;
  height: 22px;
}

div#fclc-header ul.links {
  top: 230px;
  left: 15px;
  height: 22px;
}





/* Content */

div#fclc-content {
  padding: 0px 0px 0px 0px;
}

.logoname {
	font-size:11px;
	color: #9a544e;
}

.regtext {
	display:block;
	margin-bottom:20px;
	font-size:12px;
	line-height: 1.4;
}
.regtext ul, .regtext ol {
  padding-left: 15px !important;
  margin-bottom:20px !important;
  font-size: 12px !important;
  line-height: 1.4;
  list-style-position:inside;
}
.regtext li {
  	font-size: 12px !important;
  	line-height: 1.4;
  	padding-left: 15px !important;
}
.regtext ul li {
	list-style-type: disc !important;
}

/* Content -- Left Column */


div#full-col {
  margin: 0px 15px 0px 15px;
}
div#fclc-content div#fclc-left-col {
  float: left;
  width: 590px;
  padding: 0px 0px 0px 13px;
}

div#fclc-content div#fclc-left-col p {
  margin: 15px 0px 15px 0px;
  line-height: 1.4;
}

div#fclc-content div#fclc-left-col h1,
div#fclc-content div#fclc-left-col h2 {
  margin: 15px 0px 15px 0px;
}

div#fclc-content div#fclc-left-col h2 {
  line-height: 1.2;
}


.left-col-list ul  {
  padding-left: 15px !important;
  margin-bottom:20px !important;
  font-size: 12px !important;
  line-height: 1.4;
}
.left-col-list ol {
  padding-left: 15px !important;
  margin-bottom:20px !important;
  font-size: 12px !important;
  line-height: 1.4;
}
.left-col-list li {
  	font-size: 12px !important;
  	line-height: 1.4;
  	padding-left: 15px !important;
}
.left-col-list ul li {
	list-style-type: disc !important;
}

/* Content -- Right Column */

div#fclc-content div#fclc-right-col {
  float: right;
  width: 335px;
  padding: 0px 10px 0px 0px;
}

div#fclc-content div#fclc-right-col div.orange-line {
  height: 0px;
  width: 320px;
  border-bottom: 1px solid #DD8D5D;
  font-size: 0px;
  margin: 0px 0px 0px 1px;
}

div#fclc-content div#fclc-right-col h2 {
  font: normal 20px georgia, serif;
  color: #EB8945;
  margin: 15px 0px 11px 1px;
}





/**** Home Page ****/
/*******************/

/* Left Column */

div#fclc-content.home div#fclc-left-col {
  padding-top: 34px;
  padding-bottom: 5px;
}

div#fclc-content.home div#fclc-left-col div#fclc-home-slideshow-slides {
  width: 571px;
  height: 406px;
  margin-bottom: 44px;
}

div#fclc-content.home div#fclc-left-col div#fclc-home-slideshow-slides img.slide {
  position: absolute;
  display: none;
  padding: 6px;
  background: #462221;
  border: 1px solid #723E33;
  visibility: hidden;
}

div#tips {
	position:relative;
	left:-2px;
	height:180px;
	margin-top:20px;
}
div#tips img.tip_slide {
  position: absolute;
  top:0px;
  left:0px;
  display: none;
  padding: 6px;
  background: #462221;
  border: 1px solid #723E33;
  visibility: hidden;
}

div#fclc-content.home div#fclc-left-col h2 {
  margin: 19px 0px 28px 0px;
}

div#fclc-content.home div#fclc-left-col p {
  margin-bottom: 19px;
  width: 578px;
}

/* Right Column */

div#fclc-content.home div#fclc-right-col h2.programmes {
  margin-top: 26px;
}

div#fclc-content.home div#fclc-right-col h2.gallery {
  margin-top: 41px;
  clear: both;
}

div#fclc-content.home div#fclc-right-col div.programme-pic {
  padding: 4px;
  background: #462221;
  border: 1px solid #723E33;
  float: left;
  width: 310px;
Ê height: 102px;
  position: relative;
  font-size: 0px;
  margin: 8px 0px 8px 0px;
}

div#fclc-content.home div#fclc-right-col div.programme-pic.at-the-centre {
  margin-top: 28px;
}

div#fclc-content.home div#fclc-right-col div.programme-pic div.caption-shadow {
  position: absolute;
  top: 79px;
  left: 4px;
  width: 310px;
  height: 27px;
  background: black;
  z-index: 10;
}

div#fclc-content.home div#fclc-right-col div.programme-pic a:link.caption-text, a:visited.caption-text {
  position: absolute;
  top: 85px;
  left: 10px;
  background: transparent;
  font-size: 14px;
  font-weight: normal;
  color: #F5F3B8;
  z-index: 115;
  text-align:left;
}
div#fclc-content.home div#fclc-right-col div.programme-pic a:hover.caption-text, a:active.caption-text  {
  color: #eb8945;
  text-align:left;
}

div#fclc-content.home div#fclc-right-col ul.gallery-preview {
  position: relative;
  left: -2px;
  height: 100px;
  margin-top: 29px;
}

div#fclc-content.home div#fclc-right-col ul.gallery-preview li {
  display: block;
  float: left;
  width: auto;
  margin-right: 7px;
}

div#fclc-content.home div#fclc-right-col ul.gallery-preview li img {
  padding: 4px;
  background: #462221;
  border: 1px solid #723E33;
}

div#fclc-content.home div#fclc-right-col div.more-images {
  float: right;
  width: 54px;
  text-align: right;
  font-size: 10px;
  color: #EB8945;
  position:relative;
  padding-right:14px;
}

div#fclc-content.home div#fclc-right-col div.more-images a {
  font-size: 10px;
  color: #EB8945;
}

div#fclc-content.home div#fclc-right-col div.more-images img {
  position: relative;
  left: -1px;
}

/**** End Home Page ****/
/***********************/



/**** Profile Page ****/
/**********************/

/* Left Column */

div#fclc-content.profile div#fclc-left-col {
  padding-top: 10px;
  width: 567px;
}

div#fclc-content.profile div#fclc-left-col h1 {
  margin-top: 0px;
}

div#fclc-content.profile div#fclc-left-col h2.established {
  margin-top: 19px;
  margin-bottom: 28px;
}

div#fclc-content.profile div#fclc-left-col h2.reputation {
  margin-top: 34px;
}

div#fclc-content.profile div#fclc-left-col ul.staff {
  margin: 27px 0px 0px 0px;
  font-size: 12px;
  line-height: 1.4;
}

div#fclc-content.profile div#fclc-left-col ul.staff li ul li {
  display: block;
  float: left;
}

div#fclc-content.profile div#fclc-left-col ul.staff li.title {
  border-right: 1px solid #E65225;
  padding: 9px 10px 9px 0px;
  text-align: right;
  font-weight: bold;
  width: 170px;
  clear: both;
}

div#fclc-content.profile div#fclc-left-col ul.staff li.title.board {
  padding-bottom: 45px;
}

div#fclc-content.profile div#fclc-left-col ul.staff li.name {
  font-weight: normal;
  padding: 9px 0px 9px 10px;
  width: 365px;
}

/* Right Column */

div#fclc-content.profile div#fclc-right-col {
}

div#fclc-content.profile div#fclc-right-col div.captioned-pic {
  padding: 4px 4px 22px 4px;
  background: #462221;
  border: 1px solid #723E33;
  float: left;
  width: auto;
  position: relative;
  font-size: 0px;  
}

div#fclc-content.profile div#fclc-right-col div.captioned-pic.gatehouse {
  margin-top: 54px;
}

div#fclc-content.profile div#fclc-right-col div.captioned-pic.children {
  margin-top: 41px;
}

div#fclc-content.profile div#fclc-right-col div.captioned-pic.frane-elizabeth {
  margin-top: 135px;
}


div#fclc-content.profile div#fclc-right-col div.captioned-pic div.caption {
  position: relative;
  top: 12px;
  width:300px;
  padding-left:5px;
  padding-right:5px;
  background: transparent;
  font-size: 10px;
  color: #DD8D5D;
}


/**** End Profile Page ****/
/**************************/



/**** Gallery Page ****/
/**********************/

div#fclc-content.gallery {
  padding: 40px 0px 40px 0px;
}

.gallery_menu {
	position: relative;
	top:-32px;
	left:16px;
	width:845px;
}
#gallery_title {
	position:relative;
	left:16px;
	margin-bottom:20px;
}

/**** End Gallery Page ****/
/**************************/



/**** Literature Day Page ****/
/**********************/

.download_icon {
	float:left;
	width:140px;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
}
.ylt_group {
	margin-bottom:30px;
}

/**** Literature Day Page ****/
/**************************/


/**** Programmes Page ****/
/**********************/

.workshop_image {
	width: 270px;
	float:left;
	margin-right: 40px;
	text-align: right;
}
.workshop_text {
    font: normal 12px arial, sans-serif !important;
	margin-left: 320px;
}
.workshop_text p {
    font: normal 12px arial, sans-serif !important;
    margin-top:15px;
}

.workshop_text h3.no-gap {
	margin-bottom: 0px;
}

.resid_thumbs {
	float:left;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:20px;
	height:130px;
}	

.resid_mainimage {
	float:left;
	width: 270px;
	margin-right:40px;
	text-align:right;
}

.resid_text {
    font: normal 12px arial, sans-serif !important;
	margin-left: 320px;
}
.resid_text p {
    font: normal 12px arial, sans-serif !important;
    margin-top:15px;
}
.resid_session {
	float:left;
	width: 300px;
	margin-bottom:30px;
}	

.event_mainimage {
	float:left;
	width: 270px;
	margin-right:40px;
	text-align:right;
}

.event_text {
    font: normal 12px arial, sans-serif !important;
	margin-left: 320px;
}
.event_text p {
    font: normal 12px arial, sans-serif !important;
    margin-top:15px;
}

p.p_gap {
	margin-bottom:30px;
}

.staff_left {
	width:450px;
	display:block;
	float:left;
	margin-bottom:40px;
}
.staff_right {
	width:450px;
	margin-left:510px;
	margin-bottom:40px;
}

.staff_image {
	margin-right:20px;
	margin-bottom: 10px;
	float:left;
}

div#ack-logobox {
	margin-top:60px;
}

.ack-logo {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	width: 120px;
	position:relative;
}
/**** Programmes Page ****/
/**************************/


/* Footer */


div#fclc-footer {
  height: 400px;
}

div#fclc-footer-spacer {
  height: 410px;
  z-index: 1;
}

div#fclc-footer p {
  font-size: 11px;
  color: white;
}

div#fclc-footer img.book2 {
  position: absolute;
  top: 25px;
  left: 0px;
}


div#fclc-footer div.column {
  padding: 109px 0px 0px 0px;
  float: left;
  width: auto;
}

div#fclc-footer div.column h2 {
  font-size: 18px;
  font-weight: normal;
  color: #F5F3B8;
  padding-bottom: 13px;
}

div#regform input, div#regform2 input {
  width: 300px;
  height: 18px;
  background: url(../pics/bg__text_field300.gif) no-repeat;
  color:#666666;
  padding: 3px 3px 3px 3px;
  font: normal 11px arial, sans-serif;
}

div#regform textarea {
  width: 300px;
  height: 53px;
  background: url(../pics/bg__text_area300.gif) no-repeat;
  color:#666666;
  padding: 3px 3px 3px 3px;
  font: normal 11px arial, sans-serif;
}

div#regform input.submit, div#regform2 input.submit {
  display: block;
  width: 74px;
  height: 16px;
  background: url(../pics/itm__submit.gif);
}
.submitlink
  display: block;
  width: 74px;
  height: 16px;
  background: url(../pics/itm__submit.gif);
}

div#fclc-footer div.column input.submit:hover {
  cursor: pointer;
}

div#fclc-footer div.column.sponsors {
  width: 354px;
  padding-left: 34px;
}

div#fclc-footer div.column.sponsors h2 {
  padding-bottom: 19px;
}

div#fclc-footer div.column.sponsors div.logos {
  position: absolute;
  margin-top:0px !important;
  top:140px;
}


div#fclc-footer div#credits {
  position: absolute;
  left:336px;
  top:373px;
  width:580px;
  text-align:right;
  font-size: 8pt;
  color:#ad4b42;
}
/* link style */

div#fclc-footer div#credits a:link, div#fclc-footer div#credits a:visited {
	color:#ad4b42;
	font-size: 8pt;	
	text-decoration:none;
}
div#fclc-footer div#credits a:hover {
	color:#ad4b42;
	font-size: 8pt;	
	text-decoration:underline;
}


div#fclc-footer div.column.mailing-list {
  width: 209px;
}

div#fclc-footer div.column.mailing-list p {
  width: 133px;
}

div#fclc-footer div.column.mailing-list div.text-field.name {
  margin: 21px 0px 12px 0px;
}

div#fclc-footer div.column.mailing-list div.text-field.email {
  margin: 0px 0px 17px 0px;
}

div#fclc-footer div.column.contact-us {
  width: 225px;
}

div#fclc-footer div.column.contact-us p {
  width: 180px;
}

div#fclc-footer div.column.contact-us p.email {
  padding: 10px 0px 12px 0px;
  color: #F18A45;
}

div#fclc-footer div.column.contact-us div.text-area {
  margin: 12px 0px 16px 0px;
}

div#fclc-footer div.column.address {
  width: 170px;
}

div#fclc-footer div.column.address p.postal {
  margin: 12px 0px 12px 0px;
}

