body	{
	background-image:url('../includes/images/background.png');
	font-family:Helvetica,Arial,sans-serif;
	font-size:100%;
	color:#333333;
	
}

h1	{
	margin:0px;
	color:#5b1a6c;
}

h2	{
	font-size:120%;
	margin:0 0 0 10px;
	color:#5b1a6c;
}	

p	{
	margin:0px;
}

img	{
	border:none;
}

 
a:link	{
		text-decoration:none;
}

a:visited	{
			text-decoration:none;
			outline:none;
}

a:hover	{
		text-decoration:none;
}

a:active	{
			text-decoration:none;
}

a.groupLink:link	{
		text-decoration:none;
		color:#333333;								
}

a.groupLink:visited	{
			text-decoration:none;
			outline:none;
			color:#333333;	
}

a.groupLink:hover	{
		text-decoration:none;
}

a.groupLink:active	{
			text-decoration:none;}


.container	{
				width:984px;
				margin:-8px auto;
							
}

.clear	{
		clear:both;
		margin-top:23.5px;
}

.clear2	{
		clear:both;
		margin-top:10px;
}

.clearBottom	{
				clear:both;
				margin-bottom:10px;
}		
		

/* ****** BANNER ********* */

.banner	{
		float:left;
		clear:both;
		width:984px;
		height:189px;
		background-image:url('../includes/images/banner.png');
}

.bannerLeft	{
			float:left;
			clear:both;
			width:268px;
			height:169px;
			margin-left:43.5px;
			
}

.bannerRight	{
				float:right;
				width:629px;
				margin-right:43.5px;
					
}

.icons {
		float:right;
		clear:both;
		height:82px;
		width:629px;	
			
}

#navigation {
			float:left;
			clear:both;
			height:74px;
			width:629px;
			list-style:none;
			margin-top:10px;
		
		
}
			
#navigation li {
			float:left;
			height:74px;
			width:68px;
			position:relative;
			margin:0 0 0 20px;
				
		
}
			
#navigation a, #navigation a:visited, #navigation a, #navigation a:hover {
			float:left;
			width: 68px;
			height: 74px;
			background: url('../includes/images/icons.png') no-repeat;
			margin-left:-30px;
							
}
			
#navigation li.aboutIcon a {
						background-position: -15px 0px;
						margin-left:-15px;
}
			
#navigation li.browseIcon a {
							background-position: -94px 0px;
							
}
			
#navigation li.eventsIcon a {
						background-position: -184px 0px;
					
}
			
#navigation li.listIcon a {
						background-position: -272px 0px;
				
}

#navigation li.linksIcon a {
						background-position: -361px 0px;
			
}
			
#navigation li.faqIcon a {
						background-position: -444px 0px;
				
}	

#navigation li.contactIcon a {
							background-position: -532px 0px;
							
}

.navText	{
			float:right;
			clear:both;
			width:620px;
			height:16px;
			font-size:14px;
			color:#ffffff;
			position:relative;	
			display:none;
		
}
			
.about	{
		float:right;
		margin-right:9px;
}

.browse	{
		float:right;
		margin-right:13px;
}	

.events	{
		float:right;
		margin-right:17px;
}	

.list	{
		float:right;
		margin-right:22px;
}	

.links	{
		float:right;
		margin-right:55px;
}	

.faq	{
		float:right;
		margin-right:43px;
		
}	

.contact	{
			float:right;	
}			

/* ******* LOGIN SECTION ******** */

.login	{
		float:left;
		clear:both;
		width:955px;
		height:35px;
		margin-left:15px;
		background-image:url('../includes/images/loginbk.png');
		display:none;
		
}

.loginForm {
			float:right;
			height:35px;
			width:580px;
			margin-right:5px;
		
}

.loginForm .emailLabel {
					  float:right;
					  margin:7px 5px 0 0;
					 
}

.loginForm .pWordLabel {
						float:right;
						margin:7px 5px 0 0;						
}


.loginForm .emailInput {
						float:right;
						margin:7px 10px 0 0;
}

.loginForm .pWordInput {
						float:right;
						margin:7px 10px 0 0;
}

.loginForm .loginButton	{
						float:right;
						width:86px;
						height:35px;
						background:none;
						background-image: url('../includes/images/loginbutton.png');
						font-size:0px;
						color:#b9c8cc;
						border: 0px;
						cursor: pointer;
					
						
					
}

.forgotten	{
			float:right;
			width:88px;
			height:35px;
			margin-right:23.5px;
			margin-left:-3px;
		
}

.groupButton	{
				float:right;
				width:88px;
				height:35px;
}

.viewmemButton	{
				float:right;
				width:88px;
				height:35px;
}

.announceButton	{
				float:right;
				width:104px;
				height:35px;
}

.blogButton	{
				float:right;
				width:88px;
				height:35px;
}

.imagesButton	{
				float:right;
				width:88px;
				height:35px;
}

.memdetailsButton	{
				float:right;
				width:88px;
				height:35px;
}

.logoutButton	{
				float:right;
				width:86px;
				height:35px;
				margin-right:23.5px;
				
}


.welcome	{
			float:left;
			margin:7px 0 0 28.5px;
			font-weight:bold;
			
}

.SAadmin	{
			float:right;
			width:654px;
			
}

.admin	{
			float:right;
			width:198px;
}

/* ******* PAGE CONTENT ******** */		
		
.page	{
			float:left;
			clear:both;
			width:984px;
			min-height:500px;
			background-image:url('../includes/images/page.png');
			position:relative;
		/*		z-index:40;
			margin-top:184px;*/
}

#loadDiv {
		background-image: url('../includes/images/loading.gif');
		width:32px;
		height:32px;
		top:50px;
		left:452.5px;
		position:absolute;
		display:block;
		z-index:99;
}

#content	{
			float:left;
			clear:both;
			width:897px;
			margin:0 43.5px 23.5px 43.5px;
}

.contentLeft	{
				float:left;
				clear:both;
				width:723.5px;
				margin:23.5px 23.5px 0 0;
				
}			

.contentLeft2	{
				float:left;
				clear:both;
				width:747px;
}

#edit	{
			display:none;

}

.contentRight	{
				float:left;
				width:150px;
				margin-top:23.5px;
				display:none;
}

/* Display group box */

.displayGroup 	{
				float:left;
				width:350px;
				height:220px;
				border:1px solid #999999;
				margin:23.5px 19.5px 0 0;
				position:relative;
				
}				

.groupName	{
			float:left;
			clear:both;
			width:350px;
			height:35px;
}	

.name {
		float:left;
		clear:both;	
		margin:10px 0 0 10px;
		color:#ffffff;
		font-weight:bold;
		font-size:110%;
}

.groupLocation {
				float:left;
				clear:both;
				width:350px;
				height:20px;
				background-color:#f7f7f7;
				font-size:90%;
				font-weight:bold;
				
}				

.location {
			float:left;
			margin:5px 0 0 10px;
}
.meet {
		float:right;	
		margin:5px 10px 0 0;
}

.groupDescription {
					float:left;
					clear:both;
					width:350px;
					height:154px;
					background-color:#f7f7f7;
					
}

.mainImage	{
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			margin:10px 10px 0 10px;
			display:none;
}

.description {
			float:left;
			width:170px;
			height:140px;
			margin:10px 10px 0 0;
			overflow:hidden;
		/*	text-align:justify;*/
}	

.groupFooter	{
		float:left;
		clear:both;
		width:350px;
		height:11px;
		background-image: url('../includes/images/rainbow.png');
}

.subGroup {
			width:350px;
			height:220px;
			position:absolute;
			left:0px;
			top:0px;
			border:none;
			font-size:0px;
			cursor: pointer;
			
}

/* Display group */

.groupTop	{
			float:left;
			clear:both;
			width:723.5px;
			height:40px;
			margin-bottom:5px;
			/*border:1px solid black;*/
}	

.nameTop {
		float:left;
		margin:10px 0 0 10px;
		color:#ffffff;
		font-weight:bold;
		font-size:130%;
}

.joinButton	{
				float:right;
				width:137px;
				height:35px;
				margin:5px 10px 10px 0;
				display:none;
}

.joinButton2	{
				float:left;
				width:137px;
				height:35px;
				margin:10px 10px 10px 120px;
				background-image: url('../includes/images/joinbutton.png');
				cursor: pointer;
			
}

.groupMiddle	{
				float:left;
				clear:both;
				width:723.5px;
				margin-bottom:5px;
				background:#f7f7f7;
				text-align:justify;
				/*border:1px solid black;*/
}

.middleLeft	{
				float:left;
				clear:both;
				width:433.5px;
				/*border:1px solid black;*/
				
}

.middleOrg	{
			float:left;
			clear:both;
			width:433.5px;
			/*height:45px;*/
			font-size:80%;
			font-weight:bold;
			margin-bottom:20px;
}

.orgTitle {
		 float:left;
		 margin:5px 5px 0 10px;
}

.orgIcon {
		float:left;
		width:22px;
		height:31px;

}

.orgName {
		float:left;
		margin:5px 10px 0 2px;

}

.contactIcon {
			float:left;
			width:28px;
			height:31px;
}

.orgContact {
			float:left;
			margin:5px 10px 0 2px;
}

.phoneIcon {
		float:left;
		width:22px;
		height:31px;

}

.orgPhone {
		 float:left;	
		 margin:5px 10px 0 2px;
}



.listed {
		float:left;
		clear:both;
		width:350px;
}

.listedTitle {
			float:left;
			margin:0 5px 0 10px;
}

.date {
		float:left;
		 margin:0 10px 0 2px;
}

.middleTitle {
			float:left;
			clear:both;
			width:433.5px;
			height:25px;
			margin:10px 0 0 0;
			
}

.middleTitle2 {
			float:left;
			clear:both;
			width:500px;
			height:25px;
			margin:10px 0 0 0;
			
}

.middleContent {
			float:left;
			clear:both;
			width:413.5px;
			margin:10px 10px 0 10px;
			padding-bottom:10px;
}

.middleRight	{
				float:left;
				width:290px;
}

.inGroupImage {
			float:right;
			clear:both;
			margin:5px 10px 10px 5px;
			display:none;
}

.groupBottom	{
				float:left;
				clear:both;
				width:723.5px;
				min-height:310px;
				background-image: url('../includes/images/bottombox.png');
				/*border:1px solid black;*/
}


.bottomLeft	{
				float:left;
				clear:both;
				width:433.5px;
			
}

.bottomLeftContent	{
					float:left;
					clear:both;
					width:413.5px;
					text-align:justify;
					margin:10px 10px 5px 10px;
					
}

.annTitle {
		  float:left;
		  clear:both;
			width:413.5px;
		  font-weight:bold;
		  margin:5px 0px 5px 0px;

}

.annMessage {
		  float:left;
		  clear:both;
		  width:413.5px;
		  margin:5px 0px 5px 0px;
		 
}

.divider {
		float:left;
		clear:both;
		height:1px;
		width:413.5px;
		margin:10px 0 10px 0;
		border-bottom:1px solid #f7f7f7;
}


.bottomRight	{
				float:left;
				width:285px;
				margin-left:5px;
				/*border:1px solid black;*/
}

.groupLogin {
			float:left;
			clear:both;
			width:403.5px;
			margin:10px 0 10px 0;
			display:none;
			
}

.resetPWord {
			float:left;
			clear:both;
			width:620px;
			margin:10px 0 10px 0;
			
			
}

.loginButton2	{
						float:left;
						width:86px;
						height:35px;
						margin:0 0 0 120px;
						background:none;
						background-image: url('../includes/images/loginbutton.png');
						font-size:0px;
						color:#b9c8cc;
						border: 0px;
						cursor: pointer;
						
}

.panelContent	{
				float:left;
				clear:both;
				width:260px;
				text-align:justify;
				margin:10px 10px 5px 10px;
}

/* ******* EVENTS PAGE ********* */

.eventsPage	{
				float:left;
				clear:both;
				width:723.5px;
				margin:23.5px 0 0 0;
}


.year	{
		float:left;
		clear:both;
		width:723.5px;
		height:35px;
		padding:5px 0 0 10px;
		font-size:160%;
		font-weight:bold;
		margin:10px 0 0 0;
		background:#b8b8b8;

}

.month	{
		float:left;
		clear:both;
		font-size:130%;
		font-weight:bold;
		margin:10px 0 10px 10px;

}

.eventRow {
			float:left;
			clear:both;		
			width:683.5px;	
			height:31px;
			margin:5px 0 0 20px;
			position:relative;
			
}

.eventGroup {
			float:left;
			clear:both;
			width:290px;
			height:31px;
			position:absolute;
			top:0px;
			left:0px;
			white-space:nowrap;
			overflow:hidden;
			
			
}

.eventDesc {
			float:left;
			width:373.5px;
			height:31px;
			position:absolute;
			top:1px;
			left:290px;
			white-space:nowrap;
			overflow:hidden;
						
}

.eventDay {
			float:right;
			width:20px;
			height:31px;
			margin-top:1px;		
}

/* ***** DISPLAY LINK PAGE **** */

.linkRow {

		float:left;
		clear:both;
		width:723.5px;
		height:25px;
		padding:0 0 0 10px;
		font-size:130%;
		font-weight:bold;
		margin:10px 0 0 0;
		background:#b8b8b8;
}

.link {
		float:left;
		clear:both;
}

.url {
	float:right;
	margin-right:10px;
}

.linkRow2	 {
			float:left;
			clear:both;
			width:723.5px;
			padding:0 0 0 10px;
			font-size:90%;
			font-weight:bold;
			background:#b8b8b8;

}

.siteEmail {
			float:right;
			margin:5px 10px 3px 0;
}

.siteDescription {
				float:left;
				clear:both;
				width:723.5px;
				margin:5px 0 0 10px;
}

/* ******* FORM STYLING ******** */	

fieldset {
		margin-top:20px;	
		background-color:#e3e3e3;
		border:none;
}

legend {
		font-weight:bold;
		background-color:#e3e3e3;
		color:#97254d;
		font-size:110%;
		padding:10px 10px 10px 10px;
}		

.label	{
		float:left;
		clear:both;
		width:210px;
		font-weight:bold;
		margin:10px 0 10px 10px;
}	

.label2	{
		float:left;
		clear:both;
		width:100px;
		font-weight:bold;
		margin:10px 0 10px 10px;
		
}
		
.inputField		{
				float:left;
				margin:10px 0 10px 10px;
				
}				

.radioInput {
			float:left;
			clear:both;
			height:40px;
			margin:0px 0 0px 230px;
}

.radio {
		float:left;
		height:40px;
		width:350px;
		margin:10px 0 0 5px;
		
}
	
.textArea	{
			float:left;
			clear:both;
			margin:10px 0 0 10px;
}

.textArea2	{
			float:left;
			width:320px;
			margin:10px 0 10px 10px;
	
}
	
.message	{
					float:left;
					margin:10px 0 0 10px;
					font-size:80%;
					
}

.message2	{
					float:left;
					width:110px;
					margin:10px 0 0 10px;
					font-size:80%;
					
}

.message3	{
					float:left;
					width:300px;
					margin:10px 0 0 10px;
					font-size:80%;
				
}

.emailMessage	{
					float:left;
					margin:25px 0 0 235px;
}

.subButton{
			float:right;
			clear:both;
			width:86px;
			height:35px;
			margin-top:20px;
			background:none;
			background-image: url('../includes/images/submitbutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.subButton2{
			float:right;
			clear:both;
			width:86px;
			height:35px;
			background:none;
			background-image: url('../includes/images/submitbutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.subButton3{
			float:left;
			clear:both;
			width:86px;
			height:35px;
			margin:10px 0 0 120px;
			background:none;
			background-image: url('../includes/images/submitbutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.submit	{
		float:left;
		height:31px;
		margin:0 0 0 0;
		padding:0 0 12px 30px;
		font-size:100%;
		text-align:left;
		border: 0px;
		background:none;
		background-image: url('../includes/images/magglass.png');	
		background-repeat:no-repeat;
		cursor: pointer;
		overflow:hidden;
		display:none;
}

.confirmButton{
			float:left;
			clear:both;
			width:96px;
			height:35px;
			background:none;
			background-image: url('../includes/images/confirmbutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.updateButton{
			float:left;
			clear:both;
			width:86px;
			height:35px;
			margin:5px 0 0 12px;
			background:none;
			background-image: url('../includes/images/updatebutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.updateButton2{
			float:right;
			clear:both;
			width:86px;
			height:35px;
			margin:20px 0 0 0;
			background:none;
			background-image: url('../includes/images/updatebutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.updateButton3{
			float:left;
			clear:both;
			width:86px;
			height:35px;
			margin:10px 0 0 10px;
			background:none;
			background-image: url('../includes/images/updatebutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.cancelButton{
			float:left;
			clear:both;
			width:86px;
			height:35px;
			background:none;
			background-image: url('../includes/images/cancelbutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.errorRed	{
			color:#ff0000;
}			

.errorRed2	{
			float:left;
			width:230px;
			margin:7px 0 0 28.5px;
			color:#ff0000;
			
}

#colorpicker {
			float:left;
			clear:both;		
			width:195px;
			height:195px;
			margin:10px 0 0 235px;
}

.editContent {
			float:left;
			clear:both;
			margin-top:10px;

}

/* ****** ADMIN PAGES ***** */

.gaEditIcon {
			display:none;
}

.gaImagesIcon {
			display:none;
}

.gaAnnounceIcon {
			display:none;
}

.gaEventsIcon {
			display:none;
}

.gaMembersIcon {
			display:none;
}

.tableImages {
			float:left;
			clear:both;
			margin-top:15px;
			text-align:center;
		
}

.tableUpload {
			float:left;
			clear:both;
			text-align:center;
			
}

.editIcon	{
			float:left;
			width:38px;
			height:38px;
			margin:5px 0 0 10px;
			background:none;
			background-image: url('../includes/images/editicon.png');	
			background-repeat:no-repeat;
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.deleteIcon	{
			float:left;
			width:38px;
			height:38px;
			margin:5px 0 0 8px;
			background:none;
			background-image: url('../includes/images/deleteicon.png');
			background-repeat:no-repeat;	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.deleteIcon2	{
			float:left;
			width:38px;
			height:38px;
			margin:5px 0 0 55px;
			background:none;
			background-image: url('../includes/images/deleteicon.png');
			background-repeat:no-repeat;	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
}

.attendeesIcon	{
				float:left;
				width:38px;
				height:38px;
				margin:5px 0 0 40px;
				background:none;
				background-image: url('../includes/images/attendeesicon.png');
				background-repeat:no-repeat;	
				font-size:0px;
				border: 0px;
				cursor: pointer;
				display:none;
}

.uploadButton {
			float:right;
			clear:both;
			width:66px;
			height:35px;
			margin:10px 0 0 0;
			background:none;
			background-image: url('../includes/images/uploadbutton.png');	
			font-size:0px;
			border: 0px;
			cursor: pointer;
			display:none;
			
}

.nEventButton	{
				float:left;
				clear:both;
				width:66px;
				height:35px;
				display:none;
}

.nLinkButton	{
				float:left;
				clear:both;
				width:99px;
				height:35px;
				margin-top:23.5px;
				display:none;
}

.eventsTitle {
			float:left;
			clear:both;
			width:417px;
}

/* ******* FOOTER ******** */	

.footer	{
		float:left;
		clear:both;
		width:984px;
		height:47px;
		background-image:url('../includes/images/footer.png');
}