/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

div {
    zoom:1;
}

html {
    padding: 0;
    overflow: scroll; 
    background:none;
}

body {
    margin-top: 0px; padding: 0px;
    background: #C7C7C7 url('/images/bg.jpg') repeat-y fixed center top !important;
    font-size: 13px;
}

#custom-doc { 
    width:78.77em;
    *width:76.87em;
    min-width:1024px; 
    color: #646464;
}

#custom-doc2 { 
    width:78.77em;
    *width:76.87em;
    min-width:1024px; 
    color: #010101;
} 

/**
 *
 *  * We have to cut the BG into 3 parts.
 *
 *   */
#hd {
       background: transparent url('/images/bg-top.png') no-repeat scroll center top;
       height: 184px;
       width:777px; 
       clear:left;
       padding:0 127px 0 120px;
}

#hdtzavta {
       background: transparent url('/images/bg-top-tzavta.png') no-repeat scroll center top;
       height: 184px;
       width:777px; 
       clear:left;
       padding:0 127px 0 120px;
}
    
#bd {
       background: transparent url('/images/bg-middle.png') repeat-y center top;
       width:777px; 
       padding:21px 127px 20px 120px;
       clear:left;
       float:left;
}

#ft {
    background: transparent url('/images/bg-bottom.png') no-repeat center top;
    height: 80px;
    width: 777px; 
    padding:55px 127px 0 120px;
}

/* =HEADER */

div.top-header {
    height:143px;
    display:block;
}

#hd div.logo {
    position:relative;
    display:block;
    float:left;
    width:78px;
    height:70px;
    top:46px ;
    left:76px;
    text-indent: -3000px;
}

#hd div.logo a {
    display:block;
    width:78px;
    height:70px;
}

#hd div.donate-now {
    position:relative;
    display:block;
    float:right;
    width:110px;
    height:80px;
    top:55px;
    right: 12px;
    text-indent: -3000px;
}

#hd div.donate-now a {
    display:block;
    width:107px;
    height:80px;
}

#hd div.jtrails {
    position:relative;
    display:block;
    width:64px;
    height:25px;
    top:4px;
    left: 46px;
    text-indent: -3000px;
}

#hd div.jtrails a {
    display:block;
    width:64px;
    height:25px;
} 

#hd div.tzavta {
    position:relative;
    display:block;
    width:64px;
    height:25px;
    top:-20px;
    left: 120px;
    text-indent: -3000px;
}

#hd div.tzavta a {
    display:block;
    width:64px;
    height:25px;
}

/*tzavta page */

#hdtzavta div.logo {
    position:relative;
    display:block;
    float:left;
    width:78px;
    height:70px;
    top:46px ;
    left:76px;
    text-indent: -3000px;
}

#hdtzavta div.logo a {
    display:block;
    width:78px;
    height:70px;
}

#hdtzavta div.donate-now {
    position:relative;
    display:block;
    float:right;
    width:110px;
    height:80px;
    top:55px;
    right: 12px;
    text-indent: -3000px;
}

#hdtzavta div.donate-now a {
    display:block;
    width:107px;
    height:80px;
}

#hdtzavta div.jtrails {
    position:relative;
    display:block;
    width:64px;
    height:25px;
    top:4px;
    left: 46px;
    text-indent: -3000px;
}

#hdtzavta div.jtrails a {
    display:block;
    width:64px;
    height:25px;
}

#hdtzavta div.tzavta {

    position:relative;
    display:block;
    width:64px;
    height:25px;
    top:-20px;
    left: 120px;
    text-indent: -3000px;
}

#hdtzavta div.tzavta a {
    display:block;
    width:64px;
    height:25px;
}

/*end of tzavta page */
/* =MAIN BODY */

#custom-doc .rc-column {
    width:204px
}

#custom-doc .lc-column {
    width:429px;
    padding:20px 20px 20px 24px;
    background-color: #FFFAF0;
}

.typcolumn {
    width:429px;
    padding:20px 20px 20px 24px;
    background-color: #FFF3DB;
}

#custom-doc .lhs-column {
    width:124px;
}

#custom-doc .rhs-column {
    margin-left:140px !important;
}

/**
 *
 *  * customised tags
 *
 *   */   

strong, b {
    font-weight:bold;
}

a {
    color: #697076;
    text-decoration:none;
}

h1 {
    color: #000;
    font-family: "Arial Bold",Arial, Helvetica, sans-serif;
    font-size: 18px;
}

h2, h4 {
    font-family: "Arial Black",Arial, Helvetica, sans-serif;
}

h2 {
    font-size:154%;
    vertical-align:top;
    line-height:20px;
    padding:0;
    margin:0 0 10px 0;
}

h3 {
    font-size: 85%;
    font-weight: bold;
    color: #697076;
}

h4 {

}

h5 {
    font-weight: bold;
    font-size: 11px;
    color: #697076;
}

em {
    font-style: italic;
    font-size:85%;
    color: #006C91;
}

ul {
    margin-left: 2em;
}

ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 1em;
}

p {
    margin-bottom:1em;
}

/**
 *
 *  * some useful generic classes that can be used throughout the site
 *
 *   */

.on {
    font-weight:bold;
}

.top {
    vertical-align: top;
}

.right {
    text-align: right;
}

.clear {
    clear:both;
}

.floatright {
    float:right;
}

.floatleft {
    float:left !important;
}

.gt {
    padding-right:8px;
    display:inline;
}

.grey {
    color:#999;
}

.pointer {
    cursor: pointer;
}

.small {
    font-size: 85%;
}

.bold {
    font-weight: bold;
}

.black {
    color: #000;
}

.white {
    color: #FFF;
}

.required, .req , .orange{
    color: #FF8400;
}

.r-d {
    color:#1f86c7;
    margin-left:2px;
    font-weight:normal;
}
.err {
    width:10px; 
    height:20px; 
    background:url('/images/error.png') no-repeat;
}

.st-r {
    width:125px; 
    height:95px; 
    background:url('/images/sticker.png') no-repeat; 
    position:relative;
    left: -15%; 
    margin: 10px 0px 0px -30px;
}

.rssLogo {
	background: transparent url(/images/rss-logo.png) no-repeat scroll left top;
	display: block;
	height: 16px;
	right: 0px;
	position: absolute;
	text-indent: -3000px;
	top: 0px;
	width: 17px;
}

.subheading {
	font-size: 90%;
	font-weight: bold;
	font-family: arial,helvetica,clean,sans-serif;
}

/**
 *
 *  * use these classes for debugging CSS
 *
 *   */

.bred {
    border: 1px solid red;
}

.gred {
    background-color: red;
}

.bblue {
    border: 1px solid blue;
}

.gblue {
    background-color: blue;
}

.bpink {
    border: 1px solid pink;
}

.gpink {
    background-color: pink;
}

/**
 *
 *  * ListedItems
 *
 *   */

div.listed-item-container {
    float:left;
    display:block;
    margin-top:20px;
}

div.listed-item {
    padding:15px 0;
    float:left;
    display:block;
    border-top:1px dashed #837E7B;
    width:376px;
}

div.first-item {
    padding-top:0px !important;
    border-top-width:0px !important;
}

div.listed-item img {
    border:1px solid #BDBDAF;
    float:right;
    margin:0px 0 15px 10px;
}

div.intro-text {
    margin:10px 0 12px 0;
    padding:0;
}

/* =Errors */

#errors, .errors {
    background-color: #FFEFEF;
    padding: 5px 2px;
    margin: 8px 0px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #000;
    border:2px solid #AAA;
}

#errors ul li, .errors ul li {
    padding:5px;
    margin-bottom:0px;
    list-style-position: inside;
}

/* =Footer */

#ft {
    font-size: 85%;
    text-align: center;
    color: #898989;
    font-weight:bold;
}

.footerLinks {
	text-align: left;
	margin-top: 20px;
	padding: 0 40px;	
}

.footerLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;
	float: left;
}

.footerLinks ul li {
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

div.tcl-seo {
    margin-top:8px;
}

.more {color:#1c80c3; font-weight:bold;}

h5.more a, h5.more a:visited {
    color:#1c80c3;
    text-decoration: none;
}

.morediv {
    float: right;
    clear: both;
}

div.listed-item div.morediv img {
    margin: 0;
}

div.homeopen {
    background:url('/images/pinkbaloon.png') left top no-repeat;
    width: 695px;
    height: 360px;
    margin-top: 2px;
    margin-left: 40px;
}

div.homeboxes {
    /*width: 695px;
    height: 360px;*/
    float: left;
    margin-top: 0px;
    margin-left: 35px;
    padding-top: 0px;
}

div.moreLink {
    width: 26px;
    float: right;
    clear: both;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.homeevents {
    background:url('/images/home_events.gif') left top no-repeat #fffaf0;
    width: 203px;
    margin-left: 30px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    padding-bottom: 10px;
    overflow: auto;
}

div.homeevents a.eventsHeaderLink {
    display: block;
    height: 24px;
    text-indent: -3000px;
}

div.homeevents div.eventEntry {
    margin-top: 5px;
    overflow: auto;
}

div.homeBlog {
    background:url('/images/home_blog.gif') left top no-repeat #fffaf0;
    width: 203px;
    margin-left: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
}

div.homeBlog div.blogEntry {
    margin-top: 5px;
}

div.homeBlog a.eventsHeaderLink {
    display: block;
    height: 24px;
    text-indent: -3000px;
}

div.homeBlog div.blogText p {
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 0;
}

div.homefom {
    float: left;
    background:url('/images/home_fom.gif') left top no-repeat #fffaf0;
    width: 471px;
    height: 120px;
    margin-left: 30px;
    margin-top: 28px;
    padding-left: 10px;
    padding-top: 24px;
}

div.homefom .jtrails {
    float: left;
    margin-top: 4px;
    width: 220px;
    margin-left: 10px;
}

div.homefom .tzavta {
    float: right;
    width: 220px;
    margin-top: 4px;
    
}

div.xmarketing-box {
    background:url('/images/xbox_bg.png') left top no-repeat #fff;
    width: 172px;
    min-height: 139px;
  	height: auto !important;
    height: 139px;
    margin: 0px 0 7px 14px;
}

div.xmarketing-box-inner {
    background: transparent url('/images/xbox_bottom.png') no-repeat bottom left;
    padding: 5px 10px 20px 10px;
}

div.contactus-box {
    background:url('/images/contus.png') left top no-repeat #fff;
    width: 157px;
    height: 118px;
    margin: 0px 0 7px 14px;
}

span.selecthead {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

div.thankyou {
    background:url('/images/thankyou.png') left top no-repeat #fff3db;
    width: 388px;
    height: 314px;
    margin: 0px;
    padding: 0px;
}

div.feature-image {
    margin-left: 30px;
    width: 144px;
    margin-top: 2px;
}

div.timeline {
	border-top: 1px dashed #837E7B;
	display: block;
	padding: 15px 0;
}
	
div.timeline ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

div.timeline ul li {
	list-style: none;	
	margin: 0;
	padding: 0;
}

input.text {
	width:260px; 
	border:1px solid #c3c3c3; 
	border-bottom:0px; 
	border-right:0px; 
	margin-top:10px; 
	height: 20px;
	font-family: Arial, Verdana; 
	font-size: 14px;
}

select.tickets {
	width:260px;
	margin-top:10px; 
	height: 25px;
	font-family: Arial, Verdana; 
	font-size: 14px;
	height: 22px;
}

select.title {
	height: 22px;
}

div.donationAmount {
	background: #FFF;
	margin-bottom: 17px;
	padding: 18px;
}

div.donationDetails {
	background: #FFF;
	margin-bottom: 17px;
	padding: 18px;
}

div.donationGiftAid {
	background: #FFF;
	padding: 34px 60px;
}

/* BLOG */
ul.blogComments {
    margin: 0;
}

ul.blogComments li {
    list-style: none;
    border-top: solid black 1px;
    padding: 13px;
}


div#blogFeature a {color:#F9A13A; font-weight: bold;} 
div#blogFeature a:hover {text-decoration: underline; font-weight: bold;}
div#blogFeature a:link {color:#F9A13A; font-weight: bold;} 
div#blogFeature A:link {color:#F9A13A; font-weight: bold;}
div#blogFeature A:visited {color:#F9A13A; font-weight: bold;}
div#blogFeature A:active {color:#F9A13A; font-weight: bold;}

/* SEO LINKS - FOOTER */
div#seoLinks {
    color: #000000;
    font-weight:normal;
    background: #f7f7f9;
    padding: 15px;
}

div#seoLinks table {
    margin: 0 auto;
    text-align: left;
}

div#seoLinks li {
    list-style: none;
}

div#seoLinks table li.title {
    color: #1C80C3;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}

div#seoLinks a:link {
color:#697076;
font-weight:normal;
}

div#seoLinks a:visited {
color:#697076;
font-weight:normal;
}