* { margin:0px;padding:0px }
body { 
	font-family:"Lucinda Grande", helvetica;
	font-size: 62.5%;
	color:#545557;
	background:#666666;
	}
#everything { 
	width:810px;
	margin:10px auto;
	overflow:hidden;
	background:#cfd0af;
	}
#footer { 
	width:810px;
	margin:10px auto;
	color:#fafafa;
	text-align:center;
	font-size:1.1em;
	}
	#footer a { color:#94a348 }
h1 { text-indent:-9999px;position:absolute; }
h3 { font-size:1.2em; }	
a.active { font-weight:bold; }
ul { list-style-type:disc; }
li { list-style-type:disc; }
/**************************************	*****************************************************
Header Styles
********************************************************************************************/
#header { 
	background:url(../../Images/header_back.jpg) no-repeat;
	width:100%;
	height:90px;
	}
	#header .headerContent { 
		position:relative;
		float:left;
		}
		#header #headerContent .headerRight { 
			float:left;
			width:595px;
			height:75px;
			text-align:right;
			}
			#header #headerContent .headerRight ul { 
				float:right;
				}
				#header #topNav { 
					font-size:1.1em;
					float:right;
					padding:8px 0 35px 0;
					}
					#header #topNav li { 
						list-style:none;
						float:left;
						line-height:1.1em;
						margin:0 3px;
						border-right:1px solid #6e6e6e;
						padding-right:6px;
						}
						#header #topNav li.noright { 
							border-right:0px; 
							}
							#header #topNav a { 
								color:#6e6e6e;
								text-decoration:none;
								}
								#header #topNav a:hover { 
									text-decoration:underline;
									color:#333;
									}
									#header .logo { 
										padding-left:20px;
										float:left;
										border:0px;
										}
/*******************************************************************************************
Main Navigation Styles
********************************************************************************************/
#mainNav { 
	float:right;
	}
#mainNav li { list-style:none;display:inline;float:right; }
#mainNav  #aboutNav  { 
	display:block;
	width:53px;
	height:16px;
	text-indent: 10000px; 
	overflow: hidden;
	outline:none; 
	background: url(../../Images/nav/about.jpg) top left no-repeat;
}	
#mainNav  #aboutNav:hover{ background-position: bottom left; }
#mainNav  #aboutNav.active{ background-position:bottom left; } 

#mainNav  #newsNav  { 
	display:block;
	width:104px;
	height:16px;
	text-indent: 10000px; 
	overflow: hidden; 
	outline:none;
	background: url(../../Images/nav/news.jpg) top left no-repeat;
}
#mainNav  #newsNav:hover{ background-position: bottom left; }
#mainNav  #newsNav.active{ background-position:bottom left; } 

#mainNav  #designNav  { 
	display:block;
	width:197px;
	height:16px;
	text-indent: 10000px; 
	overflow: hidden; 
	outline:none;
	background: url(../../Images/nav/design.jpg) top left no-repeat;
}
#mainNav  #designNav:hover{ background-position: bottom left; }
#mainNav  #designNav.active{ background-position:bottom left; } 
	
#mainNav  #membersNav  { 
	display:block;
	width:70px;
	height:16px;
	text-indent: 10000px; 
	overflow: hidden; 
	outline:none;
	background: url(../../Images/nav/members.jpg) top left no-repeat;
}
#mainNav  #membersNav:hover{ background-position: bottom left; }
#mainNav  #membersNav.active{ background-position:bottom left; }

#mainNav  #calendarNav  {
	display:block;
	width:74px;
	height:16px;
	overflow: hidden;
	outline:none;
	background: url(../../Images/nav/calendar.jpg) top left no-repeat;
}
#mainNav  #calendarNav:hover{ background-position: bottom left; }
#mainNav  #calendarNav.active{ background-position:bottom left; } 

#mainNav  #jobNav  {
	display:block;
	width:74px;
	height:16px;
	overflow: hidden;
	outline:none;
	background: url(../../Images/nav/job.jpg) top left no-repeat;
}
#mainNav  #jobNav:hover{ background-position: bottom left; }
#mainNav  #jobNav.active{ background-position:bottom left; } 
		
/*******************************************************************************************
Home Content
********************************************************************************************/
#homeContent { 
	border:5px solid #b0afa6;
	border-top:0px;
	position:relative;
	margin-top:-8px;
	overflow:hidden;
	}
	#homeContent a { 
		color:#93a445;
		text-decoration:none;
		}
		#homeContent a:hover { 
			color:#5f6062;
			text-decoration:underline;
			}
		
#homeContent #homeNews { 
	width:243px;
	float:left;
	position:relative;
	font-size:1.2em;
	line-height:1.3em;
	margin-top:8px;
	}
	#homeContent #homeNews div { 
		padding:10px 15px;
 		}
		#homeContent #homeNews div span.title {
			font-weight:bold;
			font-size:1.2em;
			width:100%;
			float:left;
			padding:2px 0;
			}
			#homeContent #homeNews div span.subtitle, #homeContent #homeNews div span.date {
				font-size:.9em;
				width:100%;
				float:left;
				padding:2px 0;
				}
				#homeContent #homeNews div p {
					width:100%;
					margin:5px 0;
					float:left;
					}	
					#homeContent #homeNews div p a {
						color:#646547;
						text-decoration:underline;
						}
						#homeContent #homeNews div .image {
							float:left;
							display:block;
							padding:5px 0;
							max-width:215px;					
							}
#homeContent #homeFeature { 
	width:330px;
	float:left;
	background:#dee3c6;
	font-size:1.2em;
	border:6px solid #f4f6ed;
	}
	#homeContent #homeFeature #show {
		width:329px;
		border-bottom:1px solid #f4f6ed;
		margin-left:1px;
		}
		#homeContent #homeFeature .slideshow, .slideshow img {
			height:  270px;  
			width:   329px;
			padding: 0;  
			margin:  0 auto; 
			} 
			#homeContent #homeFeature .designFeature {
				border-top:0px;
				width:329px;
				padding-bottom:5px;
				margin-left:1px;float:left;
				}
				#homeContent #homeFeature .designFeature div {
					background:url(../../Images/featured_member.jpg) 8px 6px no-repeat;	
					min-height:150px;	
					float:left;		
					}
					#homeContent #homeFeature .designFeature div .featureImage {
						float:left;
						margin:62px 0 0px 15px;
						width:70px;
						border:1px solid #6e6e6e;
						}
							#homeContent #homeFeature .designFeature div p span.title { 
								color:#93a445;
								width:100%;
								font-size:1.2em;
								font-weight:bold;
								float:left;
								}
								#homeContent #homeFeature .designFeature div p span.subtitle {
									color:#444;
									font-size:1.1em;
									}
									#homeContent #homeFeature .designFeature div p { 
										width:190px;
										margin:10px 0 0 40px;
										float:left;
										font-size:.9em;
										}
										#homeContent #homeFeature .designFeature div p a { 
											text-decoration:underline;
											font-size:1.2em;
											line-height:1.2em;
											}
#homeContent #homeRight { 
	float:left;
	width:213px;
	margin-top:8px;
	background:#ece9c9;
	}
	#homeContent #homeRight .homeabout { 
		width:214px;
		height:271px;
		background:#ece9c9;
		}
		#homeContent #homeRight .homeabout p { 
			float:right;	
			text-align:right;
			font-size:1.6em;
			width:190px;
			line-height:1.5em;
			padding:10px 20px 0 5px;
			color:#93a445;		
			font-style:italic;	
			}
			#homeContent #homeRight .homeabout a { 
				color:#6e6e6e;
				font-size:.9em;
				float:right;
				margin:8px 0;
				}

/*******************************************************************************************
Sub Content
*******************************************************************************************/
#subContent { 
	border:5px solid #b0afa6;
	border-top:0px;
	margin-top:-4px;	
	overflow:hidden;
	background:url(../../Images/content_back.jpg) repeat-y;
	float:left;
	}
#subContent #subLeft { 
	width:243px;
	padding-top:4px;
	float:left;
	position:relative;
	background:#cfd0af;
	border-right:1px solid #fafafa;
	margin-right:-1px;
	font-size:1.2em;
	}
	#subContent #subLeft div { 
		padding:0 8px;
		}
		#subContent #subLeft div .title { 
			color:#93a445;
			width:100%;
			font-weight:bold;
			float:left;
			}
			#subContent #subLeft div .subtitle { 
				font-style:italic;
				width:100%;
				float:left;
				margin-bottom:5px;
				}
				#subContent #subLeft div p { 
					float:left;
					padding:10px 15px 25px 8px;
					width:90%;
					min-height:275px;
					}
					#subContent #subLeft div div { 
						margin:5px 0 5px 0;
						font-size:1em;
						float:left;
						width:90%;
						}
						#subContent #subLeft div div span.newstitle { 
							font-size:1.2em;
							color:#93a445;
							width:100%;
							font-weight:bold;
							float:left;
							border-bottom:1px solid #bcbd9b;
							}
							#subContent #subLeft div div ul { 
								list-style: none;
								padding-left: 1em;
								text-indent: -.8em;
								float:left;
								width:96%;
								margin-top:.4em;
								}
								#subContent #subLeft div div ul li{ 
									float:left;
									line-height:1.1em;
									margin:0.36em 0;
									width:100%;
									font-size:1em;
									list-style:none;
									}
									
									#subContent #subLeft div div  a { 
										color:#333333;
										text-decoration:none;
										}
										#subContent #subLeft div div a:hover { 
											text-decoration:underline;
											}
											#subContent #subLeft div div a.active { 
												font-weight:bold;
												}
												#subContent #subLeft div span.leftSearch { 
													float:left;
													margin:10px 0;
													}

#subContent #subMain { 
	width:556px;
	float:left;
	background:#dee3c6;
	min-height:400px;
	position:relative;
	border-left:1px solid #fafafa;
	font-size:1.2em;
	margin-top:4px;
	}
	#subContent #subMain a { 
		color:#069; 
		}
		#subContent #subMain .header { 
			margin:0 0 15px 10px;
			}
			#subContent #subMain div { 
				padding:0 25px;
				width:90%;
				}
				#subContent #subMain div span.title { 
					color:#93a445;
					width:100%;
					font-size:1.6em;
					font-weight:bold;
					float:left;
					}
					#subContent #subMain div span.subtitle { 
						font-style:italic;
						font-size:1em;
						}
						#subContent #subMain div span.articleOptions{ 
							font-size:.9em;
							width:100%;
							float:left;
							line-height:1.2em;
							margin:.5em 0;
							border-top:1px solid #cfd0af;
							color:#666;
							padding-top:.3em;
							}
							#subContent #subMain div span.date {
								float:right;
								}
								#subContent #subMain div p { 
									float:left;
									padding:5px 0px;
									width:100%;
									}	
										#subContent #subMain div ul li{ 
											margin:3px 0 0 4px;
											padding:0;
											}
											#subContent #subMain div ul li a { 
												color:#069;
												}

#subContent #subMain.news .image{ 
	float:left;
	display:block;
	max-width:200px;
	text-align:left;
	margin:0 10px 10px 0;
	}
	#subContent #subMain.news p { 
		margin:10px 0;
		}
		#subContent #subMain.news div.newstext { 
			padding:10px 0px;
			float:left;
			width:100%;
			line-height:1.4em
			}
			#subContent #subMain.news div.newstext p { padding:0px;margin:0px; }
/**********************************************************************************************
Design Profesional Styles
**********************************************************************************************/
#subContent.designer #subLeft {
	width:200px;
	float:left;
	border-right:1px solid #fafafa;
	position:relative;
	}
	#subContent.designer #subLeft .designerLeft { 
		margin-top:-15px;
		position:relative;
		width:150px;
		text-align:right;
		margin:10px auto;
		}
		#subContent.designer #subLeft .designerLeft span { 
			width:100%;
			padding:0px;
			display:block;
			float:left;
			}
			#subContent.designer #subLeft .designerLeft img { 
				border:1px solid #6e6e6e;
				padding:1px;
				margin-bottom:5px;
				text-align:center;
				float:right;
				width:150px;
				}
				#subContent.designer #subLeft .designerLeft a { 
					padding:10px 0;
					float:right;
					text-decoration:none;
					color:#069;
					text-align:right;
					}
#subContent.designer #subMain {
	width:350px;
	float:left;
	overflow:hidden;
	min-height:400px;
	border-left:1px solid #fafafa;
	font-size:1.2em;
	margin:15px 0;
	}
	#subContent.designer #subMain div { 
		padding:0px;
		margin:10px 0 10px 25px;
		width:88%;
		}
		#subContent.designer #subMain div#accordion h3.toggler { 
			font-size: 1em;
			cursor:pointer;
			padding:3px 5px 4px 25px;
			width:95%;
			float:left;
			color:#444;
			background:#cfd0af;
			height:20px;
			}
			#subContent.designer #subMain div#accordion div.element { 
				float:left;
				font-size:11px;
				border:0px;
				background:none bottom;
				oveflow:hidden;
				height:60%;
				width:90%;
				padding-right:10px;	
				vertical-align:top;
				}
				
#subContent.designer #designRight { 
	float:left;
	width:225px;
	text-align:center;
	position:relative;
	}
	#subContent.designer #designRight div { 
		text-align:center;
		padding:25px 10px 0 15px;
		}
		#subContent.designer #designRight div.gallery { 
			float:left;
			margin:25px 0 0 0px;
			overflow:hidden;
			}		
			#subContent.designer #designRight .gallery a img { 
				float:left;
				z-index: 10;
				width:200px;
				overflow:hidden;
				position:relative;
				left:10px;
				border:0px;
				}
				ul.recentlist { 
					position: absolute; 
					top:25px; 
					left:25px;
					float:left; 
					list-style: none; 
					z-index: 20;
					width:200px;
					}	
					ul.recentlist li { display: inline; }
					ul.recentlist li a, ul.recentlist li a:visited { 
						display: block; 
						float: left; 
						margin-right: 1px; 
						color: #94a348; 
						font-size:1.2em;
						text-decoration: none; 
						cursor: pointer;
						font-weight:bold;
						}		
						ul.recentlist li a:hover, ul.recentlist li a:visited:hover { 
							background: #666; color: #fff; 
							}
							ul.recentlist li a.end, ul.recentlist li a.end:visited, ul.recentlist li a.end:hover, ul.recentlist li a.end:visited:hover { 
								color:#999999; 
								font-weight:normal;
								}
								ul.recentlist li a.current { 
									background: #f00; 
									color: #fff; 
									}
									ul.recentlist li#counter { 
										width:45%;float:left;text-align:center;color:#94a348;
										}
/****************************************************************************************
Member List Styles
****************************************************************************************/
#subContent #subMain.members div  { 
	float:left;
	width:90%;
	padding:0 27px;
	margin:10px 0;
	}
	#subContent #subMain.members div h3 { 
		font-size:1.2em;
		border-bottom:1px solid #cfd0af;
		padding-bottom:3px;
		}
		#subContent #subMain.members div p { 
			 float:left;
			 width:43%;
			 position:relative;
			 line-height:1.5em;
			 }
			 #subContent #subMain.members div p span { 
			 	width:95px;
				float:left;
				font-size:1em;
				}
				#subContent #subMain.members div a.blue { 
					color:#069;
					}

/***************************************************************************************
Become Member Form Styles
***************************************************************************************/
			
#subContent #subMain div #registerForm { 
	width:395px;
	background:#f2f4e6;
	float:left;
	padding:15px;
	border:3px double #e0e1c6;
	margin:15px 0;
	padding-left:20px;
	}
	#subContent #subMain div #registerForm div { 
		float:left;
		padding:0px;
		width:90%;
		padding:5px 15px;
		}
		#subContent #subMain div #registerForm div label{ 
			float:left;
			width:100%;
			text-align:left;
			}
			#subContent #subMain div #registerForm div input, #subContent #subMain div #registerForm div select, #subContent #subMain div #registerForm div textarea { 
				padding:0px;
				margin:0px;
				width:100%;
				float:left;
				 }
				#subContent #subMain #registerForm div.half { 
					width:160px;
					float:left;
					margin:0 7px 0px 0px;
					}
					#subContent #subMain #registerForm div input.submit { 
						background:#989a7e;
						border:0px;
						border:3px double #fafafa;
						color:#fafafa;
						text-transform:uppercase;
						padding:3px 0;
						cursor:pointer;
						font-weight:bold;
						width:200px;
						clear:top;
						}
/***************************************************************************************
Required Field Styles
***************************************************************************************/
		
#registerForm label.error , #contactForm label.error { 
	color:#FF0000; 
	}
	#registerForm input.error, #registerForm select.error, #contactForm input.error, #contactForm select.error { 
		border:#FF0000 1px solid;
		float:left;
		 }

/***************************************************************************************
FAQ Styles
***************************************************************************************/
					
#subContent #subMain div.faq { 
	 padding: 15px 10px 15px 0px;float:left;
	 margin:0 30px;
	 width:87%;
	 border-top:1px solid #cfd0af;
	 }
	#subContent #subMain div.faq h3 { 
			color:#93A445;
			float:left;
			font-size:1.2em;
			font-weight:bold;
			width:100%;
			}	
/****************************************************************************************
Calendar Styles
****************************************************************************************/
#subContent #subMain div#container { 
	margin:0px;
	padding:0px;
	float:left;
	width:75%; 
	}
	#subContent #subMain div#container #month { 
		border-collapse: collapse; 
		margin-left: 2em;
		background-color: #fff;
		border: 4px solid #d4d3cb; 
		}
		#subContent #subMain div#container #month th, #subContent #subMain div#container #month td { 
			border: 1px solid #cfd0af; 
			}
			#subContent #subMain div#container #month th { 	
				color:#fafafa;
				padding:2px 0; 
				}
				#subContent #subMain div#container #month thead { 
					background-color:#93a445; 
					}
					#subContent #subMain div#container #month td { 
						width: 2em; 
						height: 2em; 
						padding: .2em; 
						vertical-align: top; 
						overflow: hidden;
						}
						#subContent #subMain div#container td .day { 
							width: 7em; 
							height: 6em; 
							overflow:hidden; 
							margin-top: 0;
							padding:0px; 
							}
							#subContent #subMain div#container #month tbody .next, #month tbody .previous { 
								background-color:#93a445; 
								}
								#subContent #subMain div#container #month th {
									background:#d4dab4; 
									font-weight:normal;
									color:#444;
									}
									#subContent #subMain div#container #month th.calNav { 
										background:#93a445;
										padding:0px;
										text-align:center;
										vertical-align:middle;
										cursor:pointer;
										}
										#subContent #subMain div#container #month th #year { 
											text-align:center;
											padding:5px 0;
											}
											#subContent #subMain div#container #month th #year select  { 
												font-size:.8em;
												width:auto;
												}
												#subContent #subMain div#container #month th.calNav a { 
													color:#fafafa;
													text-decoration:none; 
													}
													.actday{
														background:#FFFFCC;
														}
														#subContent #subMain div.actday2{
															padding:2px; 
															width:100%;
															text-align:left;
															}
															.day{
																padding:2px;
																	}
																	#subContent #subMain div.event{
																		background:#e5e5fa;
																		padding:0 0 0 5px;
																		display:block;
																		margin:0px 2px 2px 2px;
																		color:#333;
																		vertical-align:bottom;
																		position:relative;
																		bottom:0px;
																		font-size:.9em;
																		width:85px;
																		text-decoration:none;
																		cursor:pointer;
																		}

/***************************************************************************************
Contact Form Styles
***************************************************************************************/
			
#subContent #subMain div #contactForm { 
	width:395px;
	background:#f2f4e6;
	float:left;
	padding:15px;
	border:3px double #e0e1c6;
	margin:5px 0 15px 0;
	padding-left:20px;
	}
	#subContent #subMain div #contactForm div { 
		float:left;
		padding:0px;
		width:90%;
		padding:5px 15px;
		}
		#subContent #subMain div #contactForm div label{ 
			float:left;
			width:100%;
			text-align:left;
			}
			#subContent #subMain div #contactForm div input, #subContent #subMain div #contactForm div select, #subContent #subMain div #contactForm div textarea { 
				padding:0px;
				margin:0px;
				width:100%;
				float:left;
				 }
				#subContent #subMain #contactForm div.half { 
					width:160px;
					float:left;
					margin:0 7px 0px 0px;
					}	
					#subContent #subMain #contactForm div input.submit { 
						background:#989a7e;
						border:0px;
						border:3px double #fafafa;
						color:#fafafa;
						text-transform:uppercase;
						padding:3px 0;
						cursor:pointer;
						font-weight:bold;
						width:200px;
						}
/***************************************************************************************
Login Styles
***************************************************************************************/
#login_form label, #login_form input { 
	display:block; 
	padding:5px; 
	}
	#login_form input.checkbox { 
		display:inline; 
		margin-right:3px; 
		}
		#login_form input.text { 
			margin-bottom:12px; 
			width:95%; 
			}
			#login_form fieldset { 
				padding:0; 
				border:0; 
				margin-top:10px; 
				}
				#forgot_form label, #forgot_form input { 
					display:block; 
					padding:5px; 
					}
					#forgot_form input.checkbox { 
						display:inline; 
						margin-right:3px; 
						}
						#forgot_form input.text { 
							margin-bottom:12px; 
							width:95%; 
							}
							#forgot_form fieldset { 
								padding:0;
								border:0; 
								margin-top:10px;
								}