/* These classes govern the main page layout for table-based pages          */
/* They are also inherited by the objects in the menus and so on            */
/* configuration pages and inherited by contained objects                   */


div.indypage {
	width: 100%;
	margin: 0px;
	padding: 0;
}

div.indyheader {
	margin: 0 0 0 0;
	padding: 0px;
	clear: both;
}

table.indyheader{
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

tr.indyheader{
	padding: 0px;
	margin: 0px;
}

td.indyheader{
	width: 100%;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	height: 100%;
}

th.indyheader{
	width: 100%;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	height: 100%;
}

/* bar rendered as a list and styled into a navigation bar */

ul.indyheader{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #69796c;
	color: white;
	float: left;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	font-family: arial, helvetica, sans-serif;
	display: inline;
}

li.indyheader
{
	display: inline;
	text-decoration: none;
	position: relative;
	float: left;
	padding: 2px 0 2px 0px;
	list-style-type: none;

}

a.indyheader:link
{
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
	color: white;
	FONT-SIZE: 16px;
	text-decoration: none;
}

a.indyheader:visited
{
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;	
	FONT-SIZE: 16px;
	color: #fff;
	text-decoration: none;
}

a.indyheader:active
{
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;	FONT-SIZE: 16px;
	text-decoration: none;
}

a.indyheader:hover 
{
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;	
                      FONT-SIZE: 16px;
	background-color: #97b697;
	color: #fff;
	text-decoration: none;
}

a.header-right
{
	text-decoration: none;
	FONT-SIZE: 12px;
}

a.header-right:link
{
	color: #fff;
}
a.header-right:hover
{
	color: #fff;
}
a.header-right:active
{
	color: #fff;
}
a.header-right:visited
{
	color: #fff;
}

/* these elements are overridden classes set to a specific class in the page configuration screen */
li.header-icon
{
	display: inline;
	text-decoration: none;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

img.header-icon-thumbnail
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

input.header-right
{
	background-color: #c8edce;
	border: 0;
	text-align: right;
	vertical-align: middle;
	width: 12em;
	color: #4b675b;	
	padding: 0.2em 0.4em 0em 0.4em;
	FONT-SIZE: 1.1em;
	height: 1.4em;
	margin-top: 1px;
	margin-bottom: 1px;
}


input.header-right-image{
	margin: 0px;
	vertical-align: top;
}

li.header-right
{
	display: inline;
	text-decoration: none;
	position: relative;
	float: right;
	list-style-type: none;
	background-color: #69796c;
}

/* simple classes to hold banners */
table.banner-right
{
	clear: both;
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

tr.banner-right{}

td.banner-right{
	text-align: right;
}

table.banner-right-gallery{
	float: right;
	margin-right: 6px;
}

img.banner-right-thumbnail
{
   margin-right: -2px;
}

table.banner-left
{
	width: 100%;
	border-collapse: collapse;
	margin: -1px 0 0 -2px;
	border: 0;
}

tr.banner-left{
	border: 0;
}

td.banner-left{
	text-align: left;
	border: 0;
}

table.banner-left-gallery
{
       float: right;
       margin-right: 4px;
}

div.banner-center { text-align: center; border-bottom: #619d55 1px double; }

a.banner-center { text-align: center; }

table.banner-center
{
	text-align: center;
	clear: both;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 1px 1em 1px;
   background-color: #e8f6e8;
	border: #b8f8b8 2px solid;
	padding: 4px;
}

tr.banner-center{}
td.banner-center{
	text-align: center;
}


/*  the table cell to hold the main page body */

table.indypagebody{
	background-color: #ffffff;
	margin: -4px 0 0 0px;	
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}

tr.indypagebody{}

td.indypagebody{
	margin: 0px 200px 0px 0px;
	padding: 20px 20px 4% 20px;
	vertical-align: top;
	background-color: #ffffff;
}
span.indypagebody-readmore {
	font-weight: bold;
        FONT-SIZE: 1em;
}

table.indypagebody2{
	border-spacing: 0;
	background-color: #ff0fff;
	margin: 0 0 0 0px;	
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
td.indypagebody2{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	background-color: #fffff0;
        FONT-SIZE: 1.2em;
}
div.indypagebody2{
	background-color: #ffffff;
        FONT-SIZE: 1.1em;
}

/* this is an example of a column. if you want to make your own styled columns */
/* you will probably need to implement most of these html elements             */

td.indyleftcolumn {
	width: 133px;	
	background-color: #97b697;
	vertical-align: top;
	padding: 0.5em 0em 0.5em 0em;
}

.indyleftcolumn
{
	color: #fff; 
}

.indyleftcolumn-alternative
{
	color: #fff; 
}

div.indyleftcolumn
{
	margin: 0;
	padding: 0px 4px 10px 8px;
	border-bottom: #619d55 2px double;
}

ul.indyleftcolumn{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.indyleftcolumn{
	FONT-SIZE: 1.4em;
	padding: 2px;
}

h5.indyleftcolumn{
	margin-top: 5px;
	margin-bottom: 0px;
}

h4.indyleftcolumn{
	margin-top: 8px;
	margin-bottom: 0px;
}

h3.indyleftcolumn{
	margin-top: 10px;
	margin-bottom: 4px;
}

h2.indyleftcolumn{
	margin-top: 14px;
	margin-bottom: 10px;
}

h1.indyleftcolumn{
	margin-top: 18px;
	margin-bottom: 10px;
}


div.publish-guide
{
	margin: 0;
	padding: 0px 8px 6px 8px;
	border-bottom: #619d55 2px double;
}

p.publish-guide
{
    margin: 0;
    padding: 0;
   FONT-SIZE: 1.1em;
}



a.publish-guide:link {
	color: #fff; 
	text-decoration: none;
}

a.publish-guide:visited {
	color: #fff; 
	text-decoration: none;
}

a.publish-guide:hover {
	color: #fff; 
	text-decoration: underline;
}


a.publish-guide:active {
	color: #fff; 
	text-decoration: none;
}

img.publish-img-thumbnail {
    margin: 1.5em 0 0 0;
    padding-bottom: 0.2em;
}

.sub-menu
{
}

ul.sub-menu
{
	list-style-type: none;
        padding: 0 0 0 1em;
        margin: 2px 0 0 0;
}

li.sub-menu
{
   margin: 1px 0px 1px 0px;
   FONT-SIZE: 1.05em;
}

div.main-menu
{
	margin: 0;
	padding: 4px 4px 10px 8px;
	border-bottom: #619d55 2px double;
}

p.main-menu
{
   FONT-SIZE: 1.4em;
   padding: 0;
   margin: 0.25em 0 0 0;
}

ul.donate
{
	list-style-type: none;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 2px 0px;
}

li.donate
{
   text-align: center;
   FONT-SIZE: 1.1em;
   padding: 0;
   vertical-align: top;
   margin: 1px 0 0 0;
}

div.donate
{
    margin: 8px 0 0 0;
    padding: 0px 0px 6px 0px;
    border-bottom: #619d55 2px double;
}
 
p.donate
{
   margin: 0 ;
   padding: 0;
}

.donate-thumbnail
{
   border: 0;
   display: inline;
   margin: 0px;
   padding: 0px;
 }


a.sub-menu:link {
	color: #fff; 
	text-decoration: none
}

a.sub-menu:visited {
	color: #fff; 
	text-decoration: none
}

a.sub-menu:hover {
	color: #fff; 
	text-decoration: underline;
}

a.sub-menu:active {
	color: #fff; 
	text-decoration: none
}


a.main-menu:link {
	color: #fff; 
	text-decoration: none
}

a.main-menu:visited {
	color: #fff; 
	text-decoration: none
}

a.main-menu:hover {
	color: #fff; 
	text-decoration: underline;
}

a.main-menu:active {
	color: #fff; 
	text-decoration: none
}

a.indyleftcolumn:link {
	color: #fff; 
	text-decoration: none
}

a.indyleftcolumn:visited {
	color: #fff; 
	text-decoration: none
}

a.indyleftcolumn:hover {
	color: #fff; 
	text-decoration: underline;
}

a.indyleftcolumn:active {
	color: #fff; 
	text-decoration: none
}

a.indyleftcolumn-alternative:link {
	color: #fff; 
	text-decoration: none
}

a.indyleftcolumn-alternative:visited {
	color: #fff; 
	text-decoration: none
}

a.indyleftcolumn-alternative:hover {
	color: #fff; 
	text-decoration: underline;
}

a.indyleftcolumn-alternative:active {
	color: #fff; 
	text-decoration: none
}

p.indyleftcolumn {}

p.feeds
{
    margin: 0;
    padding: 0;
}

div.feeds
{
	margin: 0;
	padding: 0px 4px 10px 8px;
        border-bottom: #619d55 2px double;
}

h4.feeds
{
	margin: 8px auto 4px auto;
}

a.feeds:link {
	color: #fff; 
	text-decoration: none
}

a.feeds:visited {
	color: #fff; 
	text-decoration: none
}

a.feeds:hover {
	color: #fff; 
	text-decoration: underline;
}

a.feeds:active {
	color: #fff; 
	text-decoration: none
}

/* some special classes that are composed from the column class */
p.indyleftcolumn-date {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}



span.indyleftcolumn-context {
 	color: #D6FFD6;
}
p.indyleftcolumn-context {
 	color: #d8e6e6;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	FONT-SIZE: 1em;
}

p.indyleftcolumn-icons {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2px;
}

.indyleftcolumndate{
	FONT-SIZE: 1.1em;
}

.indyleftcolumncomments{
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyleftcolumnauthor{
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyleftcolumnorganisation{
	FONT-SIZE: 1.05em;
}

.indyleftcolumn-alternativedate{
	FONT-SIZE: 1.1em;
}

.indyleftcolumn-alternativecomments{
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyleftcolumn-alternativeauthor{
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyleftcolumn-alternativeorganisation{
	FONT-SIZE: 1.05em;
}

div.indyleftcolumn-thumbnail{
	margin-top: 4px;
}

img.indyleftcolumn-thumbnail{
	border: 0;
}

span.indyleftcolumn-readmore
{
	margin-top: -1em;
	FONT-SIZE: 1.05em;
	float: right;
}
select.indyleftcolumn
{
 	background-color: #d8e6e6;
	color: #000;
	width: 110px;
	FONT-SIZE: 1.1em;
	margin: 0.5em 0 0.2em 0;
}

input.indyleftcolumn
{
   FONT-SIZE: 1.1em;
   color: #3b5a3b; 
	width: 110px; 
}



/* a second column with similar classes */

.indyrightcolumn{
	color: #3b5a3b; 
}

td.indyrightcolumn{
	width: 170px;	
	background-color: #97b697;
	vertical-align: top;
	padding: 0em 0em 0.5em 0em;		
}

div.indyrightcolumn
{
	margin: 0;
	padding: 0px 4px 10px 10px;
}

ul.indyrightcolumn{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.indyrightcolumn{
	FONT-SIZE: 1.4em;
	padding: 2px;
}

h5.indyrightcolumn{
	margin-top: 5px;
	margin-bottom: 0px;
}

h3.indyrightcolumn{
	margin-top: 10px;
	margin-bottom: 4px;
}

h4.indyrightcolumn{
	margin-top: 8px;
	margin-bottom: 0px;
	text-align: center;
}

h1.indyrightcolumn{
	margin-top: 18px;
	margin-bottom: 10px;
}

a.indyrightcolumn:link {
	color: #1b3a1b; 
	text-decoration: none
}

a.indyrightcolumn:visited {
	color: #1b3a1b; 
	text-decoration: none
}

a.indyrightcolumn:hover {
	color: #1b3a1b; 
	text-decoration: underline;
}

a.indyrightcolumn:active {
	color: #1b3a1b; 
	text-decoration: none
}

a.indyrightcolumn-alternative:link {
	color: #1b3a1b; 
	text-decoration: none
}

a.indyrightcolumn-alternative:visited {
	color: #1b3a1b; 
	text-decoration: none
}

a.indyrightcolumn-alternative:hover {
	color: #1b3a1b; 
	text-decoration: underline;
}

a.indyrightcolumn-alternative:active {
	color: #1b3a1b; 
	text-decoration: none
}


p.indyrightcolumn {}
p.indyrightcolumn-alternative {}

/* classes of data at the top of news feeds */
p.indyrightcolumn-date {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}

p.indyrightcolumn-context {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	FONT-SIZE: 1em;
}

p.indyrightcolumn-icons {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2px;
}

span.indyrightcolumn-readmore
{
	margin-top: -1em;
	FONT-SIZE: 1.05em;
	float: right;
}

/* classes for headlines in newsfeeds */
.indyrightcolumnauthor {
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyrightcolumndate {
	FONT-SIZE: 1.1em;
}

.indyrightcolumncomments {
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyrightcolumnorganisation {
	FONT-SIZE: 1.05em;
}

.indyrightcolumn-alternativeauthor {
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyrightcolumn-alternativedate {
	FONT-SIZE: 1.1em;
}

.indyrightcolumn-alternativecomments {
	FONT-SIZE: 1.05em;
	font-style: italic;
}

.indyrightcolumn-alternativeorganisation {
	FONT-SIZE: 1.05em;
}

div.indyrightcolumn-thumbnail{
	margin-top: 4px;
}

img.indyrightcolumn-thumbnail {
	border: 0;
}

/* these are over-ridden elements in the menus - set by specifying a particular class on the menu configuration screen for this element */

div.indyright-filter {
	background-color: #859b77;	
	margin-top: 0px;
	padding: 6px 4px 6px 4px;
	border-bottom: #ffffff 2px double;
	border-top: #ffffff 2px double;
	text-align: center;
}

span.indyright-filter {
	color: #fff;
	font-weight: bold;
	margin-right: 40px;
}

p.indyright-filter {
	margin: 0px;
	padding-left: 10px;
	text-align: left;
}

.indyright-filterbuttonimage {
	vertical-align: bottom;
}

select.indyright-filter {
	background-color: #d8e6e6;
	color: #000;
	width: 150px;
	margin: 2px 0px 2px 0px;
}


/* a second over-ridden element */
.indyright-inset
{
	color: #3b5a3b; 
}

div.indyright-inset {
	background-color: #88c687;	
	margin-top: 0px;
	padding: 10px 4px 16px 4px;
	border-bottom: #ffffff 2px double;
	border-top: #ffffff 2px double;
}

ul.indyright-inset{
	padding: 4px;
	margin: 0;
	list-style-type: none;
}

li.indyright-inset{
	border-top: #d8e6e6 1px solid;
	padding: 4px 0 4px 0;
	FONT-SIZE: 1.3em;
}

select.indyright-inset {
	background-color: #d8e6e6;
}

input.indyright-inset
{
   FONT-SIZE: 1.1em;
   color: #3b5a3b; 
	width: 110px; 
	margin-top: 2px;
}

a.indyright-inset:link {
	color: #3b5a3b; 
	text-decoration: none
}

a.indyright-inset:visited {
	color: #3b5a3b; 
	text-decoration: none
}

a.indyright-inset:hover {
	color: #3b5a3b; 
	text-decoration: underline;
}

a.indyright-inset:active {
	color: #3b5a3b; 
	text-decoration: none
}

h4.indyright-inset {
	margin: 4px 0 4px 0;
	text-align: center;
}

/* a totally plain column */


td.plaincolumn {
	vertical-align: top;
	padding: 5px;
}

/* footer classes */

div.indyfooter {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

table.indyfooter {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}

tr.indyfooter {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

td.indyfooter {
	border-top: #97b697 1px solid;
	padding-left: 0.5em;
	padding-right: 0.5em;
	FONT-SIZE: 1.1em;
	margin: 0px;
	vertical-align: middle;
}


/* inset box classes */
div.documentation-box{
	float: right;
	width: 142px;
	position: relative;
        top: -20px;
        right: -20px;
        background-color: #97b697;
        clear: right;
        padding-bottom: 1em;
}

h4.documentation-box{
	margin-top: 1em;
	margin-bottom: 4px;
	text-align: center;
   padding: 0px 6px 0px 6px;
}

p.documentation-box{
   padding: 0px 6px 0px 6px;
   margin: 0;
}

a.documentation-box:link {
	color: #0b2a0b; 
	text-decoration: none
}

a.documentation-box:visited {
	color: #0b2a0b; 
	text-decoration: none
}

a.documentation-box:hover {
	color: #0b2a0b; 
	text-decoration: underline;
}

a.documentation-box:active {
	color: #0b2a0b; 
	text-decoration: none
}
div.indy-insetbox {
	float: right;
	width: 200px;
	position: relative;
	margin: 30px 0px 8px 4px;
	background-color: #e8f6e8;
	border: #b8f8b8 2px solid;
	clear: right;
	padding: 4px;
}

p.indy-insetbox{
	FONT-SIZE: 1.05em;
}

span.indy-insetboxcomments
{
	font-style: italic;
}

a.indy-insetbox:link {
	color: #69796c;
	text-decoration: none
}

a.indy-insetbox:visited {
	color: #69796c;
	text-decoration: none
}

a.indy-insetbox:hover {
	color: #69796c;
	text-decoration: underline;
}

a.indy-insetbox:active {
	color: #69796c;
	text-decoration: none
}


/* some div-based pages here */
/* this should work for an 800px width pure css based page layout - nice */

div.indypagediv {
	width: 800px;
	padding: 0 0 0 0;
	margin-left: auto;
        margin-right: auto;
  	height: 100%;
  	border: #b8f8b8 2px solid;
}

div.indypagediv-body {
	padding: 0 0 0 0;
 	margin-left: auto;
 	margin-right: auto; 	
 	margin-top: 20px;
	background-color: #fff;
	line-height: 130%;
	height: 100%;
}

div.indymainpanediv { 
	padding: 0 20px 0 20px;
 	margin-left: 140px;
 	margin-right: 160px;
 	background-color: #fff;
	line-height: 130%;
	height: 100%;
}


div.indyrightdiv {
	width: 150px;	
	background-color: #97b697;
 	float: right;
	margin: 0;
	padding: 0.5em;
	height: 100%;
}

div.indypagecontents {
	background-color: #fff;
	height: 100%;
	margin-left: 120px;
	margin-right: 140px;
	padding: 0.5em 5em 0.5em 5em;
}

div.indyleftdiv{
	background-color: #97b697;
	width: 130px;
   float: left;
   padding: 0.5em 0.2em 0.5em 0.4em;
	height: 100%;
}