/* css1 style sheet main body for forestadventure.co.uk */

body {          background-color:#339966;
                margin-top: 10px;
                margin-left: 2px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: #003300;
                font-size: 9pt;
}

a {             text-decoration: none; 
                color: #333333;
}
a:hover {       color: #ffffff; }

hr {            height: 1px; }

/* form elements */
input, select, option {
                font-size: 8pt;
}

form {          text-align: center;
                margin-top: 5px;
                font-size: 8pt;
}

form.window {   margin: 0px;
                font-size: 8pt;
                color: #333333;
                text-align: left;
}

input  {        background-color: #cc99cc;
                color: #ffffff;
                font-weight: bold;
                margin: 2px;
}

input.complete {
								background-color: #aa88aa;
}

select, option  {           
                background-color: #99cc99;
                color: #ffffff;
                font-weight: bold;
}
textarea {      background-color: #cc99cc;
								color: #ffffff;
								font-weight: bold;
}
fieldset {      width: 400px;
                padding:10px;
                text-align: right;
								font-size: 9pt;
}

/*++++ id declaration ++++*/
#recommend {
               text-align: center;
               margin-top: 15px;
               color: #663366;
               background-color: transparent;
               font-size: 8pt;
}
#brownbar {
							text-align: right;
              color: #333333;
              font-size: 8pt;
							font-weight: bold;
              background-color: #cccc99;
              border: solid #333333;
              border-width: 1px 0px;
							padding: 2px 10px 2px 0px;
							
}
#windowtexttop, #windowtextbottom {
             color: #333333;
             font-size: 8pt;
             text-align: center;
						 border-bottom: 1px solid #996699;
						 padding-top: 5px;
						 padding-bottom: 5px;
}
#windowtexttop {
             margin-top: 15px;
             border-top: 1px solid #996699;
}
#disclaimer {
						line-height: 22px;
						margin-top: 10px;
						text-align: justify;
}
/*---- id declaration ----*/

/*++++ class declarations ++++*/
/* background */
.menu, .sidebar, .cellback {
                background-image: url(Graphics/background.gif);
}
/* borders */
.surround, .borders {
                border: solid #333333;
}
.surround {     border-width: 1px 1px 0px;
}
.borders {      border-width: 1px 0px;
}
.quotes, .recommend {           
                border: solid 1px #333333;
}
.illustrate {   border-top: solid 1px #996699;
                border-bottom: solid 1px #996699;
                margin: 8px 8px;
                padding: 5px 5px;
}
/* alignment */
.quotes, .align, .table {
                text-align: justify;
}
.recommend, .cellback, .bottombar, .illustrate {
                text-align: center;
}
.left {             text-align: left;}
.right {            text-align: right; }
/* font and text-decoration */
.left, .right { font-size: 8pt; } /* covers against lack of table inheritance in opera! */
.quotes, .bottombar, .boxer {
                font-size: 8pt;
}
.table, .cellback, .illustrate {             
                font-size: 9pt;
}

/* general */
.quotes {       background-color: #cccc99;
                padding: 10px 5px; 
                color: #000099;
                 }

.sidebar {      padding-top: 10px;
                width: 160px;}

.cellback {     
                padding: 15px 5px 10px 5px;
}

.bottombar {    padding: 5px 0px 5px 0px;
                color: #000000;
}

/* hr lines */

.purple {       color: #996699;}
.blue {         color: #336699;}
.green {        color: #339966;}
.yellow {       color: #999933;}
.red {          color: #993333;}
.orange {       color: #996633;}

/* transparent background for checkboxes and radio buttons */
.check {        background-color: transparent;
                color: inherit;
}

/* styles for table presentation in events.php */
.eventtable {   width: 600px;}
.eventname {    text-align: left;
                padding-bottom: 5px;
}
.eventdate {    text-align: right;
                font-size: 8pt;
                padding-bottom: 5px;
}
.description {  text-align: justify;
                padding-top: 5px;
                padding-bottom: 30px;
                border-top: 1px solid #996699;
                font-size: 8pt;
}
/*---- class declarations ----*/