@charset "utf-8";
/* CSS Document */

/* HTML elements*/
body {
	margin: 5px;
	padding: 0px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	background-color: #FFFFFF;
	background-image: url(grfx/bg-body.gif);
	}
	
a {
	color: #9900CC;
	text-decoration: underline;
	}

/* ID tags */
#container {
	width: 985px;
	margin: 0px;
	padding: 0px;
	background-color: #D9D9D9;
	}
	
#top {
	width: 985px;
	height: 330px;
	margin: 0px;
	padding: 0px;
	background: url(grfx/banner.jpg);
	}
	
	#topNav {
		list-style: none;
		background: none;
		text-align: right;
		margin: 5px 5px 0px 0px;
		}
		
		#topNav li {
			font-size: 80%;
			float: right;
			margin-top: 2px;
			padding: 4px 11px;
			}
			
			#topNav li a {
				color: #FFFFFF;
				text-decoration: underline;
				}
	
#pageContents {
	width: 985px;
	margin: 0px;
	padding: 0px;
	background: #D9D9D9 url(grfx/content-background.jpg) repeat-y;
	}

	#pageContents h1 {
		margin: 0px 0px 0px 0px;
		padding: 5px;
		height: 29px;
		background: url(grfx/heading.jpg) repeat-x;
		font-size: 120%;
		color: #0D5C9D;
		text-indent: 5px;
		}

	#pageContents p {
		margin: 0px;
		padding: 5px 10px;
		font-size: 90%;
		text-align: justify;
		}
		
		#sidebar {
			float: left;
			width: 279px;
			background: url(grfx/menuBack.jpg);
			background-color: #BFBFBF;
			}
			
		#sidebar h2 {
			width: 279px;
			background: url(grfx/menuHead.jpg);
			margin-top: 0px;
			padding: 4px 0px;
			font-size: 105%;
			text-indent: 25px;
			color: #B00B0B;
			}

		#sidebar p {
			width: 239px;
			padding: 0px 10px 5px 25px;
			font-size: 75%;
			}
			
		#sidebar form {
			padding: 0px 10px 5px 10px;
			}
			
		#contents {
			float: right;
			width: 706px;
			}
		
			#newMember legend {
				margin: 5px 20px;
				}
				
			#newMember fieldset {
				border: double #333333;
				}
							
		#contents div {
			padding-bottom: 15px;
			}
			
		#contents ul li.members {
			list-style-image: url(grfx/star.gif);
			line-height: 110%;
			}

		#contents ul li {
			line-height: 110%;
			font-size: 80%;
			}
						
#bottom {
	clear: both;
	width: 985px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	background: url(grfx/footer.jpg);
	}
		
	#designedBy {
		position: relative;
		top: 25px;
		left: 5px;
		font-size: 70%;
		}
		
		#designedBy a {
			color: #000000;
			text-decoration: underline;
			}

#profile {
	float: left;
	width: 440px;
	}
	
#serviceArea {
	float: right;
	width: 266px;
	}
	
#contactUs {
	clear: both;
	}


/* classes */

.members {
	margin: 0px;
	padding: 1px 10px;
	font-size: 90%;
	text-align: left;
	text-indent: 30px;
	}