/* */
/* Style Sheet for Old Brampton Church Website */
/* Constructed by :   Nick Roberts */
/* Date Constructed : April 2009 */
/* */
/* Date last modified: April 2009 */
/* Nature of last change: Initial Build*/
/* */
/* Set body colour to grey and place background image */
body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:100%;
      color: #000000;
      margin-right: 5px;
      margin-bottom: 5px;
      background-image: url(images/bg.jpg);
      background-attachment:fixed;
      background-position:bottom right;
      background-repeat:no-repeat;
}
/* Set Heading Level 1 colour to Grey-purple */
h1    {
      font-family: Verdana, Arial,Helvetica,sans-serif;
      color: #004000;
}
/* Reduced size Heading Level 1 - 125% of normal text*/
h1.small {
      font-style: italic;font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:175%;      
}
/* Set Heading Level 2 colour to Dark Grey */
h2    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #3C3C3C;
}
/* Set Heading Level 3 colour to Dark Grey */
h3    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #3C3C3C;
}
/* Reduced size Heading Level 2 - 110% of normal text */
h2.small {
      font-size:110%;      
}
/* Reduced size Heading Level 2 - 110% of normal text and grey-purple */
h2.smallpurple {
      font-size:100%;
      color: #004000;
}
/* Reduced size Heading Level 3 - 90% of normal text*/
h3.small {
      font-size:90%;      
}
/* Set default para text size to 80% */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:80%;
}      
/* Set default Table text size to 80% */
table {	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:80%;
}      
/* Reduced size para text */
p.small {
      font-size:70%;
}
.style1 {
      font-size: 80%;
}
/* Set table menu elements */
tbody.menu {font-size:90%}
td.centremenu:link {color: #ff0000; text-decoration: none; text-align: center}
td.centremenu:visited {color: #00ff00; text-decoration: none; text-align: center}
td.centremenu:hover {text-decoration: underline; text-align: center; background-color: #A0A0A0}
td.centremenu:active {color: #0000ff; text-decoration: none; text-align: center}
/* Set table fees and charges elements */
tbody.fees {
      font-size:85%
}

/* Set default bullet text size to 80% normal */
ul    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:80%;
}      
/* 75% Reduced size bullet text */
ul.small    {
      font-size:75%;
}      
/* 90% Reduced size bullet text for indent*/
ul.smaller    {
      font-size:90%;
}      
/* 100% size bullet text*/
ul.restore    {
      font-size:100%;
}      
/* 90% reduced size bullet text, emboldened */
ul.large    {
      font-size:90%;
      font-weight:bold;
}      
/* Set form text size to 80% normal */
form  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:80%;
}      
/* Column definition for use in div - Column 1 for Menu */
#column1 {
      position:absolute; 
      top: 120px;
      left: 5px;
      width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #5A325A;
}
/* Column definition for use in div - Column 1 for supplementary images and text */
#column1end {
      position:absolute;
      top: 560px;
      left: 5px;
      width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
/* Column definition for use in div - Column 2 for main body text for page */
#column2 {
      position:absolute; 
      top: 140px;
      left: 215px;
      width: 560px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Column definition for use in div - Column 2 for main body text for page */
#column2base {
      position:absolute;
      top: 750px;
      left: 215px;
      width: 560px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Column definition for use in div - Column 3 for supplementary text and images*/
#column3 {
      position:absolute; 
      top: 135px;
      left: 790px;
      width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #5A325A;
}
/* Column definition for use in div - Single Column 2 for main body text for page */
#column2and3 {
      position:absolute; 
      top: 140px;
      left: 215px;
      width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* For placing the Logo and padding at the top of each page */
#topbanner {
      position:absolute; 
      top: 5px;
      left: 215px;
}
a.sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	color: #000000;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: #87D187;
	border: 1px solid #C1EFC1;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* Menu para text */

#menu {
      position:absolute; 
      top: 150px;
      left: 5px;
      width: 190px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:80%;
}
#menu a, #menu a:link, #menu a:link, #menu a:active, #menu a:visited {
      width: 180px;
      color: #FFFFFF;
      background-color: #004000;
      border-color: #004000;
      border-top: 2px solid #004000;
      border-left: 1px solid #004000;
      border-right: 1px solid #004000;
      border-bottom: 1px solid #004000;
      padding: 2px;
      margin: 1px;
      display: block;
      text-decoration: none;
      text-align: center;
}
#menu a:hover {
      width: 180px;
      color: #004000;
      background-color: #D0D0D0;
      border-color: #004000;
      border-top: 2px solid #004000;
      border-left: 1px solid #004000;
      border-right: 1px solid #004000;
      border-bottom: 1px solid #004000;
      padding: 2px;
      margin: 1px;
      display: block;
      text-decoration: none;
      text-align: center;
}