@import url(global_v1-1.css);
@import url(NapervilleCC_css/modules.css);
@import url(NapervilleCC_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 {
	
	color: #142336;
	font: 22px "Times New Roman", Times, serif;
	text-transform:uppercase; 

}


h2 {
	
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #152437;
	font: bold 11px Arial, Helvetica, sans-serif;
	display: inline;

}

h6 {
	
	font:12px/1.8 "Times New Roman", Georgia, Times, serif;
color: #FFF;
}

p {
	
	color: #000;
	font: 13px/1.5 Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #17273c;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #017273c;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: url(../../../Images/bg_pattern.jpg);
	text-align:center;

	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#siteWrapper {
 width: 967px;
margin: 0 auto;
text-align: center;
	
}



/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
 background: url(../../../Images/header2.jpg);
 height: 90px;

	
}


/* -------------------------------------------------------------
= Flash
------------------------------------------------------------- */

#flash {
 height: 383px;
 width: 967px;
	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

background: url(../../../Images/nav2.jpg);
padding-left:107px;
height: 40px;
}

/* -------------------------------------------------------------
= Public Home  
------------------------------------------------------------- */
#contentAreaPublic {

width: 967px;
background: #000;

}

#contentAreaLog {

width: 967px;
background: #fff;

}

	#contentAreaLog img {
		padding-left:15px;}

#ContentWrapperPublic { 
width: 967px;
text-align:left;
background: #000;

}

#SidebarPublic {

float:left;
width: 200px;
padding-left: 43px;

}

#SidebarPublic .inside{

margin: 0 auto;
text-align: center;


}


#ContentMainPublic {
float: right;
width: 675px;
padding-bottom: 40px;

}

#ContentPrimaryPublic  {
float: left;
width: 440px;

}

#ContentPrimaryPublic .inside  {
text-align: left;

}

#ContentSecondaryPublic {
float: right;
width: 150px;
margin-right: 50px;
}

#ContentSecondaryPublic .inside{
text-align: left;
}


/* -------------------------------------------------------------
= Private Home / Content & Public Content  
------------------------------------------------------------- */
#contentArea {

width: 967px;
background: url(../../../Images/content_area.jpg) repeat-y center top;

}
	
#ContentWrapper {
width: 967px;
background: url(../../../Images/content_wrapper.jpg) no-repeat center bottom;

}

#Sidebar {

float:left;
width: 179px;
}

#Sidebar .inside{

text-align: left;
padding: 40px 0px 40px 20px;

}

#quicklinks a {
	
color: #dad0c1;
	font: 12px/1.8 Georgia, "Times New Roman", Times, serif;
text-transform:uppercase; 
}

#quicklinks a:hover {
color: #dad0c1;
	font: 12px/1.8 Georgia, "Times New Roman", Times, serif;
text-transform:uppercase; 
}


#ContentMain {
float: right;
width: 747px;
padding-bottom: 40px;

}

#ImageHeader {
margin: 6px 6px 5px 3px;
/*height:175px;*/
width: 735px;
text-align:center;

}

#ContentPrimaryPrivate {
float: left;
width: 400px;
margin: 10px 0 0 55px;

}

#ContentPrimaryPrivate .inside  {
text-align: left;
}

#ContentPrimary  {
float: left;
width: 480px;

}

#ContentPrimary .inside  {
text-align: left;
padding: 10px 0 0 55px;
}

#ContentSecondary {
float: right;
width: 200px;
}

#ContentSecondary .inside{
text-align: left;
padding: 10px 60px 0 0;
}

#ContentSecondaryPrivate {
float: right;
width: 230px;
padding: 10px 40px 0 0;
}

#ContentSecondaryPrivate .inside{
text-align: left;
}

#ContentOneColumn {
	/*padding: 10px 20px 0 55px;*/
	/*width: 735px;*/
	padding-top: 10px;
	margin: 0 20px 0 55px;
	width: 672px;
	text-align:left;
	}
	
#feedBack {
	width:139px;
	display:block;
	}
	
		a#feedBack {
			height: 29px;
			width: 139px;
			background:url(../../../Images/MemFeedback.gif);
			background-position:top left;
			}
			
			a#feedBack:hover {
				background-position:bottom left;
				}
	
#eventsButton {
	width:139px;
	display:block;
	}
	
		a#eventsButton {
			height: 29px;
			width: 139px;
			background:url(../../../Images/EventCalendar.gif);
			background-position:top left;
			}
			
			a#eventsButton:hover {
				background-position:bottom left;
				}
	
#WeddingPhotos {
	width:139px;
	display:block;
	}
	
		a#WeddingPhotos {
			height: 29px;
			width: 139px;
			background:url(../../../Images/WeddingPhotos.gif);
			background-position:top left;
			}
			
			a#WeddingPhotos:hover {
				background-position:bottom left;
				}
				
#month {
	border-top:#640c0b 1px solid;}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

 height: 146px;
 padding-top: 50px;
 background-image: url(../../../Images/footer.jpg);
 vertical-align:bottom
}

.inside {

text-align: center;
font: 10px Arial, Helvetica, sans-serif;
color: FFF;

}

#footerInfo {
font: 12px "Times New Roman", Times, serif;
text-transform:uppercase; 
color:c6b07b;
text-align: center;
}

#footer a {
	
color: #FFF;
	font: 10px Arial, Helvetica, sans-serif;
text-transform:uppercase; 
}

#footer a:hover {
color: #FFF;
	font: 10px Arial, Helvetica, sans-serif;
text-transform:uppercase; 
}


#footerBottom {

width:967px;
height:77px;
background-image: url(../../../Images/logo_footer2.gif);

}