body{
background: url("http://www.woodson-chapel.org/images/paper.jpg");
background-repeat: repeat;
height: 768px;
width: 1024px;
}

img.right {
  float : right;
  margin : 0 0 5px 20px;  /* Top, Right, Bottom, Left */
}

img.left {
  float : left;
  margin : -46px 0 0 0;
}

p.left{
  margin : -3em 10em 0 5em;
}

p.nav{
  text-align : center;
  margin : 0 8em 1em -100em;
}

div.tablewidth {
width: 600px;
height: 50px;
overflow: auto;
}

div.documents{
margin-left: 325px;
margin-right: 200px;
margin-top: 200px;
}

div.tableposition{
margin-left: 151px;
//margin-right: 200px;
margin-top: 104px;
}

div.sponsors{
margin-left: 215px;
margin-right: 200px;
margin-top: 4em;
}

div.maintext{
width: 600px;
height: 150px;
overflow: auto;
}

div.form{
margin-left: 250px;
margin-right: 0px;
margin-top: 100px;
margin-bottom: 10px;
width: 400px;
}

div.newmember{
margin-left: 250px;
margin-right: 0px;
margin-top: 100px;
margin-bottom: 10px;
width: 700px;
}

div.forum{
margin-left: 14em;
margin-right: 14em;
margin-top: 1em;
}

.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #FFC0CB;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

div.minupdate{
margin-left: 14em;
margin-right: 14em;
margin-top: 10em;
}

div.minutes{
margin-left: 14em;
margin-right: 14em;
margin-top: 5em;
}

div.membermain{
margin-left: 14em;
margin-right: 14em;
margin-top: 5em;
}

div.events{
margin-left: 14em;
margin-right: 14em;
margin-top: 5em;
}

a{
color: #000000;
}

li{
color: #ffffff;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
#blueblock
{
	border-right: #000 0px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 90%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	width: 180px;
	color: #333;
	padding-top: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #F0F0F0
}

* html #blueblock
{
	width: 147px
}

#blueblock ul
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;
	list-style-type: none
}

#blueblock li
{
	margin: 0px;
	border-bottom: #FFFFFF 1px solid
}

#blueblock li a
{
	border-right: #ACACAC 10px solid;
	padding-right: 5px;
	display: block;
	padding-left: 8px;
	padding-bottom: 5px;
	border-left: #363636 10px solid;
	width: 100%;
	color: #ff0000;
	padding-top: 5px;
	background-color: rgb(189,186,189);
	text-decoration: none
}

html > body #blueblock li a
{
	width: auto
}

#blueblock li a:hover 
{
	border-right: #979797 10px solid;
	border-left: #000000 10px solid;
	color: #000;
	background-color: #C7C7C7
}

div.pagination 
{
	padding: 3px;
	margin: 3px;
}

div.pagination a 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:hover, div.pagination a:active 
{
	border: 1px solid #000099;

	color: #000;
}

div.pagination span.current 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
		
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}

div.pagination span.disabled 
{
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
}