/* using mbf */

/**************** Generic Selectors ************ */
/*  c:\cobble\orgs\tomm\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");
}


body{

           // width:780px
            line-height:1.3em;
            margin:0 auto;
            font-family:  Verdana, Arial, Helvetica, sans-serif;
            padding: 0;
            font-size: 0.75em;
            background-color: #CCCC77;
            color: #333333;
   }


#tommdotbody {

//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;
}


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:720px;
margin:0 auto;
border-collapse: collapse;
font-size: .9em;
line-height: 1.4em;
}

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

td#pad{
padding:1px 1px 1px 1px;
//border: 1px solid black;
background-color: #0000ff;
}


td#bg{
padding:1px 1px 1px 1px;
border: 1px solid black;
background-color: #FFFFFF;
}
th{
color: black;
background-color: #ccccee;
border: 1px solid black;
//padding:4px 10px 4px 10px;
//padding:1px 2px 1px 2px;
padding:2px 4px 2px 4px;
}


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:\cobble\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:\cobble\orgs\tomm\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:250px;
}

#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:\cobble\families\style\table.txt  */

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


/**************** Classes ***********************/
/*  c:\cobble\orgs\tomm\users\web\families\style\class.txt  */


.squot{
color: #DD22222;
font-weight: bold;
}

.apost{
color: #000000;
font-style: italic;
}

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

.bold {
font-weight: bold;
}

.country {
font-weight: bold;
color: #334411;
}

.county {
font-style: italic;
color: #112244;
}

.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;
color:red;
background-color:#ccccff;
font-weight: bold;
border:1px solid blue;
padding:4px;
margin:0 10px 5px 0;
}











/**************** Small Divisions ***************/
/*  c:\cobble\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:\cobble\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:\cobble\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:\cobble\orgs\tomm\users\web\families\style\extras.txt  */



#tommbody {
    //width: 796px;
    width: 100%;
    margin-top:15px;
    margin-left:auto;
    margin-right: auto;
    padding-top: 8 8 8 8;
    text-align: left;
    font-size:90%;
    //background-image: url(../images/tommlogo.jpg);
    //background-repeat: no-repeat;
    //background-position: right;
    min-height: 590px;
}

#tommbasemenu {
    //width: 100%;
    margin-top:15px;
    margin-left:auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
    font-size:90%;
    //background-image: url(../images/tommlogo.jpg);
    background-repeat: no-repeat;
    background-position: right;
    min-height: 150px;
}


#tommbasemenubad {
    width: 780px;
    margin-top:15px;
    margin-left:auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
    font-size:90%;
    background-image: url(../images/tommlogo.jpg);
    background-repeat: no-repeat;
    background-position: right;
    min-height: 150px;
}
#tommbasemenulow {
    //width: 780px;
    width: 100%;
    margin-top:15px;
    margin-left:auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
    font-size:90%;
    //background-image: url(../images/tommlogo.jpg);
    //background-repeat: no-repeat;
    //background-position: right;
    //height: 150px;
}



#tommdotbody {

//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;
}




.tommmainmenu{
td a {text-align: center; text-decoration: none; color:navy; background-color: #DFDFDF; display:block;}
td a:hover {color: #FF0000; background-color: #ADB6BD; text-decoration: none}
}
.tommmainmentop{
td a {text-align: center; text-decoration: none; color:navy; background-color: #DFDFDF; display:block;}
td a:hover {color: #FF0000; background-color: #ADB6BD; text-decoration: none}
}





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#tommpics{
width: 100%;
padding:4px 6px 4px 6px;
border: 0;
}

td#tommpics{
valign: top;
}

th#tommpics{
valign: top;
}