@import url("/_tmpl_styles/87/style.css");

/*** core ***/
 /** Works with all strict browsers **/

form, input {
    padding: 0;
    margin: 0;
}

body {
margin: auto; 
position: relative;
	color:#000;
	background:#ccc url(/lgrey043.jpg);

     }


  
table {
    color: #000;
    font: normal 0.85em 'Trebuchet MS',verdana,arial,helvetica,sans-serif;
    word-spacing:0.05em;
    }

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

a:link, a:visited, a:active {
    background-color: transparent;
    color: #5984B9;
    text-decoration: none;
    cursor: pointer;
}

a:focus {
    outline: thin dotted invert;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
    background-color: transparent;
    color: #8D0A0A;

}



blockquote.withimage {
    background: #FFFFE7 url(/quote.gif) no-repeat;
    font:  italic 11px Georgia, Times, serif;
    color: #484848;
    padding-left: 5px;
    text-align: justify;
    padding-left: 20px;

}
/* This centres the main table horizontally*/

table.columns {
   width: 900px;
   margin: 5px auto;
   position: relative;
   border: 1px solid #800000; 
   background-color: #fcf7ef;    
  /* background-color: #ffffe7; yelllow */

}



table.columns td.left {
    vertical-align: top;
    width: 15%;
    height: 100%;
  /*  position: relative;   fixes IE6 resize problem -- not needed */
    padding: 7px;
    border-width: 0;
    border-style: solid;
    border-color: #999;
   
}

table.columns td.center { 
    padding: 2px;
    height: 100%;
    border-width: 0px;
}

table.columns td.right {
    vertical-align: top;
    width: 300px;
    padding: 7px;
    height: 100%;
    background-color: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #999;
}
table.columns td.header {
    /*background-color: #ea151b; */
    background-image: url(/Banners/skyline.gif);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    color: #FF6600;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #8d0a0a;
    
    
 }
table.columns td.footer {
    padding: 2px 10px 2px 10px;
    font: normal 11px Geneva,verdana,arial,sans-serif;
    background-color: transparent;
    text-align: center;
    border-top: 1px solid #2e8b57;
}
 /* this changes the background colour of top menu */

table.columns td.menutop {
        background-color: #8d0a0a;
        padding: 3px;
        }

table.blogHeader {
    padding: 3px ; /* pushes header up slightly */
    height: 100px;
     color: #fff;
}

table.blogHeader a:link,
table.blogHeader a:active,
table.blogHeader a:visited {
  /* color: #eec5b2;  colour of header */
    color: #fcf7ef; 
   text-decoration: none;
}
table.blogHeader a:hover {
    text-decoration: underline;
    color: #ffff00;
}

table.blogHeader td.blogHeaderRight {
    text-align: right;
    vertical-align: top;  
}

/*                   ==============  NEW MENU BAR BELOW ===============                  */
table.blogHeader td.blogHeaderCenter {
    vertical-align: bottom;
    text-align: left;
}

.subnav_parent_bg 
{
	float:left;
	width:49px;
	text-align:center;
	height:14px;
	padding:1px 10px 0px 0px;
	margin:0px 7px 0px 0px;
	background-image:url(/parent_bg.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

        a.boston,  a.boston:link, a.boston:visited { 
        font-size:11px;
        text-transform:uppercase;
        color:#333333;
        padding:2px 3px;
        text-decoration: none;
}
a#green, a#green:link, a#green:visited {
        color: green;
       }  
 
a.boston:hover,a#green:hover, a#home:hover, a.boston:active, a#green:active, a#home:active{
        background-color:#8d0a0a; 
        color:#fff;
 }


a#home  { background:url(/littlehouse.png) no-repeat top left;
         _background-image: none;
	background-position: 0px -2px;
	padding:0 0 0 17px;
         _padding:0 0 0 5px;
}


 a#home:hover, a#home:active {
       
         background:#8d0a0a url(/littlehousewhite.png) no-repeat top left;
         _background-image: none;
          background-position: 0px -2px;
	padding:0 0 0 17px;
         _padding:0 0 0 5px;
}

       

 #menucontainer     {
      border-bottom:1px solid #bbbbbb;
      height:28px;
      background-image:url('/nav_sub_bg.gif');
}

#menusearchbox {
     float: right;
     position: relative;
     padding: 2px 9px 3px 0px;
    
    }

.button2 {                      position: relative;
                                top: 1px;
                                padding-left: 2px;
                                background:url(/neoGo.png) no-repeat;
				_background: transparent;
                                _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/neoGo.png");
             		        width:35px;
				height:22px;
				border:0;
				text-indent:-2000px;
				overflow:hidden;
				*text-transform:capitalize;
				color:transparent;
				cursor:pointer;
                                
			}
/*                                                 NEW MENU BAR ABOVE ===================*/
.dayArticles {
    padding: 0;
    margin-left: 5px;
    background-color: transparent;
    border-top:    6px solid #dfebee; 
    border-bottom: 1px none #ccc;
  
}
/***************/

/* These next 2 classes are modified due to the way the Open Blue, */
/* Viridity, and Minimalist group of classes set the position to be */
/* absolute which skews the articles in Internet Explorer but not */
/* in Mozilla or Firefox... */

.article {
    position: static;
/* too much right padding */
    padding: 0 8px 0 0px;
    margin: 18px 0 12px 5px;
}



.articleBody {
    position: static;
    clear: left;
/* too much white space */
    line-height: 115%;
    
}




.articleAll {
     background-image: url(/Banners/barcodefadeTR400px.gif);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 0 2px;
    position:relative;
    margin: 2px;
    border-left: 0px solid black;
}




 .articleAll .article {
    margin-top: 0px;
    
}

.postDate {
    font: 9px arial,geneva,sans-serif;
    text-transform: uppercase;
    color: #900;  
    margin: 0 0 0 0;
    /* background-color: #444; */
    background-color:#fff9f5;
    padding: 0 18px 0 10px;
    white-space: nowrap;
}



.componentBlogname {
    font: normal 32px 'Lucida Grande','Trebuchet MS',verdana,arial,helvetica,sans-serif;
    line-height: 44px;
    letter-spacing: -2px;
    background-color: transparent;
    color: #e67d30;

    /* margin-left: 174px;*/
    margin-left: 45px;
    }

.componentBlogsubhead {
    font: italic 12px 'Lucida Grande','Trebuchet MS',verdana,arial,helvetica,sans-serif;
    line-height: 18px;
    background-color: transparent;
    color: #fff;
    /* margin-left: 207px; */
    margin-left: 85px;
    }

.zoundry_bw_tags, .categoryPostListTable  {
    color: #999;
    font: normal 8px Geneva,verdana,arial,sans-serif;
    display: none;
    }

a.ztag, a.ztag:link, a.ztag:visited           {
   color: #999;
   text-decoration: none;
   }
a.ztag:hover  {
   color: #484848;
   text-decoration: underline;
   }

/*** components ***/

div.component {
    overflow: auto;   /*  clear floats trick */
    width: 100%;      /*                     */ 
    }

#leftcol {
}

#leftcol .component {
    font-family:Arial, Helvetica, sans-serif;
    margin: 0px 0px 6px; 
    text-align: left;
    clear: both;
    background-color: transparent;
    color: #333;
    border-bottom: solid 3px  #8d0a0a;
    padding: 0px 0px 10px;
}

#leftcol .componentHead {
    font: 12px "Trebuchet MS",Verdana, Arial,sans-serif;
    padding: 0px;
    color: #8d0a0a;
    text-transform: uppercase;
    text-align: left;
    background-color: transparent;
    border: none;
    white-space: nowrap;
}


#leftcol .componentHead a {

}

#leftcol .componentContent {
    padding: 5px 0 0 2px;
}

#leftcol a:link,
#leftcol a:active,
#leftcol a:visited {
         color: #000;
         font-weight: bold;
         text-decoration: none;
}

#leftcol a:hover {
    color: #8d0a0a;
    text-decoration: underline;
}

#leftcol .componentRecentArticlesItem {
          font-size:10px;
}
#leftcol .componentRecentArticles  a:link,
#leftcol .componentRecentArticles  a:active,
#leftcol .componentRecentArticles  a:visited {
}

#rightcol .componentShadow {
    margin: 5px 0px
      }
#rightcol .component {
    font-family:Arial, Helvetica, sans-serif;
    margin: 0px 0px 3px; 
    text-align: left;
    clear: both;
    background-color: transparent;
    color: #333;
    border-bottom: solid 3px  #8d0a0a;
    padding: 0px 0px 3px;
}

    

#rightcol .componentHead {
    font: 12px "Trebuchet MS",Verdana, Arial,sans-serif;
    padding: 0px;
    color: #8d0a0a;
    /* background-color: #f1ece3; */
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}



#rightcol .componentContent {
    padding: 0px;
}
#rightcol a:link,
#rightcol a:active,
#rightcol a:visited {
         color: #000;
         font-weight: bold;
         text-decoration: none;
}

#rightcol a:hover {
    color: #8d0a0a;
    text-decoration: underline;
}

#rightcol .componentBlogroll a:link,
#rightcol .componentBlogroll a:active,
#rightcol .componentBlogroll a:visited {
         background:url(/0081_ulli.gif) no-repeat top left;
	background-position:0 0px;
	padding:0 0 0 17px;
         
}
#rightcol .componentRecentArticlesItem {
          font-size:10px;
}
#rightcol .componentRecentArticles  a:link,
#rightcol .componentRecentArticles  a:active,
#rightcol .componentRecentArticles  a:visited {
         background:url(/0081_ulli.gif) no-repeat top left;
	background-position:0 0px;
	padding:0 0 0 17px;
}
#rightcol .componentFeedburner a:link,
#rightcol .componentFeedburner a:active,
#rightcol .componentFeedburner a:visited {
         background:url(/email.png) no-repeat top right;
	padding:0 0 0 0;
         
}





/***misc***/

/*** Changed lift margins to 10px from 18***/

.categoryBreadcrumb {
    text-align: left;
    margin: 0 10px 10px 5px;
    white-space: nowrap;

}

/*** adbox ***/
.adbox {
    margin:0px 5px;
    position: relative; 
    clear:both;
}

.adboxinline {
  
   float:right;
   position: relative;
   margin: 0px 18px 6px;
}


.articleBreadcrumb {
    white-space: nowrap;
    padding: 6px 0 6px 0;
    margin: 15px 10px;
    font: normal 10px Verdana,Helvetica,Arial,sans-serif;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
        }




 .articleTitle {
        font: normal 26px "Trebuchet MS",VerdanaArial,sans-serif;
        line-height: 200%;
        clear: left;
        color: #5984ad;
        }
.dayArticles .articleTitle {
        font-size: 17px;
        line-height: 110%;
        }



 a.articleTitle:link, a.articleTitle:visited {
   text-decoration: none;
   color: #5984ad;
    }


a.articleTitle:hover {  
    text-decoration: underline;
    color:#900;
    }

.componentSkyscraper {
   /*  position: relative; */
 /*    height: 1%; hack for Peekaboo bug in Win/IE -- not needed */
                   }

.componentHomeLink  {
       vertical-align:middle;
         }

.componentRSSFeed2 {
       float:left; 

}

a.RSSbutton{ display:block;
   float: left;
   vertical-align: middle;
   margin:0px 5px;
} 
 table.RSStable td.RSSbutton {
       background-color: white;
    
}
a.emailbutton{ 
  float:right;
 }

.componentBlogroll {
    background: transparent url(/robotsmalltry.gif) no-repeat bottom right;
}
.componentBlogrollItem {
    margin-bottom:3px;
}
 
.componentRecentArticlesItem {
    margin-bottom: 3px;
}


.post_line{
	width:auto;
	border-bottom:1px solid #333;
}
.articleStats2 {
	background-color:#f1ece3;
	margin-bottom:18px;
         margin-top: 6px;
	padding:2px;
	width:auto;
	color:#999;
	text-align:left;
	font-size:9px;
}



.info{
	float:right;
	color:#ce7424;
         margin: 0px 0px 4px 0px;
	font-size:12px;
	text-align:center;padding:2px 4px 4px 4px;
	background-color:#dfebee;
	border-top:1px none #412618;
}


.articleAll .info {
        float:left;
}

.articleBody {
    font: normal 11px Verdana,Helvetica,Arial,sans-serif;
    line-height: 150%;
    clear: none;
}

.authordata {
	background: url('/author.png') left center no-repeat;
	padding: 2px 0px 2px 20px ;
}
.commentslink {
	background: url('/comment.png') left center no-repeat;
	margin: 0px 5px;
	padding: 2px 0px 2px 20px;
}
.permalink  {
         background: url('/link.png') left center no-repeat;
	margin: 0px 5px;
	padding: 2px 0px 2px 20px;
}
.trackbacklink{
         background: url('/book_previous.png') left center no-repeat;
	margin: 0px 5px;
	padding: 2px 0px 2px 20px;
}

.componentSearch {
        
        text-align:left;
        padding:6px 4px 8px;
}


.more_in{
            text-transform:uppercase;
            color:#333;
            text-align:right;
            clear:left;
}

div.artfoot a:link,
div.artfoot a:visited,
div.artfoot a:active {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

div.artfoot a:hover {
    color: #8d0a0a;
    text-decoration: underline;
}




table.jumpoff{
          width: 100%
}

td.jumpoff {
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    height: 100%;
    padding: 1px;
    
}
.artfoot  {
   margin-top: 10px;
}
.artfootHead {

    font: 12px "Trebuchet MS",Verdana, Arial,sans-serif;
    padding: 0px;
    color: #8d0a0a;
    /* background-color: #f1ece3; */
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}
table.bread {
    width:100%
}
table.bread td.left {
    text-align: left;
    
}
table.bread td.right {
    text-align: right;
 
}


table.arrowsold{
    padding: 0px 0;
    width: 100%;
    font-size:11.5px;
    background-color:#f1ece3;
    position:relative; /* needed to stop arrows disappearing in IE6 */
    
}

table.arrows {
    /* orange box */
    width: 100%;
    font-size:11.5px;
    background-color:#fdcd9d;
    border-bottom: 2px solid #d96528;
    border-top: 2px solid #d96528;
    padding: 2px 0;
    position:relative; /* needed to stop arrows disappearing in IE6 */
    
}

table.arrows td.next {
   
   height:100%;
   line-height:125%;
   width:355px;
   border-right: 0px solid #ebebeb;
   text-align: left;
    }

table.arrows td.more {
     line-height:110%;
    font-size: 12px;
    color:#8d0a0a;
    white-space: pre;
}

table.arrows td.prev {
    height:100%;
    line-height:125%;
    width:355px;
    text-align: right;
    border-left: 0px solid #ebebeb; 
}



.relatedCatHead, .relatedCatHead a{
    font: 12px "Trebuchet MS",Verdana, Arial,sans-serif;
    padding: 0px;
    color: #8d0a0a;
    /* background-color: #f1ece3; */
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    
}

/* See http://feed2js.org/index.php?s=style#2style for embedded RSS styles */

.rss-box {
	 width: 300px;
	 background-color: #ffffff;
}

.rss-title, rss_title a {

	
}

.rss-items {
       list-style:none;
       margin:0;
       padding:0;
}

.rss-item  {
  font-size:8.5pt;
  
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
   background:url(/0081_ulli.gif) no-repeat top left;
  	background-position:0 1px;
	padding:0 0 0px 17px;

	}

.rss-item a:hover { 

	}
	
.rss-date {
	font-size: xx-small;
	}
.comments {
    font-size: 12px;
}
.commentsHead, .relatedHead {
    font-size: 11px;
    font-weight: bold;
    background:url(/flexButton66.gif) bottom left no-repeat;
    margin: 12px 0 10px;
    color: #FFF;
    width: 66px;
    line-height: 200%;
    text-transform: uppercase;
    padding: 2px 2px 0px 3px;
    border: none;
}

.relatedHead {
    width: 103px;
    background:url(/flexButton103.gif) bottom left no-repeat; 
    
}

.dateline { 
    font-size: 11px;
    font-weight: bold;
    line-height:200%;
    text-transform: uppercase;
        }

.articleAuthor   {
    font-size:11px;
    line-height: 200%;
}
.articleAuthor a:link, .articleAuthor a:visited, .articleAuthor a:active {
   text-decoration: none;
   text-transform: uppercase;
   
}
.articleAuthor a:hover {
   text-decoration: underline;
   
}
.addcomment {
        background: url('/add_comment.gif') left center no-repeat;
	margin: 0px 5px;
	padding: 2px 0px 2px 25px;
}

.addcomment a:link, .addcomment a:visited, .addcomment a:active {
        background: url(/yellowmarker.gif);
        padding-top: 3px;
        font-size:12px;
        font-weight: bold;
        line-height: 200%;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 200%;
}
.addcomment a:hover {
        color: #8d0a0a;
        text-decoration: underline;
}
.Allrss {
	background:url(/Allrss.png) left center no-repeat;
	margin: 0px 5px;
	padding: 2px 0px 2px 20px;
}

.Allemail {
	background:url(/Allemail.png) left center no-repeat;
         margin: 0px 5px;
	padding: 2px 0px 2px 20px;
}
.commentTitle {
        font-size:14px;
}
.commentBody {
        font-size:12px;
}

img { 
    position: relative; 
}
.commentFormInline {
   
    min-width: 0;  /* fix for peekaboo bug in IE7 */
    background-color:#fcc7c4;
}