/* Top level style sheet for Garboldisham web pages */

/* Main page layout definitions */

body    
{
	color: #201c10;
	background: url(/images/ivryblur.jpg);
	padding: 0;
	margin: 0;
	font-size: 12pt;
	font-family:	"Times New Roman", Georgia, serif;
}

body.help
{
	color: #201c10;
        background: #ffffb4;
	padding: 0;
	margin: 12pt;
	font-size: 12pt;
	font-family:	"Times New Roman", Georgia, serif;
}

/*
  Page layout using CSS adapted (by using classes rather than ids) from
  Web Site: www.ssi-developer.net
  Comments: Copyright 2003 www.ssi-developer.net
  Licence:  Creative Commons - Non-commercial Share-Alike
*/

div.container {
  width: 100%;
  border: 0;
  background: url(/images/ivryblur.jpg);
}

div.top {
  overflow: hidden;
  padding: .5em;
  background: url(/images/garboldisham2.jpg) #106010 no-repeat center center;
  color: #fffff0;
  border-bottom: 3px outset #10c010;
}

div.top h1 {
  padding: 0;
  margin: 0;
}

div.leftmenu {
  float: left;
  width: 140px;
  margin: 0;
}

div.rightmenu {
  margin-left: 140px;
}

div.leftnav {
  float: left;
  width: 90px;
  margin: 0;
  padding: 1em;
}

div.content {
  margin-left: 140px;
  border-left: 3px ridge #106010;
  padding: 3%;
  line-height: 130%;
}

div.content2m {
  margin-left: 140px;
  margin-right: 140px;
  border-left: 3px ridge #106010;
  border-right: 3px ridge #106010;
  padding: 3%;
  line-height: 130%;
}

div.rightnav {
  float: right;
  width: 90px;
  margin: 0;
  padding: 1em;
}

div.footer {
  clear: both;
  margin: 0;
  padding: 0.5em;
  color: #fffff0;
  background: #106010;
  border-top: 3px inset #10c010;
}

div.footer p { 
  color: #fffff0;
}

div.content h2 { margin: 0 0 .5em 0; }

div.top a:link  { color : #fffff0; text-decoration:none }
div.top a:visited { color: #fffff0; text-decoration:none }
div.top a:active { color: #008000; text-decoration:none }

div.leftnav a.current{font-weight:bold; background: #a0ff80}

div.leftnav table {border: 1px solid #106010}
div.leftnav th {background: #106010; color: #fffff0}

a:link  { color : #008000; text-decoration:none }
a:visited { color: #005000; text-decoration:none }
a:active { color: #008000; text-decoration:none }
a:hover { text-decoration:underline }

	
h1 { 
	color: #007000;
        margin-bottom: 1.33em; 	
	font-family: "Times New Roman", Georgia, serif;
        font-weight : bold;
        font-size: medium;
   }

h2{ 
	color: #007000; 	
	font-family: "Times New Roman", Georgia, serif;
        font-size: 1.5em;
        font-weight: demi-bold;
   }

h2.help { 
	color: #201c10;
	font-family: "Times New Roman", Georgia, serif;
        font-size: 1.5em;
        font-weight: demi-bold;
   }

h2.hometitle{ 
	color: #007000; 	
	font-family: "Times New Roman", Georgia, serif;
        font-size: 2em;
        font-weight: demi-bold;
   }

body.popUp h2 { 
	color: #202020; 	
	font-family: "Times New Roman", Georgia, serif;
        font-size: 2em;
        font-weight: demi-bold;
   }

h3 { 
	color: #007000; 	
	font-family:	"Times New Roman", Georgia, serif;
        font-size:	1.2em;
   }

h4, h5, h6 { 
	color: #007000; 	
	font-family: "Times New Roman", Georgia, serif;
        font-size: 1em;
        font-style: italic;
   }

/************************************************************************
 * Menu CSS definitions adapted from Revenge of the Menu Bar Demo       *
 *                                                                      *
 * Copyright 2000-2004 by Mike Hall                                     *
 * Please see http://www.brainjar.com for terms of use.                 *
 ************************************************************************/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #fffff0;
}

div.menuBar {
  border: 2px outset #fffff0;
  padding: 4px 2px 4px 2px;
  text-align: left;
  background: #106010;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #106010;
  color: #fffff0;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #fffff0;
  color: #fffff0;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #fffff0;
  border: 1px inset #106010;
  color: #106010;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #fffff0;
  border: 2px outset #fffff0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #106010;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #106010;
  color: #fffff0;
}

div.menu a.menuItem span.menuItemText {
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

/* extra stuff */

table.display
   {
   }

table.display tr {
    border: 0;
   }

table.display td {
    text-align: left;
    border: 1px groove #106010;
    padding: 0 1em 0 1em;
   }

table.display td.button {
    text-align: left;
    border: 0;
    padding: 0 2em 0 1em;
   }

table.display th.side {
    text-align: left;
    border: 0;
    padding: 0 2em 0 1em;
   }

span.email {
	color: #008000;
} 

/* This part of the style sheet controls most of the look of the calendar pages.
   Based on the CSS structure used by ACal. */

.event {
  color: black;
  border: 1px outset #717784;
  font-size: 13px;
  background-color: #EFEFEF;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 2px;
}

.event:hover {
 font-size: 16px;
 border-width: 2px;
}

.box {
	border: 1px solid black;
	background: #F7F7F9;
	color: black;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	}

.calTable {
	border: 1px;
	border-color: #D1D1D1;
	}
.calTable tr {
        vertical-align: top;
	margin-left: auto;
	margin-right: auto;
        }

.calTable td {
	border-width: 1px;
        border-style: solid;
        padding: 5px;
	}

.calTable th {
	border-width: 1px;
        border-style: solid;
        padding: 5px;
	text-align: center;
	}

.calTable th.side {
        text-align: left;
	border-width: 1px;
        border-style: solid;
        padding: 5px;
        }

.calTable h1 {
        font-size: 140%;
        font-weight: bolder;
	color: #404040; 	
}

.calTable h2 {
        font-size: 140%;
        font-weight: bold;
	color: #404040; 	
}

.calTable h3 {
        font-size: 120%;
        font-weight: bolder;
	color: #404040; 	
}

.calTable h4 {
        font-size: 120%;
        font-weight: bold;
	color: #404040; 	
}

.calTable h5 {
        font-size: 110%;
        font-weight: bolder;
	color: #404040; 	
}

.calTable h6 {
        font-size: 110%;
        font-weight: bold;
	color: #404040; 	
}


span.calDate {
        float:left;
        font-size: large;
}

span.calAdd {
	background: #D1D1D1;
        float:right;
        padding-left: 5px;
        padding-right: 5px;
	}

div.calEvents {
        clear: both;
}


div.calEvents a:link  { color : #0000ff; text-decoration:none;}
div.calEvents a:visited { color: #400080; text-decoration:none; }
div.calEvents a:active { color: #0000ff; text-decoration:none; }
div.calEvents a:hover { text-decoration:underline; }

div.calEventHead {
	background: #D1D1D1;
        margin-left: 5px;
        margin-right: 5px;
        border: 3px groove;
        padding-left: 5px;
        padding-right: 5px;
}

div.calUnEventHead {
	background: #FF0000;
        margin-left: 5px;
        margin-right: 5px;
        border: 3px groove;
        padding-left: 5px;
        padding-right: 5px;
}

div.calEventBody {
        margin-left: 5px;
        margin-right: 5px;
        border: 3px groove;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
}



/* HTML editor styling */

.userForm {
    background-color: #D6D3CE;
    margin_left: auto; margin-right: auto;
    border: 5px outset;
  }

.userForm td {
    border: 2px groove #D6D3CE;
  }

.userform th.side {
    text-align: left;
    border: 0;
    padding: 0 2em 0 1em;
   }

.butClass
  {    
    border: 1px solid;
    border-color: #D6D3CE;
  }
  
.tdClass
  {
    padding-left: 3px;
    padding-top:3px;
  }

/* Pop-up windows */
  .popUp {
    background: #D6D3CE;
    padding: 5%;
  }

/* Centering tables */

div.centered {text-align: center;}
div.centered table {margin: 0 auto; text-align: left;}

table.helptable {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #201c10;
	border-collapse: collapse;
}
table.helptable th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #201c10;
}
table.helptable td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #201c10;
}
</style>