/* Print Style Sheet for Rye Meads Ringing Group web site */
/* Prepared by Roger Emmens - last updated August 2009 */

/* ----------------------------------------------------------- */

/* Style Sheet for Rye Meads Ringing Group web site */
/* Prepared by Roger Emmens March 2007 */
/* Last updated 03 Sept 2008 */
/* Site redevelopment as xhtml */

body {
padding: 0;
margin: 0;
font: small verdana, arial, sans-serif;
color: #404040;
background-color: #9BFFA0;
background-image: url(images/skygrd.jpg); 
background-repeat: repeat-x;
}



@media print {
body {background-color: white}
}

/* Division definitions */
/* -------------------- */

#wrapper {
width: 740px;
margin: 0 auto;
}

#masthead {
padding: 10px;
height: 185px;
}

#logo {
float: left;
padding: 0px 10px;
margin-left: 0px;
margin-right: 10px;
}

#headnav {
}

#heading {
padding: 50px;
}

#navbar {
float: left;
margin-top: 5px;
border-top: 1px solid #80CC80;
border-bottom: 1px solid #80CC80;
} 

#navbar ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#navbar li {
float: left;
padding: 0 10px;
margin: 0;
display: inline;
font-size: 85%
}

#logo {
float: left;
padding: 0px 10px;
margin-left: 0px;
margin-right: 10px;
}


#sidebar {
float: left;
width: 130px;
padding: 0px 10px;
margin-left: 0px;
margin-right: 10px;
}

#main {
float: left;
width: 550px;
padding: 0px;
background-color: #9BFFA0
}

#front {
float: left;
}

div.sidetext {
float: left;
width: 120px;
border-right: 1px solid #80CC80;
border-left: 1px solid #80CC80;
border-top: 1px solid #80CC80;
border-bottom: 1px solid #80CC80;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
}

div.boxout {
float: right;
width: 150px;
border: none;
margin-left: 10px;
margin-bottom: 10px;
border-left: 1px solid #80CC80;
border-bottom: 1px solid #80CC80;
padding: 0 0 10px 10px;
}


div.separator {
clear: both;
height: 0;
}


div.base-layer {
background: none; 
border: none; 
margin: 0; 
padding: 0; 
text-align: center; 
width: auto;
}

div.table-row {
background: none; 
border: none; 
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding-bottom: 5px; 
text-align: center; 
Vertical-align: middle;
width: 96%;
}

div.lleft-col {
border: none; 
float: left; 
background-color: #80CC80;
margin-top: 4px; 
padding: 0; 
width: 20%;
height: 50px;
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-size: 95%;
color: #303030;
text-align: center;
vertical-align: middle;
}


div.lright-col {
border: none;
float: right; 
margin: 0; 
padding-left: 10px; 
width: 75%;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 95%;
color: #303030;
text-align: justify;
vertical-align: middle;
}

div.cleft-col {
border: none; 
float: left; 
margin: 0; 
padding: 0; 
width: 20%;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 95%;
color: #303030;
text-align: left;
vertical-align: top;
}

div.cright-col {
border: none;
float: right; 
margin: 0; 
padding-left: 10px; 
width: 75%;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 95%;
color: #303030;
text-align: justify;
vertical-align: top;
}


div.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Ringing Table format */

div.rthead {
font-size: 85%;
font-weight: bold;
vertical-align: middle;
}

div.rtrow {
font-size: 85%;
font-weight: normal;
vertical-align: middle;
}

div.rtfoot {
font-size: 85%;
vertical-align: middle;
font-weight: bold;
font-style: italic;
}

div.rtspecies {
float: left;
width: 140px;
text-align: left;
padding: 2px 2px 2px 2px;
background-color: #80CC80;
border-right: 2px solid #9BFFA0;
border-bottom: 2px solid #9BFFA0;
}

div.rtnumbers {
float: left;
width: 50px;
text-align: right;
padding: 2px 2px 2px 2px;
background-color: #80CC80;
border-right: 2px solid #9BFFA0;
border-bottom: 2px solid #9BFFA0;
}

div.rtnotes {
float: left;
width: 170px;
vertical-align: middle;
text-align: left;
padding: 2px 2px 2px 2px;
}

div.fldhead {
float: left;
font-weight: bold;
font-size: 90%;
}

div.fldrow {
float: left;
font-weight: normal;
font-size: 90%;
}

div.flds {
float: left;
width: 225px;
vertical-align: top;
text-align: left;
padding: 2px 2px 2px 2px;
}

div.fldd {
float: left;
width: 125px;
vertical-align: top;
text-align: left;
padding: 2px 2px 2px 2px;
}


/* Heading definitions */
/* ------------------- */

h1 {
font-weight: bold;
text-transform: uppercase;
font-family: arial, sans-serif;
font-size: 200%;
color: #202020;
text-align: center;
margin: 0;
}

H2 {
font-weight: bold;
font-size: 100%;
color: #202020;
text-align: left;
margin: 0 0 15px 2px;
}

H3 {
font-weight: bold;
font-size: 120%;
color: #303030;
text-align: left;
margin: 0 0 5px;
}

H4 {
font-weight: bold;
font-size: 110%;
font-style: italic;
}

H5 {
font: arial;
font-size: 100%;
font-weight: normal;
font-style: italic;
text-align: left;
}


/* Paragraph definitions */
/* --------------------- */

P.normal {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 95%;
color: #303030;
text-align: justify;
}

P.intro {
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-size: 10pt;
color: green;
text-align: justify;
}

P.box {
font-weight: normal;
font-style: italic; 
font-size: 85%;
color: #404040;
text-align: justify;
}

P.backtotop {
font-family: verdana, arial, sans-serif;
font-size: 8pt;
text-align: center
}


P.side {
color: #404040; 
text-decoration: none; 
font-weight: normal;
font-size: 80%;
text-align: justify;
}

P.sidebold {
color: #404040; 
text-decoration: none; 
font-weight: bold;
font-size: 80%;
text-align: justify;
}

p.small {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 85%;
color: #303030;
text-align: justify;
}

p.lastup {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 80%;
font-style: italic;
text-align: center
}


/* Anchor definitions */
/* ------------------ */

A.nav:link {color: #303030; text-decoration: none}
A.nav:visited {color: #303030; text-decoration: none}
A.nav:hover {color: white; text-decoration: none}

A.jump:link {color: #303030; text-decoration: none; font-weight: bold}
A.jump:visited {color: #303030; text-decoration: none; font-weight: bold}
A.jump:hover {color: white; text-decoration: none; font-weight: bold}

A.hidden:link {color: #303030; text-decoration: none}
A.hidden:visited {color: #303030; text-decoration: none}
A.hidden:hover {color: #303030; text-decoration: none}

A.cont:link {color: black; text-decoration: none}
A.cont:visited {color: black; text-decoration: none}
A.cont:hover {color: white; text-decoration: none}


/* List definitions */
/* ---------------- */

UL.normallist {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 100%;
text-align: left;
}


/* ----------------------------------------------------------- */


/* Remove unwanted elements */

#navbar, #sidebar, p.backtotop
{
display: none;
}

/* Ensure the content spans the full width */

#wrapper
{
width: 100%; margin: 0; float: none;
}




/* Make font same as on screen */

body {
font: small verdana, arial, sans-serif;
color: #404040;
background-color: white;
}

/* Adjustments for a clean print format */


/* h3 {
font-weight: bold;
font-style: italic;
font-size: 100%;
}


*/



/* End of Style Sheet */