/* The CSS style sheet for Brighton & Hove U3A's Website */
/* Peter Whitworth July 2009 */
/* Revision 1 April 2010 */

/* set global styles for the whole website */

/* body {font-family: verdana, arial, sans-serif; font-size: small; background-color: #f0f0ff; margin: 0px; padding: 0em;} */
body {font-family: verdana, arial, sans-serif; font-size: small; background-color: #ffffff; margin: 0px; padding: 0em;}

/* This structure is used to centre the page on larger screens */
.page {position: relative; width: 770px; margin-left: auto; margin-right: auto; margin-top: 10px;}

/* Centred, coloured box with top and bottom borders for all headings */
h2 {text-align: center; padding: 0.3em; margin: 0.0em;
          font-weight: normal; border-top: solid 1px #006666; 
          border-bottom: solid 0px #006666;
         color: #000099; background-color: #ffff66;}

h3,h4 {text-align: center; padding: 0.2em; margin: 0.0em;
          font-weight: normal; border: solid 0px #006666; 
          border-top: solid 1px #006666;
         color: #000099; background-color: #ffff66;}

/* Indents used for all paragraphs */
 p {margin: 0.5em;}

/* Remove underlines to links */
a {text-decoration: none;}

/* Styles for the lists used on the site */
ul {list-style: none;}
li {padding-top: 0.5em; padding-right: 1.0em;}

/* Styles for images used more than once on the site */
img {border: solid 1px #003333;}
img.left {float: left; margin: 10px; vertical-align:top;}
img.right {float: right; margin: 10px; vertical-align:top;}
.banner {width:770px; background-color: #759ea2; border: solid 1px #006666;}

/* Styles for the horizontal navigation bar and the link trail */
.navbar {width: 740px;  position: absolute; top: 225px; left: 0px;
padding: 0.2em; margin-top: 0.5em; margin-bottom: 0.5em; 
margin-left: -0.2em; color : #ffffff; background-color: #f0f0ff;}
.navbar2 {width: 735px;  position: absolute; top: 40px; left: 0px;
padding: 0.2em; margin-top: 0.5em; margin-bottom: 0.5em; 
margin-left: -0.2em;}

.trail {width: 720px; border: solid 1px #333333; position: absolute; top: 70px; left: 0px; padding-top: 1.0em; padding-bottom: 1.0em; padding-left: 10px;}

/* Style for the navigational buttons */
.buttons {border: solid 1px #333333; border-left : solid 1px #333333;
          padding-left: 1.13em; padding-right: 1.12em; 
          padding-bottom: 0.3em; padding-top: 0.3em; margin: 0.0em;
          color: #000000; background-color: #f0f0ff;}

/* Reversal of colour of the button for the current page */
.here {border: solid 2px #333333;
       padding-left: 1.1em; padding-right: 1.1em; padding-bottom: 0.3em; padding-top: 0.3em; margin: 0.0em;
       color : #000000; background-color:#ffffff;}

.jump {position: absolute; left: 38%; border: solid 1px #333333;
       font-size: small; padding-left: 0.4em; padding-right: 0.4em; 
       padding-bottom: 0.2em; padding-top: 0.2em; margin: 0.0em;
       color: #000099; background-color: #ffff66;}
.tab3 {position: absolute; left: 30%;}


/* +++++++++++++++++++++++++++ Styles for Divs on the Home Page ++++++++++++++++++++++++++++++ */

.titles {width: 600px; position: absolute; top: 0px; left: 130px;
          text-align: center; font-size: 23pt;
          font-family: times, serif; color : #ffc114;
          font-weight:bold; padding-top:0.1em; padding-bottom:0.1em;
          background-color: #00468e; border: solid 1px #333333;}

.heading {width: 730px; position: absolute; top: 260px; left: 0px;
          padding-top: 0.3em; padding-bottom: 0.3em; 
          text-align: center; font-size: x-large; color: #000099;
          background-color: #ffff66; border:
          solid 1px #333333;}

.textsize {width: 160px; position: absolute; top: 310px; left: 0px;
        font-size: medium;
        background-color: #f0f0ff; border: solid 1px #006666;}

.intro {width: 400px; position: absolute; top: 310px; left: 160px;
        font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.news {width: 168px; position: absolute; top: 310px; left: 562px;
       font-size: medium;
       background-color: #f0f0ff; border: solid 1px #006666;}

.counter {width:200px; position: absolute; top: 600px; left: 600px;
          font-size: xx-small; }

.floatimage {float: left; margin-top: 0.0em; margin-right: 1em; margin-bottom: 0.3em;}

.copyright {text-align: center; font-size: smaller; background-color:  #f0f9ff;}

/* ++++++++++++++++++++++++ Styles for Divs on the Groups Pages +++++++++++++++++++++++++++++++ */

.heading2 {width: 730px; position: absolute; top: 115px; left: 0px;
          padding-top: 0.3em; padding-bottom: 0.3em; 
          text-align: center; font-size: x-large;
          color: #000099; background-color: #ffff66;
          border: solid 1px #333333;}

.title {width: 380px; position: absolute; left: 150px;
        border: solid 1px #006666; background-color: #ffffff;}

.description {width: 580px; position: absolute; top: 158px; left: 150px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.details {width: 149px; position: absolute; top: 158px; left: 0px;
         font-size: medium; background-color: #ffffff; 
         border: solid 1px #006666;}

.group1 {width: 365px; position: absolute; top: 210px; left: 0px;
         font-size: medium; background-color: #ffffff; 
         border: solid 1px #006666;}

.group2 {width: 365px; position: absolute; top: 210px; left: 365px;
         font-size: medium; background-color: #ffffff; 
         border: solid 1px #006666;}

.contacts {width: 730px; position: absolute; top: 115px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}


.venue1 {width: 730px; position: absolute; top: 160px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.venue2 {width: 730px; position: absolute; top: 395px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.venue3 {width: 730px; position: absolute; top: 600px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.venue4 {width: 730px; position: absolute; top: 805px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.venue5 {width: 730px; position: absolute; top: 1010px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}


.entry {text-align: center; padding: 0.2em; margin: 0.0em;}

.rhs {position: absolute; left: 60%;}

.highlight {font-weight: bold; text-align: center;
            margin-top: 0.0em; margin-bottom: 1.0em; color: #333366;}

.pledge {font-weight: bold;
         margin-top: 0.5em; margin-bottom: 0.5em; color: #333366;}

.legendstyle {font-weight: bold; font-size: larger;
              margin-top: 0.5em; color: #333366;}


/* ++++++++++++++++++++++++++ Styles for Divs on the Committee Page +++++++++++++++++++++++++++++++++ */

.group3 {width: 365px; position: absolute; top: 160px; left: 0px;
         font-size: medium; background-color: #f0f0ff; 
         border: solid 1px #006666; border-right: 0px;}

.group4 {width: 365px; position: absolute; top: 160px; left: 366px;
         font-size: medium; background-color: #ffffff; 
         border: solid 1px #006666; border-left: 0px;}

.help {width: 730px; position: absolute; top: 478px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.entry2 {position: relative; left: 25%;  padding: 0.2em; margin: 0.0em;}


/* ++++++++++++++++++++++++++ Styles for Divs on the Photo Pages +++++++++++++++++++++++++++++++++ */

.photo {width: 730px; position: absolute; top: 44px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.contain {width: 660px; position: absolute; top: 90px; left: 30px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.containlong {width: 730px; position: absolute; top: 90px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.photographer {width: 660px; position: absolute; top: 593px; left: 30px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.photolong {width: 730px; position: absolute; top: 753px; left: 0px; font-size: medium;
        background-color: #ffffff; border: solid 1px #006666;}

.leftarrow {position: absolute; top: 575px; left: 60px; width: 60px; font-size: 36pt; font-weight:bold; color : #ffffff; }
.rightarrow {position: absolute; top: 575px; left: 600px; width: 60px; font-size: 36pt; font-weight:bold; color : #ffffff; }


/* ++++++++++++++++++++++++++ End of Styles File BandHU3A.css +++++++++++++++++++++++++++++++++ */