/* ***************************************************************************************************** */
/* TEMPLATE SPECIFIC CSS CODE */
html, body {

   background-color:#fff;

   color:#000;

   font-family:Arial, Helvetica,  'lucida console', Geneva, sans-serif, verdana;

   margin:0;

   padding:0;

   font-size:105.1%;
   font-weight: 200;

}



/* Page layout */

#logo {
	padding: 30px;
}

#wrapper {
	min-width:820px;
	width:auto;
	font-size:70%;
	margin-bottom:40px;

}

* html #wrapper {

   /* \*/

      word-wrap:break-word;

}

#outer {

   border-left:20em #fff solid;

   border-right:18em #fff solid;

   background-color:#fff;

}

#inner {

   width:100%;

   z-index:1;

   margin:0;

}

#header {
	background-color:#00CC66;
	border-bottom:2px #EFEFEF solid;
	color:#fff;
/* 	height:110px; */
	width:100%;

}

img { border: none; }

#lcol, #mcol, #rcol, * html #cwrap {

   overflow:visible;

   position:relative;

}

#cwrap {

   float:left;

   margin:0 -1px 0 0;

   width:100%;

   z-index:3;

}

#mcol {

   float:right;

   margin:0 0 0 -1px;

   width:100%;

   z-index:5;

   padding-bottom:10px;

}

#lcol {

   float:left;

   margin:0 1px 0 -20em;

   width:20em;

   z-index:4;

   vertical-align:top;

}
#lcol a:link, #lcol a:visited, #lcol a:active {

   color:#444444; text-decoration:none; font-weight:bold;

}

#lcol a:hover {

   color:#000000; text-decoration:underline; font-weight:bold;

}

#lcol .log{
padding: 0.6em;
margin: 0em;
list-style-type: square;
}

#rcol {

   float:right;
   width:18em;
   margin:0 -18em 0 1px;
   z-index:2;

}

#footer {


   background-color:#fff;
   color:#999;
   font-size:0.9em;
   padding:1em;
}

#search {

   padding:0;

   margin:0;

   width:18em;

   right:0;top:0;

   position:absolute;

   text-align:left;

}

#search .content {

   padding:15px;

}

/* Formatting */

.clear {

   clear:both;

   padding-bottom:1px;

   margin-bottom:-1px;

}

div.floatleft {

   float:left;
   width: 35%
}

div.floatright {

   float:right;
   text-align:right;
   width: 60%;

}

.hide, .hidetoo {

   display:none !important;

}

.content {

   padding:1em 1em 0 1em;

   position:relative; /* IE bug */

}

.quote1 {

   margin:0;

   padding:5px;

   font-size:90%;

   line-height:1.3em;

   color:#666666;

   background:url(http://www.braintumouraction.org.uk/images/quote1.gif) no-repeat top left;

}

.quote2 {

   background:url(http://www.braintumouraction.org.uk/images/quote2.gif) no-repeat bottom right;

   margin-bottom:10px;

}

#count {
	color:#ffffff;
	padding:5px;
	border:1px solid #444444;
	white-space:nowrap;
	text-align:center;
/* 	background-color: #B03C0D; */

}

#intro {
  line-height:1.3em;
	padding:10px;
	background-color: #F8F8F8;

}

#intro p {

   text-align:justify;

}

#new {
	padding:5px;
	border: 1px #ddd solid;

}

#count,#area,#tools,#new,ol {

   margin-bottom:15px;

}

#ad {

   margin:1em 0;

}

#inset {

   background-color:#ffffff;

   padding:5px;

   border:1px solid #ddd;

   margin:15px 0;

}

#rss {
	background-color:#FFFFFF;
	border: 1px solid #E5E5E5;
	padding:5px;
	margin:15px 0;

}


ol {

   margin-top:0px;padding-top:0px;

}

ol li {

   margin-left:-10px;

}

ul {
   list-style:circle;
   margin-top:0;

}

#tools ul, #new ul {

   padding:0;

   margin:5px 0 0 0;

   list-style-type:none;

}


/* Fonts and colors */

h1 { font-size:1.8em; color:#193D55; line-height:1em;margin-top:0; }

h2 { font-size:1.4em; color:#193D55; }

h3 {   font-size:1.2em;
   color: #193D55;
   letter-spacing:0.1em;

   border-bottom:1px #EFEFEF solid;

   margin:10px 10px 10px 0;

   padding:0px; }

h4 {

   font-size:1em;
   color: #00CC66;
   letter-spacing:0.1em;

   border-bottom:1px #EFEFEF solid;

   margin:0 0 5px 0;

   padding:0;

}

h5 { font-size:1em; }

h6 { font-size:1em; }

sup {

   font-size:0.85em; vertical-align:top; color:#888;

}

a:link, a:visited, a:active {

   color:#444444; text-decoration:none;

}

a:hover {

   color:#000000; text-decoration:underline;

}

.grey, .grey a {

   color:#666;

}

.red {

   color:#ff0000;

}

#trail a {

   color:#666;

}

#header a {

   color:#fff;

}

#footer a {

   color:#999;

}

/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */
.menu{
padding-left: 0.6em;
margin-left: -0.1em;
}


.module_menu{
padding: 0.6em;
margin-left: -0.1em;
}
.module_menu li{
background : url(../images/arrow.png) no-repeat left center;
list-style-type: none;
padding: 0 0 0 15px;
}
.module_menu h3{
   font-size:1.2em;
   color: #111111;
   letter-spacing:0.1em;
   border-bottom:1px #EFEFEF solid;
  
}
.module_altmenu{
margin-left: -0em;
margin-bottom: 0.5em;
padding-top: 10px;
border: 1px solid #ccc;
}
.module_altmenu li{
background : url(http://www.braintumouraction.org.uk/templates/arkeo2/images/arrow.png) no-repeat left center;
list-style-type: none;
padding: 0 0 0 15px;
}
.mostread {
padding: 0.6em;
margin-left: -0.1em;
}
.mostread li{
background : url(http://www.braintumouraction.org.uk/templates/arkeo2/images/arrow.png) no-repeat left top;
list-style-type: none;
padding: 0 0 0 10px;
}
.latestnews {
padding: 0.6em;
margin-left: -0.1em;
}
.latestnews li{
background : url(http://www.braintumouraction.org.uk/templates/arkeo2/images/arrow.png) no-repeat left top;
list-style-type: none;
padding: 0 0 0 10px;
}
.bannergroup {
border: 1px solid #E8E8E8;
background-color: #F8F8F8;
padding: 0.6em;
margin-bottom: 1em;
width: auto;
color: #999;
}
.banneritem a {
color: #193D55;
font-weight: bold;
}
.banneritem a:hover {
color: #ccc;
font-weight: bold;
text-decoration:underline;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}
table.contentpaneopen {
  margin-top: 10px;
	padding: 0;
	width: auto;
}
.componentheading{
font-weight : bold;
margin-top: 20px;
margin-bottom: 20px;
font-size : 1.0em;
line-height : 120%;
text-transform : uppercase;
}
.contentheading{

font-weight : bold;
font-size : 1.2em;
line-height : 120%;
text-transform : uppercase;
}
table.moduletable th, legend{
font-weight : bold;
font-size : 1.0em;
line-height : 120%;
text-transform : uppercase;
}
.readon {
margin-top:10px;
}

a.readon:hover, a.readon:active, a.readon:focus {
	background:#C8C8C8;
	padding:2px;
	width:80px;
	text-decoration:none;
	text-align: center;
}
a.readon {
  color:#193D55;
  font-weight:bold;
	background:#F8F8F8;
	width:80px;
	height: 20px;
	padding:2px;
	text-align: center;
}

.buttonheading img {border: none;}
.hasTip img { border: none; }



.input {
padding: 10px;
background-color: #F8F8F8;
border: 1px solid #E8E8E8;
}
.input ul{
margin-top: 10px;

}  
.input  li{
list-style-image: url(../images/arrow.png);
list-style-type: none;
list-style-position: outside;
}  
.input hr {
border: 1px solid #ccc;
}
.inputbox {
   border:1px #ddd solid;
   background-color: #F2F2F2;
   font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
   font-size:90%;
   color:#666;

}
.box {
   font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
   font-size:90%;
   color:#666;

}
.button{

   border:1px #ddd solid;
   font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
   background-color:#F2F2F2;
   font-size:90%;

}
.small, .modifydate{

color: #999;
font-size: 80%;

}
.createdate{
color: #999;
font-size: 80%;

}

.pollstableborder {
margin-top: 1em;
margin-bottom: 1em;
}

.contenttoc {
font-weight: bold;
margin-top: 2em;
margin-right: 3em;
margin-bottom: 1em;
margin-left: 1em;
border: 1px #ccc solid;
padding: 5px;
}
.pagenav {
color:#666;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
font-weight: bold;
}
.pagenavbar {

margin: 5px;
text-align: center;
font-weight: bold;
}

.breadcrumbs {
color: #ccc;
text-align: left;
font-weight: bold;
margin-bottom: 0.5em;
padding-bottom: 1em;

}

.pagenavcounter {
color: #ccc;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
font-weight: bold;

}
.poll {
border-bottom: 1px solid #f7f7f7;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
.sectiontableentry1{
text-align: left;
}
.sectiontableentry2 {
background: #f7f7f7;
text-align: left;
}
/* module control elements */

table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 1em;
}
div.moduletable, div.module .latestnews ul {
border: 1px solid #ccc;
width: 100%;

}

/* ***************************************************************************************************** */


/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */
@media print {

div.floatleft { display:none; }

div.floatright { float:left;text-align:left }

.hidetoo { font-size:2.8em;background-color:#ccc;color:#000;text-align:center;}

#search,#logo { display:none; }

#intro { padding-top:0;padding-bottom:0; }

#header { border-bottom:1px #000 solid; }

#footer { border-top:1px #000 solid; }

}