/*main components ------------------------------------------------------------*/

html
{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

body
{
background-color: #000;
background-image: url(/imagesSacredGrove/bgStrip.png);
background-position: top center;
background-repeat: repeat-y;
color: #000;
font-family: "Trebuchet MS", "Lucinda Grande", Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
margin: 0;
padding: 0;
}

/*general link components --------------------------------------*/

a:link, a:visited, a:active
{
background-color: transparent;
color: #00ffff;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
}

a:hover
{
background-color: transparent;
color: #fff;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
}

/*main divisions --------------------------------------*/

#container
{
position: relative;
background-color: #229f88;
background-image: url(/imagesSacredGrove/bgSacredGrove.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 960px;
min-height: 900px;
text-align: left;
margin: 0 auto;
padding: 0;
}

#main #container
{
background-image: url(/imagesSacredGrove/bgSacredGroveMain.png);
}

#about #container
{
background-image: url(/imagesSacredGrove/bgSacredGroveAbout.png);
}

#eventCalendar #container
{
background-image: url(/imagesSacredGrove/bgSacredGroveEvents.png);
}

#paganism #container
{
background-image: url(/imagesSacredGrove/bgSacredGrovePaganism.png);
}

#bylaws #container
{
background-image: url(/imagesSacredGrove/bgSacredGroveBylaws.png);
}

#GPlan #container
{
background-image: url(/imagesSacredGrove/bgSacredGrove.png);
}

#leftcolumn
{
float: left;
background-color: transparent;
width: 200px;
min-height: 460px;
margin: 440px 0 0 0;
padding: 0 0 10px 10px;
}

#spacer4IE
{
width: 200px;
height: 300px;
margin: 0;
padding: 0;
}

#midcolumn
{
float: left;
background-color: transparent;
width: 200px;
margin: 400px 0 0 0;
padding: 0 0 10px 20px;
}

#maincontent
{
float: left;
background-color: transparent;
width: 500px;
margin: 330px 0 0 0;
padding: 0 0 20px 20px;
}

#paganism #maincontent
{
width:720px;
}

#bylaws #maincontent
{
width:720px;
}

#GPlan #maincontent
{
width:720px;
}

/*footernav components -----------------------------------------------*/

#footernav
{
float: left;
background:transparent url(/imagesSacredGrove/bgSacredGroveFooter.png) top left no-repeat;
width: 960px;
height:180px;
text-align: center;
margin:0;
padding:20px 0 0 0;
border-top: 1px solid #000;
border-bottom: 10px solid #000;
clear: both;
}

#eventCalendar #footernav
{
float: none;
}

#footernav li
{
display: inline;
}

#footernav li a
{
background-color: transparent;
color: #000;
list-style-type: none;
font-family: "Trebuchet MS", "Lucinda Grande", Helvetica, sans-serif;
font-size:12pt;
font-weight: 600;
line-height: 20px;
text-align: center;
text-decoration: none;
margin:0;
padding: 0 6px;
border: 0;
}

#footernav li a:hover
{
background-color: transparent;
color: #00ffff;
}

/*linklist components -----------------------------------------------*/

.linklist
{
background-color: transparent;
width: 200px;
margin: 0;
padding: 0 0 10px 0;
}

.linklist li a
{
background-color: transparent;
color: #000;
font-weight: 600;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
}

.linklist li a:hover
{
background-color: transparent;
color: #00ffff;
}

/*mainnav components -----------------------------------------------*/

#mainnav
{
background-color: transparent;
width: 200px;
margin: 0;
padding: 0 0 10px 0;
}

#mainnav li a
{
background-color: transparent;
color: #000;
font-family: "Trebuchet MS", "Lucinda Grande", Helvetica, sans-serif;
font-size: 14pt;
font-weight: 600;
text-decoration: none;
margin: 0;
padding: 0 0 0 10px;
border: 0;
}

#mainnav li a:hover
{
background-color: transparent;
color: #00ffff;
}

#main #mainnav .main a,
#about #mainnav .about a,
#eventCalendar #mainnav .events a,
#paganism #mainnav .paganism a
{
color: #e1e1e1;
cursor: default;
}

/*interior components ----------------------------------------*/

h1, h2, h3, h4
{
color: #000;
font-family:  Arial, "Trebuchet MS", "Lucinda Grande", Helvetica, sans-serif;
text-align: center;
text-decoration: none;
margin: 8px 0;
padding: 0;
}

h1
{
font-size: 12pt;
}

h2
{
font-size: 11pt;
}

h3
{
font-size: 10pt;
}

h4
{
font-size: 9pt;
text-align:left;
}

p
{
text-decoration: none;
padding: 0;
}

blockquote
{
font-family:Arial;
font-size:11pt;
}

ul, ol
{
background-color: transparent;
text-decoration: none;
list-style-type: none;
margin: 0;
padding: 0;
}

#bylaws #maincontent ul
{
list-style:disc inside;
}

img
{
margin: 0;
padding: 0;
border: 0;
}

.leftimg
{
float: left;
margin: 0 5px 0 0;
padding: 0;
border: 0;
}

.rightimg
{
float: right;
margin: 0 0 0 5px;
padding: 0;
border: 0;
}

hr
{
width: 40%;
text-align: center;
}

.boardMembers
{
width:480px;
text-align:center;
margin:0 0 0 10px;
padding: 0;
border:0;
display:block;
}

#boardMembersTitle
{
text-decoration:underline;
padding-bottom:4px;
}

.boardMembers li
{
float:left;
width:120px;
line-height:16px;
text-align:center;
}

/*event calendar ----------------------------------*/

#calendarwrapper
{
float: left;
width: 710px;
margin: 360px 0 0 20px;
padding: 0;
}

table
{
table-layout: fixed;
caption-side: top;
color: #000;
width: 710px;
text-align: left;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #000;
}

caption
{
font-size: 12pt;
font-weight: 600;
margin: 0 0 10px 0;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}

td
{
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

td h4
{
text-align: right;
font-size: 11pt;
margin: 0 0 2px 2px;
padding: 0;
border: 0;
}