/* CSS file for the Bassingfield webpage */

html {
	margin: 0;
	padding: 0;
	}

body {font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; background:url('../images/bg6.png');
      background-repeat: repeat-x;} 

#container {position:relative; width:900px; margin-right:auto; margin-left:auto;
            background-color:#ffffff; border:solid black 1px;}

#ptitle {width:900px; height:190px; background-image:url(../images/rgf_logo.png); background-repeat:no-repeat; background-position:left top;
            } 

#page_head {width:900px; height:150px; background-image:url(../images/bass1.jpg); background-repeat:no-repeat; background-position:left top;
            border-bottom:solid black 1px;} 

/* #horse {width:120px; height:173px; background-image:url(../images/horse1.jpg); background-repeat:no-repeat; background-position:left top;
        border:solid black 1px; margin-top:200%;} */

#content {margin:1em;}

#content h2 {padding-left:1em; color:#003300;} /* should be dark */
#content h3 {padding-left:1em; color:#003300;}
#content h4 {padding-left:1em; color:#003300;}
#content p {margin:1em; font-size:80%; line-height:1.5em; padding-left:1.6em; padding-right:2em; padding-bottom:1em;}
#content q {margin:1em; font-size:80%; line-height:1.5em; padding-left:1.6em; padding-right:2em; padding-bottom:1em;}
#content li {font-size:80%; line-height:1em;}

.fact {color:red; font-weight:bold;}

.feedback {font-weight:bold; color:black;}
.author {font-style:italic;
         }

/* anchor defs as nav items are anchors */

a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none; color:black;}
a:hover {font-weight:normal; color:black;}
a:active {text-decoration:none; color:black;}

/*Anchor appearance*/

#anc {text-align:center;}
#anc:link {text-decoration:none; color:#bc4c7e;}
#anc:visited {text-decoration:none; color:gray;}
#anc:hover {font-weight:normal; color:red;}
#anc:active {text-decoration:none; color:#bc4c7e;}

.doclink:link {text-decoration:underline; color:#003F87;}
.doclink:visited {text-decoration:none; color:#003F87;}
.doclink:hover {text-decoration:underline; color:#FF007F;}
.doclink:active {text-decoration:none; color:#FF6666;}

#navbuttons1 {float:left;}

/* nb1 */

      ul {list-style:none;margin:0;padding:0;}
	#nb1 li {float:left;width:100px;margin:0;padding:0;text-align:center;}
	#nb1 li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}
	#nb1 li a {background:url(../images/bg.jpg) repeat 0 0;}
	#nb1 li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#nb1 a {background:url(../images/bg.jpg) repeat -20px 35px;}

#TopSummary {
	clear:both;
	margin: 1em 1em 1em 1em; 
	width: 200px; 
	float: right;
        padding: 3px;
        background-color:#EEE9E9;
	}
#TopSummary p {
	font: italic 10pt/22pt georgia; color:black; 
	text-align:center;
	}

#TopSummary2 {
	clear:both;
	margin: 1em 2.5em 1em 1em; 
	width: 150px; 
	float: right;
        padding: 3px;
        background-color:#F6C9CC;
	}
#TopSummary2 p {
	font: bold 10pt/22pt georgia; color:black; 
	text-align:center;
	}

#TopSummary3 {
	clear:both;
	margin: 1em 1em 1em 1em; 
	width: 200px; 
	float: right;
        padding: 3px;
        background-color:#F0C4F0;
	}
#TopSummary3 p {
	font: bold 10pt/22pt georgia; color:black; 
	text-align:center;
	}

#TopConSummary {
	clear:both;
	margin: 1em; 
	width: 300px; 
	float: right;
        padding: 3px;
        background-color:#EEE0E5;
	}
#TopConSummary p {
	font: bold 10pt/22pt georgia; color:black; 
	text-align:center;
	}

.objs ol {margin-left:1em; padding:2em;}

.objs li {padding:1em; margin-left:0; 
          margin-right:2em;
          margin-top:0.5em;
          margin-bottom:0.5em;
          font-size:130%;
          }

ol ul {font-size:130%;
       font-style:italic;}

.dev ul li {font-size:130%;
         padding:1em; }

.dev li {
    font-size:400%;
    margin-left:0; 
    margin-right:2em;
    margin-top:2em;
    margin-bottom:2em;
    }
    
#gmap {width:640px; border:solid black 1px; padding:2px; margin-right:auto; margin-left:auto;}

/* images */

#im1 {border:solid black 1px; margin-left:5px;}
#im2 {border:solid black 1px; margin-right:5px;}
#im3 {border:solid black 1px; margin-left:5px;}
#im4 {border:solid black 1px; margin-left:5px;}
#im5 {border:solid black 1px; margin:5px;}
#im6 {border:solid black 1px; margin:5px;}
#im7 {border:solid black 1px; margin:5px;}
#im8 {border:solid black 1px; float:left; margin:5px;}

/* objects */

#vid1 {border:solid black 1px; width:425px; height:345px; margin:10px;}

/* tables */

table.rgf1 {       
             font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
             border-collapse: collapse; width:80%; margin-left:auto; margin-right:auto;
            }
 
table.rgf1 tr.head td { font-weight:bold; background-color:#D9D9F3; color:black; }
 
table.rgf1 th {
                font-weight: bold;
                padding: 0 0.5em;
                text-align: left;
               }
 
table.rgf1 td {
                border-bottom: 1px solid #575757;
                padding: 0 0.5em;
               }
 
table.rgf1 td+td {
                   border-left: 1px solid #575757;
                   text-align: left;
                  }
 
table.rgf1 tr.even td, table.opst4 tr.even th { background-color:#FFF; }
table.rgf1 tr.odd td { background-color:#F5F5F5; } 

/* navbuttons for tabbed navigation */

ul#tabnav {list-style-type: none;
           margin: 0;
          /* padding-left: 70px; */
           padding-bottom: 29px;
           border-bottom: 1px solid #428a47;
           font: Arial, Helvetica, sans-serif;
          }

ul#tabnav li {float:left;
              width:440px;
              height: 25px;
              background-color: #428a47;
              color: #ffffff;
              margin: 2px 2px 2px 2px;
              border: 1px solid #428a47;
             }

ul#tabnav a:link, ul#tabnav a:visited {display:block;
                                       color: #ffffff;
                                       background-color: transparent;
                                       text-decoration: none;
                                       padding: 4px;
                                      }

ul#tabnav a:hover {background-color: #27DE55;
                   color: #ffffff;
                   font: bold Arial, Helvetica, sans-serif;
                  }

#sub1 li.recipes, #sub2 li.contact {
border-bottom: 1px solid #fff;
color: #000000;
background-color: #ffffff;
}

#sub1 li.recipes a:link, #sub1 li.recipes a:visited, 
#sub2 li.contact a:link, #sub2 li.contact a:visited
{
color: #000000;
background-color: #ffffff;
}

/* phew - that's that over with... */

/* form */

#form_buttons {
               width:90%;
               margin-right:auto; 
               margin-left:auto;
}

#email_form {
            width:70%;
            margin-right:auto; 
            margin-left:auto;
            background-color:#e3ddce;
            border: solid black 1px;
}

#email_form p {
              padding:10px;
}

#form_buttons input {
    color: black;
    display: block;
    font: 12px arial, sans-serif;
    height: 30px;
    width: 150px;
    text-decoration: none;
    text-align: center;
    margin-top:0.5em;
    margin-left:auto; 
    margin-bottom:0.5em;
    margin-right:auto;
}

#form_buttons input:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}  

#enq_details input {
       float:right;
       margin-right:4em;
}

#enq_details label {
       float:left;
       margin-left:1em;
}

#enq_details textarea {
       margin-left:1em;
}

#enq_details {
              margin-top:0.5em; margin-left:auto; margin-right:auto;
              line-height:2em;
              border: none;
             }