BODY {
font-family: Arial, sans-serif;
font-size: 90%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: #F37C0C;
color: black;
width: 100%;
min-width: 819px;
z-index: 0;
}

#content_wrapper {
position: absolute;
top: 150px;
left: 0px;
width: 100%;
min-width: 819px;
margin: 0px 0px 50px 0px;
padding: 15px 0px 0px 0px;
background: #79C7EE;
overflow: hidden;
z-index: 1;
}

#login_wrapper {
position: absolute;
top: 180px;
left: 25%%;
right: 25%;
width: 50%;
padding: 15px 0px 0px 0px;
background: #FFFFAA;
z-index: 1;
}

/* Top Logo and picture bar */
#top_bar {
position: absolute;
top: 0px;
left: 0px;
background: #73C3E8 url(gfx/page_layout/top_banner_bg.jpg) no-repeat top right;
color: white;
height: 150px;
width: 100%;
min-width: 819px;
z-index: 0;
} 

#top_bar IMG {
border: 0px;
margin: 7px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
}

#top_bar_overlay {
position: absolute;
top: 0px;
left: 0px;
height: 150px;
width: 301px;
filter: alpha(opacity=70);
opacity: .7;
background: transparent url(gfx/page_layout/top_banner_overlay.gif) no-repeat top right;
}

/* Organisational Bar */

#tab_bar {
position: absolute;
top: 125px;
left: 0px;
width: 819px;
height: 25px;
background: transparent;
overflow: visible;
z-index: 10;
}

#tab_bar  ul {
display: inline;
position: relative;
z-index: 100;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#tab_bar li
{
position: relative;
list-style-type: none;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 10;
}

#tab_bar li A
{
 background: transparent url(gfx/page_layout/tab.gif) no-repeat top right;
display: block;
float: left;
width: 148px;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: black;
margin: 0px 0px 0px -12px;
padding: 2px 0px 2px 0px;
position: relative;
}

#tab_bar li A.active
{
 background: transparent url(gfx/page_layout/tab_on.gif) no-repeat top left;;
 color: white;
}

#tab_bar li A:hover
{
color: white;
}

#tab_bar_shadow {
position: absolute;
top: 153px;
left: 0px;
width: 100%;
height: 2px;
background: #AAAAAA;
}

/* Top Navigation */
#topnavigation {
float: left;
background: #F37C0C url(gfx/page_layout/nav_bar_brc.gif) no-repeat bottom right;
width: 18%;
margin: 0 2% 0 0;
padding: 0px 0px 30px 0px;
}


#topnavigation h2 {
height: 27px;
background: #F37C0C url(gfx/page_layout/nav_bar_trc.gif) no-repeat top right;
border-bottom: 0px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 120%;
color: #ffcc66;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
}


#topnavigation ul {
display: block;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#topnavigation li
{
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 2px solid white;
}

#topnavigation li a
{
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 2px 0px 3px 4px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 100%;
text-decoration: none;
color: white;
}

#topnavigation li a.active, #topnavigation li a:hover.active
{
color: black;
border-bottom: 0px;
}

#topnavigation li a:hover, ul#navlist li#active a:hover
{
color: black;
}

#topnavigation img {
border: 0px;
margin: 0px 5px 0px 0px;
float: left;
}


/* Sub Navigation */
#subnavlist {
display: block;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
border-bottom: 0px;
}

#subnavlist li
{
list-style-type: none;
display: block;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#subnavlist li a
{
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 90%;
text-decoration: none;
color: white;
border: 0px;
}



#subnavlist li a.submenuactive, #subnavlist li a:hover, ul#subnavlist li#submenuactive a:hover
{
color: black;
}


/* Sub Sub Navigation */
#subsubnavlist {
display: block;
list-style-type: none;
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

#subsubnavlist li
{
display: block;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#subsubnavlist li a
{
list-style-type: none;
display: block;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 30px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 80%;
text-decoration: none;
color: white;
border: 0px;
}


#subsubnavlist li a.submenuactive, #subsubnavlist li a:hover, ul#subsubnavlist li#subsubmenuactive a:hover
{
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 30px;
color: black;
border: 0px;
}

#special_menu_options li {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

#special_menu_options li A {
 border: 0px;
 padding: 10px 0px 0px 60px;
 margin: 0px;
 height: 45px;
}

#special_menu_options #make_home_page A {
 border: 0px;
 margin: 10px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 text-align: center;
 font-size: 80%;
}

#contact_button A {
 background: transparent url("gfx/page_layout/contact.gif") no-repeat top left;
}

#contact_button A:hover, #contact_button A.active {
 background: transparent url("gfx/page_layout/contact_on.gif") no-repeat top left;
}

#prayer_diary_button A {
 background: transparent url("gfx/page_layout/prayer_diary.gif") no-repeat top left;
}

#prayer_diary_button A:hover, #prayer_diary_button A.active  {
 background: transparent url("gfx/page_layout/prayer_diary_on.gif") no-repeat top left;
}

#better_prospects_button A {
 background: transparent url("gfx/page_layout/better_prospects.gif") no-repeat top left;
}
#better_prospects_button A:hover,#better_prospects_button A.active {
 background: transparent url("gfx/page_layout/better_prospects_on.gif") no-repeat top left;
}

#donate_online_button A {
 background: transparent url("gfx/page_layout/donate_online.gif") no-repeat top left;
}

#donate_online_button A:hover, #donate_online_button A.active {
 background: transparent url("gfx/page_layout/donate_online_on.gif") no-repeat top left;
}

#home_button A {
 background: transparent url("gfx/page_layout/home.gif") no-repeat top left;
}

#home_button A:hover, #home_button A.active {
 background: transparent url("gfx/page_layout/home_on.gif") no-repeat top left;
}

/* News Column */

#news_bar {
background: #F37C0C url(gfx/page_layout/news_blc.gif) no-repeat bottom left;
float: right;
color: white;
width: 25%;
margin: 0px;
padding: 0px 0px 50px 0px;
}

#news_bar h2 {
height: 90px;
background: #F37C0C url(gfx/page_layout/30thNews_bg.gif) no-repeat top left;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 130%;
color: white;
padding: 10px 10px 0px 80px;
margin: 0px 0px 0px 0px;
}

#news_bar h3 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 130%;
color: white;
clear: both;
border-top: 0px;
background: #F37C0C url(gfx/page_layout/news_tlc.gif) no-repeat top left;
margin: 0px 0px 0px 0px;
padding: 11px 15px 0px 15px;
}

#news_bar h4 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 110%;
color: white;
border-bottom: 2px solid white;
margin: 8px 0px 0px 0px;
padding: 3px 15px 3px 20px;
clear: both
}

#news_bar h4 A {
text-decoration: none;
color: white;
}

#news_bar h4 A:hover {
color: #CDE3EB;
}


#news_bar P {
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}

#news_bar UL {
margin: 3px 0px 3px 30px;
padding: 0px 0px 0px 0px;
}


/* Content */



#content {
background: white url(gfx/page_layout/content_trc.gif) no-repeat top right;
color: black;
width: 77%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: auto;
}

#content  #news_stories, #content #jobs_list, #content ul.better_prospects_list {
 list-style: none;
 list-style-image: url();
 padding: 0px;
 margin: 0px;
}

#content  #news_stories li, #content #jobs_list li, #content ul.better_prospects_list li  {
 list-style: none;
 list-style-image: url();
 padding: 5px 5px 5px 5px;
 margin: 0px 25px 10px 25px;
 border-top: 2px dotted #F37C0C;
 clear: both;
}

#content  #news_stories li.events {
 background: transparent url(gfx/page_layout/causeway_icon_events.gif) no-repeat left 50%;
 padding: 10px 5px 10px 65px;
 border: 0px;
}
#content  #news_stories li.training {
 background: transparent url(gfx/page_layout/causeway_icon_training.gif) no-repeat left 50%;
 padding: 10px 5px 10px 65px;
 border: 0px;
}
#content  #news_stories li.groups {
 background: transparent url(gfx/page_layout/causeway_icon_groups.gif) no-repeat left 50%;
 padding: 10px 5px 10px 65px;
 border: 0px;
}
#content  #news_stories li.resources {
 background: transparent url(gfx/page_layout/causeway_icon_resources.gif) no-repeat left 50%;
 padding: 10px 5px 10px 65px;
 border: 0px;
}


#content ul.better_prospects_list li  {
 border: 0px;
}

#content #news_stories li a, #content #jobs_list li a {
 background: transparent;
 color: #F37C0C;
 font-weight: bold;
}
#content ul.better_prospects_list li a {
 color: #F37C0C;
 font-weight: bold;
 text-decoration: none;
}
#content ul.better_prospects_list li a:hover {
 color: #F37C0C;
 background: white;
 font-weight: bold;
 text-decoration: underline;
}

#content #news_stories li a.read_more {
 background: #F37C0C url(gfx/page_layout/link_arrow.gif) no-repeat right 50%;
 color: white;
 float: right;
 display: block;
 width: 120px;
 font-size: 85%;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 margin: 0px;
 padding: 0px 0px 0px 3px;
}

#content ul.better_prospects_list li a.read_more {
 width: 50%;
 float: none;
}

#content #news_stories li a.read_more:hover {
 background: black url(gfx/page_layout/link_arrow.gif) no-repeat right 50%;
 color: #F37C0C;
}

#content  #news_stories li a:hover {
 background: #F37C0C;
 color: white;
}

#content  #news_stories li img {
 border: 0px;
 float: left;
 padding: 0px 10px 0px 0px;
}
#content ul.better_prospects_list li img {
 border: 0px;
 padding: 0px 10px 0px 0px;
 float: none;
 vertical-align: middle;
}

#blc {
background: transparent url(gfx/page_layout/content_blc.gif) no-repeat bottom left;
float: left;
height: 30px;
width: 30px;
}

#brc {
background: white url(gfx/page_layout/content_brc.gif) no-repeat bottom right;
height: 30px;
width: 100%;
clear: both;
display: block;
margin: 0px;
padding: 0px;
}

#address_bar {
background: #F37C0C url(gfx/page_layout/tab_base.gif) repeat-x left top;
color: white;
float: left;
text-align: right;
padding: 7px 0px 4px 0px;
margin: 10px 0px 0px 0px;
width: 100%;
}

#address_bar P {
margin: 0px;
padding: 0px 5px 0px 0px;
}

#address_bar A {
color: white;
text-decoration: underline;
}

#address_bar small {
font-size: 75%;
}

#address_bar img.logo {
 display: block;
 float: left;
 padding: 2px 0px 2px 4px;
}
            

#content a
{
text-decoration: underline;
background: transparent;
color: #F37C0C;
}

#content a:hover
{
background: #F37C0C;
color: white;
}


#content UL {
margin: 0px 10px 15px 10px;
}


#content LI {
margin: 0px 10px 2px 30px;
list-style-image: url(gfx/page_layout/bullet.gif);
list-style-type: circle

}

#content H1 {
background: transparent url(gfx/page_layout/h1_tlc.gif) no-repeat top left;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 20pt;
height: 45px;
color: black;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 55px;
text-align: left;
}

#content H2 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 11pt;
color: black;
font-size: 125%;
padding: 0px 10px 0px 10px;
margin: 15px 0px 10px 0px;
}

#content H3, #content H4, #content H5 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 120%;
color: black;
margin: 10px 0px 4px 0px;
padding: 0px 25px 0px 10px;
clear: left;
}

#content P {
margin: 0px 0px 0px 0px;
padding: 0px 25px 5px 25px;
 line-height: 130%;
}

#content blockquote {
 background: #e8f2ff url("gfx/page_layout/blockquote_bg.gif") no-repeat top left;
 display: block;
 margin: 30px 10% 30px 10%;
}

#content blockquote P {
 padding: 15px 10px 10px 160px;
 font-style: italic;
}

#content blockquote img {
 float: left;
 padding: 0px;
 margin: 0px;
}

#content #diary_table {
 border: 0px;
 margin: 0px 0px 0px 2.5%;
 padding: 0px;
 width: 95%;
}

#content #diary_table tr {
 margin: 2px 0px 0px 0px;
 background: #e8f2ff;
}

#content #diary_table tr.light_row {
 background: white;
}

#content #diary_table td {
 padding: 2px 5px 2px 5px;
}

#content #diary_table th {
 background: #79C7EE;
 padding: 3px;
}

#content #diary_table A.read_more {
 font-weight: bold;
 font-size: 75%;
 background: transparent;
}

#content #diary_table A.read_more:hover {
 color: black;
}

#content #content_lhs_column {
 float: left;
 width: 75%;
 background: white;
 margin: 0px;
 padding: 0px;
 border-right: 4px dotted #79C7EE;
}

#content #content_side_bar {
 float: right;
 width: 24%;
 margin: 0px;
 padding: 0px;
 background: white;
}

#ulster_bar_chart {
 background: white url(gfx/page_layout/Ulster-or-Bust.gif) no-repeat right top;
}

/* Catalogue Styling */



#content  #product_list {
 list-style: none;
 list-style-image: url();
 padding: 0px;
 margin: 0px;
}

#content  #product_list li {
 list-style: none;
 list-style-image: url();
 padding: 5px 5px 5px 5px;
 margin: 0px 25px 10px 25px;
 border-top: 2px dotted #F37C0C;
 clear: both;
}

#content_wrapper  #product_list li a {
 background: transparent;
 color: #F37C0C;
 font-weight: bold;
 text-decoration: none;
}

#content  #product_list li a.read_more {
 background: #F37C0C url(gfx/page_layout/link_arrow.gif) no-repeat right 50%;
 color: white;
 float: right;
 display: block;
 width: 120px;
 font-size: 85%;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 3px;
}

#content  #product_list li a.read_more:hover {
 background: black url(gfx/page_layout/link_arrow.gif) no-repeat right 50%;
 color: #F37C0C;
}

#content  #product_list li a:hover {
 background: #F37C0C;
 color: white;
}

#content  #product_list li img {
 border: 0px;
 float: left;
 padding: 0px 10px 0px 0px;
}

#content #product_list li strong {
 font-weight: bold;
 color: #F37C0C;
}

/* Mini Site Styling */
#content #mini_site {
 width: 90%;
 margin-left: 5%;
 clear: both;
 background: #CDE2F5;
 padding: 0px 0px 20px 0px;
}

#content #mini_site ul.navigation {
 display: block;
 width: 100%;
 background: white;
 margin: 0px;
}

#content #mini_site ul.navigation li {
 display: inline;
 margin: 0px;
}
#content #mini_site ul.navigation li a {
 text-decoration: none;
 padding: 5px;
 margin-left: 5px;
 background: #E8F1F9;
 color: black;
}

#content #mini_site ul.navigation li a.active {
 background: #CDE2F5;
}

/* Home Page Organisation List */
#content_wrapper #org_list ul {
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
 width: 237px;
 background: #AAD4E9;
 float: left;
 display: block;
}

#content_wrapper #org_list ul li {
 margin: 0px;
 padding: 0px 3px 0px 0px;
 text-align: right;
}

#content_wrapper #org_list ul li a img {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

#content_wrapper #org_list ul li a.enter {
 color: black;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
}
#content_wrapper #org_list ul li a.enter:hover {
 color: #F37C0C;
 text-decoration: underline;
}

#home_content {
background: white url(gfx/page_layout/h1_tlc.gif) no-repeat top left;
color: black;
margin: 0px 207px 0px 244px;
padding: 0px 0px 0px 0px;
display: block;
}

#home_content p {
 padding: 20px 10px 0px 10px;
 margin: 0px;
}


#home_content H1 {
background: transparent url(gfx/page_layout/content_trc.gif) no-repeat top right;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 20pt;
color: black;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 55px;
text-align: left;
}


#home_news {
 position: relative;
 float: right;
 top: 165px;
 right: 0px;
 width: 200px;
 background: #F37C0C url(gfx/page_layout/news_tlc.gif) no-repeat top left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 z-index: 300;
}

#home_news h2 {
 color: white;
 font-size: 120%;
 text-align: center;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 3px 0px;
 clear: both;
}

#home_news ul {
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
}

#home_news ul.latest_news {
 padding: 0px 0px 50px 0px;
 background: transparent url(gfx/page_layout/news_blc.gif) no-repeat bottom left;
}

#home_news ul li {
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 5px 0px 5px;
 display: block;
 clear: both;
 border-top: 2px dotted white;
}

#home_news ul li.first_item {
 border-top: 0px;
}


#home_news ul li a {
 text-decoration: none;
 color: black;
 font-weight: bold;
 display: block;
 margin: 0px 0px 2px 0px;
 padding: 0px;
}

#home_news ul li a img {
 border: 0px;
 float: right;
 width: 50px;
 height: 50px;
 margin: 0px;
 padding: 3px 0px 3px 5px;
}

#home_news ul a:hover {
 text-decoration: underline;
 color: #B1DEF5;
}

#content table.gallerytable {
 margin: auto;
 padding: 0px;
 background: #AAD4E9;
}
#content table.gallerytable td {
 padding: 6px;
}
#content table.gallerytable td a {
 letter-spacing: 1px;
 display: block;
 padding: 4px 4px 1px 4px;
 background: white;
 border-top: 1px solid #AAD4E9;
 border-right: 1px solid #AAD4E9;
 border-left: 1px solid #50A7D2;
 border-bottom: 1px solid #50A7D2;
 font-size: 65%;
 text-decoration: none;
 color: black;
 text-align: center;
}
#content table.gallerytable td a:hover {
 border: 0px;
 border-left: 2px solid #50A7D2;
 border-bottom: 2px solid #50A7D2;
 color: black;
}

/* Audio Listing */
#content UL.audio_list {
margin: 0px 10px 15px 10px;
}


#content UL.audio_list LI {
margin: 0px 10px 10px 30px;
padding: 0px 0px 0px 5px;
list-style-image: url(gfx/page_layout/audio_icon.gif);
list-style-type: circle
}