/* 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 {
        background-color: transparent;
	WIDTH: 100%;
	MARGIN: 0px;
	PADDING: 0;
}

div.indyheader {
	MARGIN: 0 0 0 0;
	PADDING: 0px;
	clear: both;
        background-color: #000000;
}

table.indyheader{
	WIDTH: 100%;
	PADDING: 0px;
	MARGIN: 8px 8px 8px 0px;
        text-align: center;
        float: center;
	border-collapse: collapse;
        background-color: #000000;
}

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: #000000;
	color: White;
        text-align: center;
	float: center;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
       horizontal-align: center;
	font-family: arial, helvetica, sans-serif;
	display: inline;
}

li.indyheader
{
	display: inline;
	text-decoration: none;
	position: center;
	float: center;
	padding: 0;
	margin-bottom:0 px;
	list-style-type: none;
       background-color: #000000;
}

A.indyheader:link
{
        margin-bottom:8 px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
	color: White;
	font-size: 14px;
	text-decoration: none;
}

a.indyheader:visited
{ 
       margin-bottom:8 px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;	
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

a.indyheader:active
{
        margin-bottom:8 px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;	font-size: 14px;
	text-decoration: none;
}

a.indyheader:hover 
{
        margin-bottom:8 px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;	
                      font-size: 14px;
	background-color: #FF0000;
       border: #fff 2px solid;
	color: #fff;
	text-decoration: bold;
}

A.header-right
{
	text-decoration: none;
	font-size: 10px;
}

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: center;
	float: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
       background-color: #000000;       
}

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

INPUT.header-right
{
       background-color: #000000;;
	border: 0;
	text-align: right;
	vertical-align: middle;
	width: 12em;
	color: #FFFFFF;	
	padding: 0.2em 0.4em 0em 0.4em;
	font-size: 0.9em;
	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: #000000;
}

/* simple classes to hold banners */
table.banner-right
{
        text-align: right;
	clear: both;
        background-color: #ff0000;
	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
{

	text-align: left;
        background-color: #000000;
	width: 100%;
        clear: all;
        vertical-align: bottom;
	border-collapse: collapse;
	margin: -1px 8 px 8 px -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;
}

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

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


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

table.indypagebody{
	BACKGROUND-COLOR: transparent;
	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: #transparent;
}

/* 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: 150px;	
	BACKGROUND-COLOR: #000000;
	VERTICAL-ALIGN: TOP;
	PADDING: 0.5em 0em 0.5em 0em;
	border-bottom: #FF0000 2px double;
}

.indyleftcolumn
{
	COLOR: #fff; 
}

.indyleftcolumn-alternative
{
	COLOR: #fff; 
}

div.indyleftcolumn
{
	MARGIN: 0;
	padding: 0px 4px 10px 8px;
	border-bottom: #FF0000 2px double;
}

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

li.indyleftcolumn{
	font-size: 1.2em;
	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: #FF0000 2px double;
}

p.publish-guide
{
    margin: 0;
    padding: 0;
   font-size: 0.9em;
}

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: 0.85em;
}

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

p.main-menu
{
   font-size: 1.2em;
   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: 0.9em;
   padding: 0;
   vertical-align: top;
   margin: 1px 0 0 0;
}

div.donate
{
    margin: 8px 0 0 0;
    padding: 0px 0px 6px 0px;
    border-bottom: #cc0909 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: #FF0000 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 {
        background-color: #ff0000;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
       border: #ffffff 2px double;
}

P.indyleftcolumn-context {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 0.8em;
}

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

.indyleftcolumndate{
	font-size: 0.9em;
       color: #f9e8d2;
}

.indyleftcolumncomments{
	font-size: 0.85em;
       color: #8afb17; 
	font-style: italic;
}

.indyleftcolumnauthor{
	font-size: 0.85em;
       color: #ff0000;
	font-style: italic;
}

.indyleftcolumnorganisation{
	font-size: 0.85em;
}

.indyleftcolumn-alternativedate{
	font-size: 0.9em;
}

.indyleftcolumn-alternativecomments{
	font-size: 0.85em;
	font-style: italic;
}

.indyleftcolumn-alternativeauthor{
	font-size: 0.85em;
	font-style: italic;
}

.indyleftcolumn-alternativeorganisation{
	font-size: 0.85em;
}

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

img.indyleftcolumn-thumbnail{
        border: 1px solid #FF0000; 
}

span.indyleftcolumn-readmore
{
	margin-top: -1em;
	font-size: 0.85em;
	float: right;
}
select.indyleftcolumn
{
 	background-color: #00000;
	color: #FFFFFF;
	width: 110px;
	font-size: 0.9em;
	margin: 0.5em 0 0.2em 0;
}

input.indyleftcolumn
{
   font-size: 0.9em;
   color: #FFFFFF; 
	width: 110px; 
}



/* A second column with similar classes */

P.indyrightcolumn-date {
        background-color: #ff0000;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
       border: #ffffff 2px double;
}
.indyrightcolumn{
	COLOR: #ffffff; 
}

td.indyrightcolumn{
	WIDTH: 170px;	
	BACKGROUND-COLOR: #000000;
	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.2em;
	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: #FFFFFF; 
	TEXT-DECORATION: none
}

A.indyrightcolumn:visited {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}

A.indyrightcolumn:hover {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: underline;
}

A.indyrightcolumn:active {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}

A.indyrightcolumn-alternative:link {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}

A.indyrightcolumn-alternative:visited {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}

A.indyrightcolumn-alternative:hover {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: underline;
}

A.indyrightcolumn-alternative:active {
	COLOR: #FFFFFF; 
	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: 0.8em;
}

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

span.indyrightcolumn-readmore
{
	margin-top: -1em;
	font-size: 0.85em;
	float: right;
}

/* classes for headlines in newsfeeds */
.indyrightcolumnauthor {
	font-size: 0.85em;
	font-style: italic;
        color: #FF0000;
}

.indyrightcolumndate {
	font-size: 0.9em;
        color: #f9e8d2;
}

.indyrightcolumncomments {
	font-size: 0.85em;
	font-style: italic;
        color: #8afb17; 
}

.indyrightcolumnorganisation {
	font-size: 0.85em;
    
}

.indyrightcolumn-alternativeauthor {
	font-size: 0.85em;
	font-style: italic;
       color: #f9e8d2;
}

.indyrightcolumn-alternativedate {
	font-size: 0.9em;
        color: #8afb17;       
}

.indyrightcolumn-alternativecomments {
	font-size: 0.85em;
	font-style: italic;
       color: #FF0000;
}

.indyrightcolumn-alternativeorganisation {
	font-size: 0.85em;
}

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: #e3a512;	
	margin-top: 0px;
	padding: 6px 4px 6px 4px;
	border-bottom: #FF0000 2px double;
	border-top: #FF0000 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: #000000; 
}

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

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

li.indyright-inset{
	border-top: #cc0909 1px solid;
	padding: 4px 0 4px 0;
	font-size: 1.1em;
}

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

input.indyright-inset
{
   font-size: 0.9em;
   color: #e3a512; 
	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 {
        background-color: #FF0000;
	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 {
        background-color: #000000; 
	border-top:#FF0000 3px solid;
	PADDING-left: 0.5em;
	PADDING-right: 0.5em;
	FONT-SIZE: 0.9em;
        COLOR: #FFFFFF;
	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: #000000;
	border: #FF0000 2px solid;
	clear: right;
	padding: 4px;
        COLOR: #FFFFFF;
}
P.indy-insetbox-date {
        background-color: #ff0000;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
       border: #ffffff 2px double;
}

P.indy-insetbox{
	font-size: 0.85em;
        COLOR: #FF0000;
}

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

A.indy-insetbox:link {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.indy-insetbox:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.indy-insetbox:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}

A.indy-insetbox:active {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}


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

div.indypagediv {
	
	PADDING: 0 0 0 0;
	margin-left: auto;
        margin-right: auto;
  	HEIGHT: auto;
        background-color: #000000;
  	border: #FF0000 2px solid;
        color: #FFFFFF;

}

div.indypagediv-body {
        WIDTH: auto;
	PADDING: 0 0 0 0;
 	margin-left: auto;
 	margin-right: auto; 		
 	margin-top: 20px;
	background-color: #000000;
	line-height: 130%;
	height: auto;
        float: center;
}

td.indypagediv-body {
        WIDTH: auto;
	PADDING: 0 0 0 0;
 	margin-left: auto;
 	margin-right: auto; 	
 	margin-top: 20px;
	background-color: #000000;
	line-height: 130%;
	height: auto;
        float: center;
}
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%;
}