html{color:#000;background-color: #801720 ;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body    {
    background:#781824;
    font-family: Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size:9pt;
    font-size:12px;
    line-height:18px;
    margin:0px;
    padding:0px;
    
}
.container  {
    margin:0px auto;
    width:100%;
}
.PageHead   {
    margin:0px auto;
    background:transparent url(../images/template/main_header.png) top no-repeat;
    width:965px;
    height:189px;
}
.BlackFriarsLogo    {
    margin-left:50px;
    float:left;
    position:relative;
}
.BlackFriarsLogo a    {
    width:150px;
    height:150px;
    position:absolute;
    border:none;
}
.WelcomeMessage {
    margin:0px auto;
    width:350px;
    padding:70px 0px 0px 320px;
    float:left;
}
.WelcomeMessage p   {
    margin:3px;
}
.contentContainer   {
    margin:-5px auto 0px auto;
    width:969px;
    min-height:300px;
    background:transparent url(../images/template/leftBorder.png) left repeat-y;
    position:relative;
}
.menuContainer    {
    margin-left:83px;
    /*position:relative;*/
    width:165px;
    height:100%;   
    color:#fff;
    position:absolute;
    top:0;
    left:0
}
.mainContent    {
    background:transparent url(../images/template/rightBorder.png) right repeat-y;
    width:719px;
    min-height:300px;
    _height:500px;
    margin-left:248px;
    position:relative;
}
/* footer   */
.footer {
    background:#fff url(../images/template/footer.png) top repeat-x;
    width:100%;
    height:110px;
    position:relative;
}
.footer #footerContent {
    color:#000000;
    float:left;
    font-size:0.8em;
    margin-left:100px;
    padding-top:35px;
    text-align:left;
}
.footer #footerLogo {
    background:transparent url(../images/template/footerLogo.png) right no-repeat;
    width:112px;
    height:40px;
    padding-top:42px;
    margin-left:800px;
    right:100px;
    position:absolute;
    float:right;
}
.footer #footerLogo:hover,
.footer #hookedLogo:hover {
    text-decoration:none;
}
.footer #hookedLogo {
    background:transparent url(../images/template/hookedOnLogo.jpg) right no-repeat;
    width:150px;
    height:43px;
    padding-top:60px;
    margin-left:800px;
    right:250px;
    position:absolute;
    float:right;
}
/* footer end   */
.clear  {
    clear:both;
}
.mainTitle  {
    background:#301621 url(../images/template/title_bg.png) repeat scroll center top;
    width:635px;
    padding:10px;
    margin:0px;
    font-size:14pt;
    color:#fff;
}
.main   {
    background:#fff;
    min-height:500px;
    _height:500px;
    width:655px;
    margin:0px;
}

.main   p   {
    clear:both;
    margin:0.4em 0;
    padding:0px;
}

/* document table styling   */
table.data_table {
	border-width:1px;
	border-spacing: 2px;
	border-style:outset;
	border-color:#BABABA;
	border-collapse:collapse;
	width:650px;
	margin:10px 0;
	font-size:13px;
}
table.data_table th {
	border-width:1px;
	padding:9px;
	border-style:inset;
	border-color:#BABABA;
}
table.data_table td {
	border-width:1px;
	padding:7px;
	border-style:inset;
	border-color:#BABABA;
}

.data_table_panel
{
width:560px !important;	
margin-left:20px;
margin-bottom:20px;
}

.data_table_panel td
{
	white-space:nowrap;
	overflow:hidden;
}

.data_table_unselected  {
cursor:pointer;
background:#FAFAFA url(../lib/images/ResourceManager/data_table_row_off_bg.png) repeat-x;
}

.data_table_unselected:hover    {
background:#E6E6E6 url(../lib/images/ResourceManager/data_table_row_over_bg.png) repeat-x;
}

.data_table_selected    {
cursor:pointer;
background:#C8C8C8 url(../lib/images/ResourceManager/data_table_row_on_bg.png) repeat-x;
}

.data_table_selected:hover  {
background:#C8C8C8 url(../lib/images/ResourceManager/data_table_row_on_bg.png) repeat-x;
}

.data_table_header  {
background:#757575 url(../images/data_table_header_bg.png) repeat-x;
color:#fff;
}

.data_table_header_td   {
    font-weight:bold;
    text-align:left;
}

.data_table_date_added  {
width:102px;
}

.data_table_file_size   {
width:70px;
}

.data_table_right   {
text-align:right;
}

/* homepage */
.community_item {
    background:transparent url(../images/template/whatsOnOut.png) no-repeat;
    width:197px;
	height:72px;
	padding-top:10px;
	/*margin: -20px 0px 0px 0px;*/
	line-height:1.2em;
	position: relative;
}
.community_item_selected {
    background:transparent url(../images/template/whatsOnChosen.png) no-repeat;
    width:197px;
	height:72px;
	padding-top:10px;
	/*margin: -20px 0px 0px 0px;*/
	line-height:1.2em;
	position: relative;
}
.thehabit_item  {
    background:transparent url(../images/template/habitatOut.png) no-repeat;
    width:197px;
	height:72px;
	padding-top:10px;
	margin: -20px 0px 0px 0px;
	line-height:1.2em;
	position: relative;
}
.thehabit_item_selected  {
    background:transparent url(../images/template/habitatChosen.png) no-repeat;
    width:197px;
	height:72px;
	padding-top:10px;
	margin: -20px 0px 0px 0px;
	line-height:1.2em;
	position: relative;
}
.guestBook_item {
    background:transparent url(../images/template/seasonalfoodOut.png) no-repeat;
    width:197px;
	height:72px;
	padding-top:10px;
	margin: -20px 0px 0px 0px;
	line-height:1.2em;
	position: relative;
}
.guestBook_item_selected {
    background:transparent url(../images/template/seasonalfoodOver2.png) no-repeat;
    width:197px;
	height:72px;
	padding-top:10px;
	margin: -20px 0px 0px 0px;
	line-height:1.2em;
	position: relative;
}

/* content navigation */
.content_nav ul{
	width:197px;
	margin:0px 0px 0px 0px;
	list-style:none;
	padding:0px;
	float:left;
}
.content_nav_unselected {
    width:197px;
	height:72px;
	padding-top:10px;
	margin: -20px 0px 0px 0px;
	line-height:1.2em;
	position: relative;
}
.content_nav_selected {
    width:197px;
	height:72px;
	padding-top:10px;
	margin: -20px 0px 0px 0px;
	line-height:1.2em;
	position: relative;
	background: url('../images/template/content_nav_active.gif') top left no-repeat;
}
.content_nav li a{
	color:#000;
	margin: 0px 0px 0px 34px;

}
.content_nav li a:hover {

	text-decoration:underline;
}
#content_navigation {
	width:630px;
	height:220px;
    position:relative;
    display:block;
    margin-top:25px;
    margin-left:10px;
}
.content_nav li  {
    cursor:pointer;
}

.content_main{
	/*margin: 0px 0px 0px 203px;*/
	width: 402px;
	height: 209px;
	padding: 5px;
	position: relative;
	background: url('../images/template/content_nav_bg.jpg') top left no-repeat;
	float:right;
}
.content_main #showmemore   {
    background:#D5C9C9;
    position:absolute;
    bottom:40px;
    left:18px;
    width:195px;
    padding:10px;
    color:#fff;
    text-align:right;
    cursor:pointer;
}
.content_main img   {
    float:left;
    margin:10px 10px 20px 10px;
}
.content_main span.textcontent {
    font-size:8pt;
    height:200px;
    width:165px;
    position:absolute;
}
.content_main h4    {
    color:#64535A;
    font-size:10pt;
    margin-bottom:5px;
}
.main_images_right #top {
    background: url('../images/template/newsHomepageLink.png') top left no-repeat;
    width:180px;
    padding-top:100px;
    text-align:center;
    position:absolute;
    top:15px;
    right:5px;    
}
.main_images_right #bottom {
    background: url('../images/template/whatsonthemenu.jpg') top left no-repeat;
    width:180px;
    position:absolute;
    top:140px;
    right:5px;
    padding-top:90px;
    text-align:center;
}
.main_images_right  {
    vertical-align:top;
    position:relative;
}
.flash_content{
	margin-left:5px;
	width: 638px;
	height: 274px;
	position: relative;
	text-align:right;
	background: transparent url('../images/template/flash_content.jpg') bottom left no-repeat;
}
.flashobj   {
    float:left;
}

a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
	cursor:pointer;
}


#pagefooter {
	width: 1218px;
	height: 90px;
	background: url('../images/template/main_footer_site.jpg') no-repeat bottom center;
	text-align: right;
	position: relative;
}
#pagefooter_content{
	text-align:left;
	color:#000;
	width:700px;
	padding-top:35px;
	margin-left:210px;
	font-size: 0.8em;
	float:left;
}
.frameTitle {
    font-size:14pt !important;
    font-weight:600 !important;
    padding:10px !important;
}
/*  RSS Feed    */
.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/template/feed-icon-14x14.png") no-repeat 0 50%;
  color:#fff !important;
  font-size:8pt !important;
}
form#search {
    position:relative;
    height:28px;
    border-bottom:1px solid #000;
}
.searchContainer input#txtSearch  {
    background-color:#695156;
    border:medium none;
    color:#FFFFFF;
    height:18px;
    padding:5px;
    width:105px;
    position:absolute;
    top:0;
    left:0;
    font-family: Georgia, Arial, Helvetica, Verdana, sans-serif;
}
.btnSubmit  {
    border:none;
    width:50px;
    height:28px;
    position:absolute;
    top:0;
    right:0;
}

.terms_container
{
    width:625px;
    margin:0 auto;
    padding-top:20px;
    padding-bottom:20px;
}

.terms_container h1
{
    margin-bottom:20px;
}
.terms_container p
{
    margin-bottom:20px;
}
.terms_container ul
{
    margin-bottom:10px;
    margin-left:40px;
}
/*  unsubscribe */
.unsubscribeContainer   {
    padding:10px;
}
div.unsubscribeContainer input[type="text"] 
{
    width:80%;
    border:1px solid #ddd;
}
.unsubscribeContainer label   {
    float:left;
    display:block;
    width:100px;
}
div.image_description	
{
	position:absolute;
	bottom:0;
	background: transparent url(../images/Image_footer.png) repeat;
	width:150px;
}
/***************************************/
/*  offers  */
div#offers
{
    padding: 10px 10px 0px 0px;
}
div#offers h2
{
    color: #6C5960;
}
div.offerDesc
{
    padding: 12px 0px 12px 25px;
}
div.moreDesc
{
    padding: 0px 0px 15px 18px;
}
div.moreDesc a
{
    color: #82252F;
}
div.moreDesc a:hover
{
    text-decoration: underline;
}
div.offerDetails
{
    padding: 20px;
    text-align: justify;
}
div.offerDetails div
{
    padding: 0px 0px 25px 0px;
}
div.offerDetails p
{
    padding: 6px 0px 0px 10px;
}
/*div.offerDetails > div > p > a
{
    color: #82252F;
	font-weight: bold;
}
div.offerDetails > div > p > a:hover
{
    text-decoration: underline;
}*/
div.noteContainer {
    background:transparent url(../images/closed_scroll.png) no-repeat;
    position:absolute;
    width:473px;
    height:94px;
    font-size:8pt;
    text-align:left;
    z-index:10001;
    top:150px;
    left:-10px;
}