/* using mbf */

/**************** Generic Selectors ************ */
/*  c:\commonnt\cobblee\orgs\mbf\users\web\families\style\generic.txt  */

html{
   padding: 0;
   margin: 0;
   font-size: 1.0em;
background-image: URL("http://www.bluefriars.org.uk/images/water.gif");
line-height: 125%; 
}

body{
   width:780px;
margin:0 auto;

   font-family:  Verdana, Arial, Helvetica, sans-serif;
   padding: 0;
   font-size: 1.0em;
   }

h1, h2, h3, h4, h5, h6{ font-weight: bolder;text-align: left;}
h1{         font-size: 2.0em;  padding:  1em 0 0 20px;}
h2{         font-size: 1.2em;  padding: 15px 0 0 20px;}
h3{         font-size: 1.2em;                           color:#0000FF;}
h4{         font-size: 0.85em; line-height:1.2em; color:red;padding:0;margin:0.3em 0 0.3em 0;}
h5, h6{ font-size: 8pt;    padding:2px;             color:#0000dd;   margin: 0 0 0 0; }



table{
max-width:780px;
margin:0 auto;
border-collapse: collapse;
font-size: 0.8em;
line-height: 125%;
}

td{
padding:4px 10px 4px 10px;
border: 1px solid black;
background-color: #EEEEFF;
}

th{
color: white;
background-color: #4444ff;
border: 1px solid black;
padding:4px 10px 4px 10px;
}

a:link    {color: #0000FF;         /*font-weight: bold;*/  text-decoration: none; } 
a:visited {color: #0000FF;         /*font-weight: bold;*/  text-decoration: none; }
a:hover   {color: rgb(255, 0, 0);  /*font-weight: bold;*/  text-decoration: underline;} 
a:active  {color: rgb(255, 0, 102);/*font-weight: bold;*/ } 



/**************** Structure Divisions ***********/
/*  c:\commonnt\cobblee\families\style\structure.txt  */

#manualbanner {
background-image: url(../images/manual.gif);
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 780px;
//height: 50px;
//padding:15px 0 15px 0;
color: red;
text-align: center;
font-size:1.3em;
}

#main {
margin-left: auto; 
margin-right: auto;
width: 98%;
min-height: 400px;
}


 
p#form{
font-face: Arial, Helvetica, sans-serif; 
color: #113311;
padding:4px 6px 4px 6px;
background-color: #dfdfdf;
text-align: left;
line-height: 150%;
}

table#form{
font-face: Arial, Helvetica, sans-serif; 
color: #222200;
padding:4px 6px 4px 6px;
border: 1px solid black;
background-color: #dfdfdf;
text-align: left;
font-size: 12pt;
}

td#form{
font-face: Arial, Helvetica, sans-serif; 
color: #113311;
padding:4px 6px 4px 6px;
border: 1px solid black;
background-color: #dfdfdf;
text-align: left;
valign: top;
}

th#form{
color: #113311;
background-color: #ccccdd;
border: 1px solid black;
padding:4px 10px 4px 10px;
text-align: left;
text-style: bold;
valign: top;
}





/**************** Menu Divisions ****************/
/*  c:\commonnt\cobblee\orgs\mbf\users\web\families\style\menu-button.txt  */


#basemenu {
width: 780px; 
margin-top:15px;
margin-left:auto;
margin-right: auto;
padding-top: 10px;
text-align: center;
font-size:90%;
}

#indexmenu {
padding:15px 15px 15px 15px;
font-size: .9em;
text-align:left;
margin-left:50px;
}

#pageref {
float:center;
margin: 10px;
font-size: 90%;
text-align:center;
line-size:120%;
padding: 10px;
/*border:5px groove blue;*/

}

#sidemenu{
float: left;
margin:0px 10px 10px 0;
padding:15px;
/*border:5px groove blue;*/

}

ul#index li{
	list-style-type:none;
	font-size: .9em;
      /*line-height: 30px;
     border:1px solid blue;*/
}


ul#index{padding:0;}
ul#index li{text-align:left;padding:2px;}

ul#side,ul#side li,ul#side a{
	list-style-type:none;
	line-height: .85em;
}
ul#side li{
color:red;c
font-weight:bold;
font-size: 0.75em;
}

ul#side a:hover{color:red;}
ul#side{margin:0 0 0 0;padding:0;}
ul#side li{text-align:left;padding:0px;}

li#L1{margin: 0 0 4px 0; }
li#L1 a{color:#0000ff;}
li#L2{margin: 0 0 4px 6px;}
li#L2 a{color:#0000aa;}
li#L3{margin: 0px 0 4px 12px;}
li#L3 a{color:#000066;}
li#L4{margin: 0px 0 4px 18px;}
li#L4 a{color:#000033;}
li#Mx{background-color:transparent;margin:0 0 1px 0;}
li#M1{background-color:transparent;margin:1px 0px 1px 0px;}







/**************** Table Divisons ****************/
/*  c:\commonnt\cobblee\families\style\table.txt  */

#bgred{background-color:#ff3030;}
#bgyellow{background-color:#fcd116;} 
#bggreen{background-color:#9ccb19;}


/**************** Classes ***********************/ 
/*  c:\commonnt\cobblee\orgs\mbf\users\web\families\style\class.txt  */

.thispage {
display: block;
color: #660000;
font-weight: light;
text-align:right;
}

.bold {
font-weight: bold;
}

.boxhover a:hover { 
border-width: 1px; 
border-style: solid; 
border-color: rgb(255, 0, 0); 
color: rgb(255, 0, 0); 
text-decoration: none;
text-align: center;

} 

.preftitle {
/*display:block;*/
font-size: 1.0em;
text-align:center;
color:red;
background-color:transparent;
font-weight: bold;
padding:2px;
}




/**************** Small Divisions ***************/
/*  c:\commonnt\cobblee\families\style\small.txt  */



#datestamp {
display:block;
font-size:7pt;
margin: 10px 0 0 0;
color:#444444;
text-align: center;
}

#note {
border: 1px solid black;
margin:0 0 10px 0;
padding: 10px; 
text-align: left;
font-size:.9em;
line-height:1.3em;
background-color: #dddddd;
}

#cod {
width:100%;
margin:20px auto 20px auto;
border:1px solid #0000FF;
padding:1em;
background-color: #BBBBBB;
color: #0000FF;
font-family: courier;
font-size: 1.3em;
text-align: left;
}

#pn{
color: red;
font-weight: bolder;
}

#dothead {
clear:both;
margin:5px 0 0 0;
padding: 1px; 
text-align: left;
font-size:1.2em;
line-height:1.4em;
color:red;
}

#dotbody {
//border: 1px solid blue;
color:black;
clear:both;
margin:0 0 10px 0;
//padding: 10px; 
text-align: left;
font-size: 1.0em;
line-height: 1.3em;
//background-color: #eeeeee;
}

#dotpad {
color:#222222;
clear:both;
margin:20px 0 20px 0;
padding: 10px; 
text-align: left;
font-size:.9em;
line-height:1.3em;
}

#dottop {
clear:both;
margin:0 0 1px 0;
padding: 1px; 
text-align: left;
font-size:.9em;
line-height:1.3em;
}

#stamp {
//border: 1px solid blue;
color:gray;
clear:both;
margin:10px 10px 10px 10px;
padding: 10px; 
text-align: left;
font-size:.8em;
line-height:1.3em;
//background-color: #eeeeee;
}

/**************** Map ***************************/
/*  c:\commonnt\cobblee\families\style\map.txt  */

a#maplink{
display:block;
float: right;
width: 150px;
line-height:24px;
font-size: 12px;
background-image: URL(../images/L1.gif); 
margin: 0 0 0 0;
text-align:center;
text-decoration: none;
color: yellow;
padding:0px;
}

#map{
width:90%;
height:400px;
background-color: #FFA07A;
margin: 5px auto;
border: 1px solid black;
font-size:.6em;
}


/**************** Pictures **********************/
/*  c:\commonnt\cobblee\families\style\image.txt  */

#rightpic {
float: right;
margin:10px 0 10px 10px;
}

#leftpic {
float: left;
margin:10px 10px 10px 0px;
}

#thumbnailcase {
float:left;
width:145px;
min-height:170px;
padding:2px;
margin:0 5px 5px 0;
text-align:center;
color:blue;
font-size:0.6em;
}
img#thumbnailpic {
margin:0 auto;
max-width:142px;
max-height:120px;
border:3px solid #003333;
}

#thumbtitle {
text-align:center;
font-weight:bold;
line-height: 1.0em;
color:green;
font-size:1.0em;
}



/**************** Extras ************************/
/*  c:\commonnt\cobblee\orgs\mbf\users\web\families\style\extras.txt  */

#horrcod{
font-style: italic;
color: red;
}

#nlcrew{
font-style: italic;
text-align:center;
font-size:.8em;
}

#nlby
{
font-style: italic;
text-align: left;
font-size: .9em;
padding: 0 0 0 0;
margin-bottom: 40px;
margin-top: 2px;
}

#pni{
font-style: italic;
color: blue;
text-align:left;
margin: 20px 0 0 0;
}

#nlsubject{
font-style: italic;
text-align:center;
font-size:0.9em;
line-height:1.1em;
color: #222222;
margin: 5px;}

#rtlogo{
float:right;
width=35px;
}


.author {
color: #660000;
font-style: italic;
text-align:center;
font-size:.5em;
}



#banner {
background-color: #EEEEEE;
margin-bottom: 5px;
width: 100%
padding:4px 0 4px 0;
color: blue;
text-align: center;
font-size:1.3em;
}

#leftmen
{
line-height:1.1em;
font-size: .85em;
padding:10px;
}






#mbfbanner {
background-color: #EEEEEE;
clear:top;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 780px;
padding:2px 0 2px 0;
color: Blue;
text-align: center;
font-size:1.3em;
}

#newsbanner {
background-color: #EEEEEE;
clear:top;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 780px;
padding:2px 0 2px 0;
color: Blue;
text-align: center;
font-size:1.3em;
line-height: 1.6em;
}

#article {
border: 1px solid black;
margin:0 60px 10px 60px;
padding:15px;
text-align: left;
font-size: 1.0em;
line-height:1.5em;
background-color:#eeeeff;
}

#newsbody{
   width:730px;
margin:0 auto;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   padding: 0;
   font-size: 1.0em;
   }

#cater{
   width: 100px;
padding: 10px;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
font-style: bold;
text-align:left;
   color:blue;
   font-size: 1em;
   }

#item{
   width: 500px;
margin: 20px auto 20px auto;
padding: 20;
clear;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
font-style: bold;
text-align:center;
background-color:#eeeeff;
   color:blue;
   font-size: 1.5em;
   }

#describe{
   width:730px;
margin-bottom: 15px;
background-color:#ccddff;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   padding: 20px;
font-style: italic;
text-align:left;
   font-size: 1.0em;
   }

#ingred{
   width:730px;
margin-bottom: 15px;
clear;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   padding: 20px;
background-color:#ccddff;
text-align:left;
   font-size: 1.0em;
   }


#method{
   width:730px;
margin: 10 10 10 10;
clear;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   padding: 20px;
background-color:#ccccff;
text-align:left;
   font-size: 1.0em;
   }

#mbfmaintop{
border: 5px solid blue;
float:left;
height:80px;
}

#mbfmain {
border: 4px solid green;
clear:both;
margin:0 0 auto 0;
padding:20px;
width: 780px;
min-height:500px;
}


#mbfbody{
   color: #000;
border: 1px solid yellow;
   width:780px;
margin-left: auto;
margin-right: auto;
background-image: URL("http://www.bluefriars.org.uk/images/water.gif"); 
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   padding: 0;
   font-size: 1.0em;
   }

#listdiv { width: auto; margin-left: 0; margin-right: 0; }
#listdiv span.tag {display:inline-block;width: 5em; padding-right: .5em; }
#listdiv span.xtag {display:inline-block;width: 9em; }
#listdiv span.dates {display:inline-block;width: 100pt; font-size: 11pt; text-align: right; margin-right: 10pt;}
#listdiv span.inits {display:inline-block;width: 3em; text-align: right;padding-right:.5em; }
#listdiv span.name {display:inline-block;width: auto; }
#listdiv span.bname {display:inline-block;width: auto; font-weight: bold;  }
#listdiv span.namer {display:inline-block;width: auto; font-size: 11pt; }