/* CSS Document */


body 		{
			margin: 0;
			padding: 0;
			text-align: center;	
			background: url(../img/bgtilefull3.gif) repeat-y top left;
			
			}


#container	{
			
			position: abolute;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			
			}

#header		{
			margin: 0;
			padding: 0;
			background: transparent url(../img/logosmall.gif) no-repeat top left;
			width: 220px;
			height: 214px;
			
			}

#content	{
			margin: 0 0 40px 200px;
			padding: 0;
			width: 430px;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 15px;
			color: #333;
			text-align: justify;
			
			}

#dish		{
			width: 378px;
			margin: 0 25px 20px 25px;
			padding: 0;
			border: 1px solid #710032;
			background: url(../img/dishfill.gif);
			
			}

#dish p		{
			margin: 20px 0px 20px 0px;
			padding: 0px 20px 0px 20px;
			
			}

p 			{
			margin: 0px 0px 20px 0px;
			padding: 0px 20px 0px 20px;
		
			}

a, a:active	{
			outline: none;
			
			}


a			{ text-decoration: none; }
a:link		{ color: #710032; border-bottom: 1px dotted #333; }
a:visited	{ color: #710032; border-bottom: 1px solid #333; } 
a:active	{ color: #710032; border-bottom: 1px solid #333; } 
a:hover		{ color: #710032; border-bottom: 1px solid #333; } 


.underline	{
			text-decoration: underline;
			}


.list		{
			list-style-type: unordered;
			
			}

.list li	{
			margin: 0;
			padding: 0 25px 0 0;
			
			}

h1			{
			margin: 0;
			padding: 0;
			height: 214px;
			background: transparent url(../img/aboutheader2.gif) no-repeat top left;
			
			}

h2			{
			margin: 0;
			padding: 0;
			height: 214px;
			background: transparent url(../img/membersheader2.gif) no-repeat top left;
			
			}

h3			{
			margin: 0;
			padding: 0;
			height: 214px;
			background: transparent url(../img/eventsheader2.gif) no-repeat top left;
			
			}

h4			{
			margin: 0;
			padding: 0;
			height: 214px;
			background: transparent url(../img/contactheader2.gif) no-repeat top left;
			
			}

h5			{
			margin: 0;
			padding: 0;
			height: 214px;
			background: transparent url(../img/homeheader2.gif) no-repeat top left;
			
			}

h6 			{
			
			margin: 10px 20px 10px 20px;
			padding: 0;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333;
			line-height: 15px;
			
			}


#footer		{
			margin: 20px 0 0 0;
			height: 0px;
			text-align: center;
			
			}
			

#logo		{
			position: absolute;
			top: 0;
			left: 0;
			background: transparent url(../img/logo5.gif) no-repeat;
			width: 200px;
			height: 214px;
			
			}

#commentform p
			{
			margin: 10px 0;
			
			}
			
#emailform p
			{
			margin: 10px 0;
			
			}

#name, #email, #comments, #email2
			{
			background-color: #ccc;
			
			}

#text td
			{
			font-size: 12px;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			color: #333;
			}


#sidefill1	{
			position: absolute;
			top: 0;
			left: 630px;
			background: transparent url(../img/sidefill1.gif) no-repeat;
			width: 201px;
			height: 214px;
			
			}

#sidefill2	{
			position: absolute;
			top: 0;
			left: 630px;
			background: transparent url(../img/sidefill2.gif) no-repeat;
			width: 201px;
			height: 214px;
			
			}

#sidefill3	{
			position: absolute;
			top: 0;
			left: 630px;
			background: transparent url(../img/sidefill3.gif) no-repeat;
			width: 201px;
			height: 214px;
			
			}

#sidefill4	{
			position: absolute;
			top: 0;
			left: 630px;
			background: transparent url(../img/sidefill4.gif) no-repeat;
			width: 201px;
			height: 214px;
			
			}

#sidefill5	{
			position: absolute;
			top: 0;
			left: 630px;
			background: transparent url(../img/sidefill5.gif) no-repeat;
			width: 201px;
			height: 214px;
			
			}


/* Navigation */

#navigation
			{
			
			top: 214px;
			left: 0px;
			position: absolute;
			width: 200px;
			height: 214px;
			background: transparent url(../img/navigation.gif) no-repeat top left;
			
			}

			
#menu a 	{
  			position: absolute;
  			height: 38px;
  			width: 200px;
  			top: 10px; 
  			text-decoration: none;
  			
  			}
 
#menu a:link	{ border: none; }
#menu a:visited { border: none; }
#menu a:hover	{ border: none;	}
#menu a:active	{ border: none; }
 
#menu a i 	{ visibility: hidden; }
 
a#aboutus	{ left: 0px; top: 38px; }
a#members 	{ left: 0px; top: 75px; }
a#events	{ left: 0px; top: 113px; }
a#contact	{ left: 0px; top: 150px; }

a#aboutus:hover { background-image: url(../img/aboutus.gif); }
a#members:hover { background-image: url(../img/members.gif); }
a#events:hover  { background-image: url(../img/events.gif); }
a#contact:hover { background-image: url(../img/contact.gif); }

a#aboutus:hover,
a#members:hover,
a#events:hover,
a#contact { border: none; }

.active1 { background-image: url(../img/aboutus.gif); }
.active2 { background-image: url(../img/members.gif); }
.active3 { background-image: url(../img/events.gif); }
.active4 { background-image: url(../img/contact.gif); }



/* Photogallery */

#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #dedede;
	border: 5px solid #ccc;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	border: none;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../img/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../img/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

#About p {
	margin: 0 20px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
}

#About {
	width: 100%;
	text-align: left;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
}

#AboutBody {
	margin-top: 15px;
}

#AboutBody p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 20px 10px 20px;
	padding: 0;
}