@import url(global_v1-1.css);


@import url(knollwoodCC_css/modules.css);
@import url(knollwoodCC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	
	background: #FFF;
	color: #000;
	
}

h1 img {
	
	display: block;
	
}


h1 {
	color:#300703;
	font-size:22px;
	font-weight:normal;
	margin-bottom: 10px;
}

h2,h3 {
	color: #847D54;
	font-size:20px;
}
h4 {
	color: #AF7A1F;
	font-style:italic;
	font-size:16px;
	line-height:1.3;
}

h5 {
	font-size:11px;
	color: #2b3B24;
	display: inline;
}

h6 {
	color: #423317;
	font-size:11px;
	font-weight:bold;
}
p { color:#300703;
	line-height:22px;}
a,a.small,a.anchor,a.visited {
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;
}
a:hover { text-decoration: underline;}
.page {

	font:13px "Times New Roman", Times, serif;
	margin:0;
	background:#c0b690 url(../../../Images/body.jpg) no-repeat 50% 0;
	text-align: center;
 
 
 }
 
 .hideText {
 
	display:none;
 
 }
 
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

#siteWrapper {
	color:#300703;
	margin:0 auto;
	width:782px;
	text-align: left;
	padding:0 23px 0 25px;
	background:url(../../../Images/container.gif) repeat-y;
}
/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
ul,form,input,fieldset,legend { margin:0; padding:0;}
p,/*h1,*/h2,h3,h4,h5,h6 { margin:0;}
li { list-style:none; margin:0;}
fieldset,legend { border:none;}
.first { background:none !important; border:none !important;}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	height:115px;
	width: 782px;
	margin: 0 auto;
	text-align: center;
}
#branding strong {
	background:url(../../../Images/logo.gif) no-repeat;
	width:158px;
	float:left;
	margin:25px 17px 0 11px;
	height:78px;
}
#branding strong a {
	display:block;
	height:100%;
	text-indent:-9999em;
}
#branding h3 {
	float:right;
	background:url(../../../Images/head-text.jpg) no-repeat;
	width:282px;
	display:inline;
	margin:25px 0 0 0;
	text-indent:-9999em;
	height:34px;
}
.top-menu {
	margin:11px 0 33px;
	white-space:nowrap;
	float:right;
}
.top-menu li {display:inline;}
.top-menu li a {
	float:left;
	margin-left:20px;
	height:12px;
	text-indent:-9999em;
}
.top-menu a.home {
	background:url(../../../Images/home.gif) no-repeat;
	width:49px;
}
.top-menu a.contact {
	background:url(../../../Images/contact.gif) no-repeat;
	width:77px;
}
.top-menu a.logoff {
	background:url(../../../Images/logoff.gif) no-repeat;
	width:52px;
	height:15px;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	margin-top:10px;
	width:595px;
	height:40px;
	float:right;
	font-size:14px;
	line-height:40px;
	color:#fff;
	text-align:center;
	background:url(../../../Images/navi.gif) repeat-y;
}
#nav a { color:#fff;}
.flash img { display:block;}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	width:782px;
	display:table;
	background:#eeebdf url(../../../Images/main.jpg) no-repeat 0 100%;
}
.inner-page{background:#eeebdf url(../../../Images/main2.jpg) no-repeat 0 100% !important;}
#sidebar {
	margin-left:16px;
	float:left;
	padding: 16px 0;
	width:240px;
}
.small-side {
	padding-bottom:12px;
	width:207px !important;
}
.login {
	height:171px;
	background:url(../../../Images/login.jpg) no-repeat 0 22px;
}
.login h3 {

	margin-bottom: 24px;
	background:url(../../../Images/member-title.jpg) no-repeat;
	height:22px;
	text-indent:-9999em;
}
.login form {
	/*margin:23px 0 0 35px;*/
}
.login label,
.login input {
	/*display:block;*/
}
.login  div { padding-bottom:4px;}
.login label {
	/*font-size:9px;
	color:#07111f;*/
}
.login input {
	/*width:160px;
	font:11px "Times New Roman", Times, serif;
	color:#000;
	padding:2px 0 2px 8px;
	border:1px solid #e0dbd0;*/
}
.login input.button {
	/*float:right;
	width:auto;
	margin-right:35px;
	border:none;
	display:inline;*/
}

.login a {
	color:#000;
	font:9px Arial, Helvetica, sans-serif;
}
.events {
	padding:10px;
	margin:15px 0 0;
	background:#cfcbb8;
	width: 207px;
}
.small-side .events { }
.events h3,
.events h5 {
	line-height:33px;
	font-size:14px;
	font-weight:normal;
	color:#333;
}
.events h5 { line-height:17px;}
.events div {
	padding-bottom:17px;
	line-height:18px;
	color:#333;
	font-size:12px;
	margin:0 20px 0 0;
}
a.view,
.events a,
.archive a {
	font-size:14px;
	color:#333;
	text-decoration:underline;
}
a.view:hover,
.events a:hover,
.archive a:hover,
.feature-area strong a:hover { text-decoration:none;}
.events a { font-size:10px;}
.section-list {
	padding-bottom:25px;
	margin:20px 12px 0 14px;
}
.section-list ul { padding-bottom:8px;}
.section-list li {
	padding-left:4px;
	line-height:25px;
	margin:0;
	font-size:12px;
	background:url(../../../Images/section-bg.gif) repeat-x 0 100%;
}
.section-list li.last { background:none;}
.section-list li a{
	padding-right:12px;
	background:url(../../../Images/arrow.gif) no-repeat 100% 50%;
	color:#000;
}
.section-list li a.active {background:url(../../../Images/arrow-active.gif) no-repeat 100% 50%;}
.section-list li li {
	padding-left:15px;
	font-size:11px;
	line-height:18px;
	background:url(../../../Images/bullet.gif) no-repeat 6px 50%;
}
.section-list li li a { background:none;}
/*content-main*/
#contentMain {
	float:right;
	width:525px;
}
.main-area { padding:0 50px 50px 26px;}
.inner-main {
	height:244px;
	min-height:244px;
	padding-bottom:0;
}
.main-area h1 {
	margin-top:50px;
	
}
.inner-page h1 {
	background:url(../../../Images/inner-title.gif) no-repeat;
	width:353px;
	
	margin-bottom: 10px;
	height:44px;
	text-indent:-9999em;
}
.main-area p {
	color:#300703;
	line-height:22px;
	margin:22px 0 0;
}
.inner-main p { margin-top:4px;}
.copyright {
	color:#222512;
	padding-left:10px;
	clear:both;
	line-height:13px;
	display:block;
	font-size:9px;
}
/*archive*/
.archive {
	float:right;
	width:160px;
	margin-right: 10px;
	padding-top:10px;
}
.archive h3 {
	background:url(../../../Images/section-bg.gif) repeat-x 0 100%;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	color:#333;
}
.archive li {
	font-size:10px;
	text-transform:uppercase;
	margin-top:7px;
}
.archive a { font-size:10px;}
/*featured events*/
.feature-area {
	float:left;
	padding:26px 0 0 18px;
	width:308px;
}
.feature-area img {
	border:1px solid #d5c7b6;
}
.feature-area h1 {
	background:url(../../../Images/featured-title.gif) no-repeat;
	width:206px;
	height:32px;
	text-indent:-9999em;
}
.feature-area h5 {
	font-size:14px;
	color:#333;
	font-weight:normal;
	line-height:20px;
}
.feature-area p {
	font-size:12px;
	color:#333;
	line-height:18px;
}
.feature-area strong {
	display:block;
	font-weight:normal;
	color:#606a2e;
	margin:25px 0 30px;
}
.feature-area strong a {
	font-weight:bold;
	color:#606a2e;
	text-decoration:underline;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	height:115px;
	width: 783px;
	background:url(../../../Images/footer.gif) no-repeat;
}
#footer ul {
	padding:5px 10px 0 0;
	float:right;
}
#footer ul li {
	display:inline;
	background:url(../../../Images/separator.gif) no-repeat 0 50%;
	padding-left:11px;
	margin-left:6px;
}
#footer ul li a {
	color:#6a634e;
	font-size:10px;
	text-transform:uppercase;
}
#footer ul.sub-list {
	float:left;
	width:100%;
	padding-top:43px;
}
#footer ul.sub-list li {
	background:url(../../../Images/separator2.gif) no-repeat 0 50%;
	padding-left:5px;
	margin-left:1px;
	font-size:11px;
	color:#fff;
}


#contentMain  .inside {
	width: 455px;
	margin: 35px;
}
