/* East Midlands Regional Association - Sustainability website */
/* Cascading Style Sheet */


/* Basic HTML page elements */

body {
   width : auto;
   padding : 0;
   border : 0;
   margin : 1em 0 1em 0;
   font-family : "trebuchet ms", arial, helvetica, sans-serif;
   color : #000;
   background-color : #E7E7FF;
   font-size :  50%;
}

.hidden {
   display : none;
}

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

a:link {
   color : #05B14C;
   background-color : transparent;
}

a:hover {
   color : #393F99; 
   background-color : transparent;
   text-decoration : underline; 
}

a:active {
   color : #393F99; 
   background-color : transparent;
}

address {
   font-style : normal;
}

blockquote {
   text-align : left;
   font-size : 1em;
   margin-right : 1em;
   margin-left : 1em;
}

caption {
   text-align : left;
   font-size : 1.2em;
   font-weight : bold;
}

fieldset { 
   border : 0;
   padding : 0;
   margin : 0;
}

form {
   margin : 0;
   padding : 0;
}

h1#title {
   color : #000;
   background-color : transparent;
   font-family : "trebuchet ms", helvetica, arial, sans-serif;
   font-size : 1.4em;
   text-align : left;
   margin : 1.25% 0 0 25%;
}

h2 {
   color : #2e8177;
   background-color : transparent;
   font-family : "trebuchet ms", helvetica, arial, sans-serif;
   font-size : 1.4em;
   font-variant : small-caps;
   letter-spacing : 0.1em;
   text-align : left;
   margin : 0;
}

h3 {
   color : #000;
   background-color : transparent;
   font-family : "trebuchet ms", helvetica, arial, sans-serif;
   font-size : 1.2em;
   font-variant : small-caps;
   letter-spacing : 0.1em;
   text-align : left;
   margin : 0;
}

h3.inline {
   display : inline;
   margin : 0 0 0 0.25em;
   font-size : 1em;
   font-variant : normal;
   letter-spacing : 0.1em;
}

h4 {
   color : #000;
   background-color : transparent;
   font-family : "trebuchet ms", helvetica, arial, sans-serif;
   font-size : 1.1em;
   font-variant : small-caps;
   letter-spacing : 0.1em;
   text-align : left;
   margin : 0;
}

h5 {
   color : #000;
   background-color : transparent;
   font-family : "trebuchet ms", helvetica, arial, sans-serif;
   font-size : 1em;
   font-variant : small-caps;
   letter-spacing : 0.1em;
   text-align : center;
   margin : 0;
   padding : 0 0 0 0em;   
}

hr {
   height : 0;
   border-top : 1px dashed #5469a3;
}

img {
   display : inline;
   border : 0;
   margin : 0;
   padding : 0;
}

img.valign { 
   vertical-align : middle;
}

input.text {
   font-family : verdana, arial, sans-serif;
   font-size : 0.9em;
   width : auto;
}

input.forminput {
   font : 1em trebuchet ms, helvetica, arial, sans-serif;
   border : 1px solid #336;
   color : #000; 
   background-color : #fff;
   padding-left : 2px;
}

input.formbutton {
   font : bold 1em verdana, helvetica, arial, sans-serif;
   font-variant : small-caps;
   border : 2px solid #336;
   color : #000; 
   background-color : #efefef; 
}

label {
   font-weight : bold;
}

legend {
   display : none;
}

li {
   /*list-style-image : url(/images/bullet1.gif);*/
   margin-bottom : 0.5em;
   font-size : 0.8em;
   line-height : 1.5em;
}

ul { 
   font-size : 1em;
   margin : 0 auto 1em 2em;
}

ul#adminoptions {
   margin : 0 0 1em;
   padding : 0;
   border-top : 1px dashed #2e8177;
   border-bottom : 1px dashed #2e8177;
}

ul#adminoptions li {
   display : inline;
   font-variant : small-caps;
   font-weight : bold;
}

ul.menulist li {
   line-height : 1.2em;
   margin-bottom : 0.35em;
}

object {
   border : 1px solid #000;
   padding : 0;
   margin : 0;
   height : 304px;
   width : 384px;
}

div.main>object {
   height : auto;
   width : auto;
}

p {
   margin-top : 0;
   font-size : 1em;
   line-height : 1.6em;
}

p#subtitle {
   margin : 0 0 0 25%;
   font-size : 1.1em;
   font-weight : bold;
   font-style : italic;
   font-family : helvetica, arial, sans-serif;
}

p#contentSubtitle {
   font-size : 1.1em;
   font-weight : bold;
   font-style : italic;
}

select {
   font-family : verdana, arial, sans-serif;
   font-size : 0.9em;
}

/*table { 
   width : 100%;
   border : 0;
}*/

td {
   text-align : justify;
   border : 0;
   /*border-bottom : 1px dotted #e0e0e8;*/
   /*padding : 0.1em;*/
   font-size : 0.9em;    
}

td#ordering {
   text-align : justify;
   border : 0;
   font-size : 0.7em;
   padding : 1em 1em 1em 1em;   
   line-height : 1em;   
   border-top : 1px dashed #5469a3;
   border-bottom : 1px dashed #5469a3;
   border-left : 1px dashed #5469a3;
   border-right : 1px dashed #5469a3;
}

td#sermonstable {
   border-bottom : 1px dashed #5469a3;
}

td#latestnews {
   text-align : justify;
   border : 0;
   font-size : 0.6em;
   padding : 1em 1em 1em 1em;   
   line-height : 1.4em;   
   border-top : 1px dashed #5469a3;
   /*border-bottom : 1px dashed #5469a3;
   border-left : 1px dashed #5469a3;
   border-right : 1px dashed #5469a3;*/
}


orderinginfo {
   float : left;
   padding : 0.25em 0 0.25em 1em;
   font-size : 0.9em;
   line-height : 1.4em;
}

#welcome {
   float : left;
   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.9em;
   line-height : 1.4em;
   text-align : justify;
}

#sermons {
   float : left;
   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.85em;
   line-height : 1.4em;
   text-align : justify;
}

#latestnews {
   float : left;
   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.85em;
   line-height : 1.4em;
   text-align : justify;
}

#listen {

   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.9em;
   line-height : 1.4em;
   text-align : right;
}

textarea {
   font-family : verdana, arial, sans-serif;
   font-size : 0.9em;
   width : 95%;
}

th {
   text-align : left;
   padding : 0.1em;
   font-size : 1.2em;
   font-weight : bold;
   border : 0;
}

th.inflow {
   text-align : left;
   width : auto;
   border-bottom : 1px solid #669;
}

/* Here are the DIV IDs */

/* for the top bar */
#bartop {
   width : 100%;
   height : 76px;
   padding : 0;
   border : 0;
   border-bottom : 2px solid #5469a3;
   background-image : url(../images/headbar.jpg);
}

#barmenu {
   width : 100%;
   height : 25px;
   border : 0;
   border-bottom : 1px solid #b2b2cc;
   background-color : #fff;
}

#contact_us {
   float : right;
   padding : 0.25em 1em 0.25em 0;
   font-weight : bold;
}

#what_is {
   float : left;
   padding : 0.25em 0 0.25em 1em;
   font-weight : bold;
}

#header {
   float : left;
   padding : 0.25em 0 0.25em 1em;
   font-size : 0.9em;
   font-weight : bold;
}

#titletext {
   color : #000;
   background-color : transparent;
   font-family : "trebuchet ms", helvetica, arial, sans-serif;
   font-size : 1em;
   font-variant : small-caps;
   letter-spacing : 0.1em;
   text-align : left;
   margin : 0;
   padding : 0 0 0.25em 1em;   
   font-weight : bold;   
}

#introtext {
   float : left;
   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.8em;
   line-height : 1.7em;
}

#bottomtext {
   float : left;
   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.8em;
   line-height : 1.4em;
   font-variant : small-caps;
}

#chapters {
   float : center;
   padding : 0.25em 1em 0.25em 1em;
   font-size : 0.8em;
   line-height : 1.7em;
}

#quotes {
   float : left;
   padding : 0.25em 0.25em 0.25em 0.25em;
   font-size : 0.8em;
   line-height : 1.3em;
}

#content {
   float : left;  
   width : 50%;
   margin : 0.5em 1em 0 0;
   height : auto; 
   color : #000;
   background-color : #fff;
   border-top : 1px solid #000;
   border-right : 1px solid #000;
   border-bottom : 1px solid #000;
   border-left : 1px solid #000;
   background-image : url(../images/main_background.gif);
   background-position : bottom; 
   background-repeat : no-repeat;
}

div#contbanner {
   background-image : url(../images/about_head.gif);
   background-repeat : no-repeat;
   background-position : 0 0;
   height : 34px;
   width : 100%;
}

div#bucket {
   padding : 0.25em 1em 1em;
}
   
#montage {
   margin : 0 0 0.5em;
   width : 100%;
   background-image : url(../images/people.gif);
   background-repeat : repeat-x;
   background-position : bottom;
   border-bottom : 1px solid #000;
   height : 30px;
}

#search {
   float : left;
   width : 23%;
   color : #000;
   background-color : transparent;
   border : 0;
   margin : 0.5em 0 0 0.5em;
   padding : 0;
}

#left_col {
   float : left;
   clear : left;
   width : 20%;
   border : 0;
   margin : 0.5em 0.5em 0 0.5em;
}

#success {
   padding : 0.25em;
   color : #000;
   border-top : 5px solid #b2b2cc;
   border-right : 1px solid #b2b2cc;
   border-bottom : 1px solid #b2b2cc;
   border-left : 1px solid #b2b2cc;
   margin : 0 0 0.5em;
   background-color : #fff;
   width : 100%;
}

#menu {
   padding : 0.25em;
   color : #000;
   border-top : 5px solid #b2b2cc;
   border-right : 1px solid #b2b2cc;
   border-bottom : 1px solid #b2b2cc;
   border-left : 1px solid #b2b2cc;
   margin : 0 0 0.5em;
   background-color : #fff;
   width : 100%;
}

#network {
   padding : 0.25em;
   color : #000;
   border-top : 5px solid #b2b2cc;
   border-right : 1px solid #b2b2cc;
   border-bottom : 1px solid #b2b2cc;
   border-left : 1px solid #b2b2cc;
   background-color : #fff;
   margin : 0 0 0.5em;
   width : 100%;
}

#events {
   padding : 0.25em;
   color : #000;
   border-top : 5px solid #b2b2cc;
   border-right : 1px solid #b2b2cc;
   border-bottom : 1px solid #b2b2cc;
   border-left : 1px solid #b2b2cc;
   margin : 0 0 0.5em;
   background-color : #fff;
   width : 100%;
}

#logo {
   clear : right;
   margin : 0;
   padding : 0;
}

#links {
   clear : right;
   padding : 0.25em;
   border-top : 5px solid #b2b2cc;
   border-right : 1px solid #b2b2cc;
   border-bottom : 1px solid #b2b2cc;
   border-left : 1px solid #b2b2cc;
   margin : 0.5em .5em 0 1em;
   background-color : #fff;
   width : 100%;
   voice-family : "\"}\"";   
   voice-family : inherit;   
   width : 20%;
}

#backgroundimage{
   left : 0px; 
   top : 0px;
   padding : 0px 0 0 0px;
   color : #000;
   border : 0px solid #b2b2cc;
   margin : 0;   
}

#news {
   clear : right;
   padding : 0.25em;
   border-top : 5px solid #b2b2cc;
   border-right : 1px solid #b2b2cc;
   border-bottom : 1px solid #b2b2cc;
   border-left : 1px solid #b2b2cc;
   margin : 0.5em .5em 0 1em;
   background-color : #fff;
   width : 100%;
   voice-family : "\"}\"";   
   voice-family : inherit;   
   width : 20%;
}

.bookmarks {
   font : 1em trebuchet ms, helvetica, arial, sans-serif;
   padding : 0 5px 2px 5px;
   border : 1px dotted #669;
   background-color : #e0e0e8;
}

div.formrow {
   width : 100%;
   margin : 0.5em 0 0 0;
}

div.formrow div.label {
   float : left;
   text-align : right;
   width : 33%;
   font-weight : bold;
}

div.formrow div.field {
   float : left;
   text-align : left;
   width : 60%;
   margin : 0 0 0 0.25em;
}

div#footer { 
   clear : both;
   margin : 1em;
   border-top : 1px solid #b2b2cc;
   font-size : 0.9em;
}